@font-face{font-family:DDSerif;src:url(./assets/DejaVuSerif.ttf) format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#eef0e6;--dim:#bec8be;--gold:#e9b65e;--panel:#10242bec;--line:#bdcfcb33;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:#101f24;color:var(--ink);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ffe2a8;outline-offset:4px}button:active{transform:scale(.96)}button:disabled:active{transform:none}[hidden]{display:none!important}a{color:var(--gold)}#world{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#08171c77,transparent 24%,transparent 65%,#0513157a);box-shadow:inset 0 0 130px #0611124d}#loading{position:fixed;inset:0;z-index:25;display:grid;align-content:center;text-align:center;background:#10232b}#loading p{font-family:DDSerif,Georgia,serif;font-size:26px}.kicker{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.screen{position:fixed;inset:0;z-index:20;background:linear-gradient(90deg,#081820f5,#0a212cbd 53%,#102c3633);padding:max(28px,var(--safe-t)) max(36px,var(--safe-r)) max(22px,var(--safe-b)) max(36px,var(--safe-l));display:flex;align-items:center;overflow:auto;touch-action:pan-y}.menu-content{width:min(580px,100%)}.title{font-family:DDSerif,Georgia,serif;font-size:clamp(40px,7vw,82px);line-height:1.02;font-weight:400;letter-spacing:-.06em;margin:16px 0 8px}.title span{display:block;color:var(--gold);font-size:.51em;letter-spacing:.015em;margin-top:12px}.description{font-size:16px;line-height:1.65;color:#d3dacf;max-width:440px;margin:20px 0}.menu-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.primary,.secondary,.quiet{min-height:48px;padding:13px 22px;border-radius:3px;font-weight:700;letter-spacing:.02em}.primary{background:var(--gold);border-color:var(--gold);color:#112128;display:inline-flex;align-items:center;justify-content:space-between;gap:36px}.primary span{font-size:22px}.secondary{background:#16313bbd;border-color:#adc5c36b}.quiet{background:transparent;border-color:transparent;color:#d4ddd5;font-size:14px}.menu-tools{display:flex;gap:4px;margin:18px -12px 0;flex-wrap:wrap}.menu-tools .quiet{padding:10px 12px}.credit{color:#aabcb8;font-size:12px;line-height:1.5;margin-top:25px}.menu-aside{margin-left:auto;align-self:flex-end;text-align:right;padding-left:25px;color:#d1ded5;font-size:12px;letter-spacing:.12em;line-height:1.9}.mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(680px,100%)}.mission-card{padding:17px;text-align:left;min-height:89px;background:#15313bdc;border-color:#799c9755;display:flex;gap:14px;align-items:flex-start;border-radius:4px}.mission-card b{font-family:DDSerif,Georgia,serif;color:var(--gold);font-size:25px;font-weight:400}.mission-card strong{font-size:16px;line-height:1.3;display:block}.mission-card small{display:block;margin-top:5px;color:#acbeb6;font-size:12px}.panel-heading{font-family:DDSerif,Georgia,serif;font-size:clamp(28px,4vw,45px);font-weight:400;margin:14px 0 22px}.panel-body{max-width:660px;width:100%}.panel-body p{color:#d2ddd5;line-height:1.6;font-size:16px}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);max-width:500px}.setting-row select{padding:10px;background:#15333c;color:var(--ink);border:1px solid #92aba988;font-size:16px;border-radius:3px}.stat-line{display:flex;gap:25px;color:var(--dim);margin:22px 0}.stat-line strong{display:block;color:var(--gold);font-size:30px;font-family:DDSerif,Georgia,serif;font-weight:400}.stat-line span{font-size:12px}.topbar{position:fixed;z-index:5;left:max(18px,var(--safe-l));right:max(18px,var(--safe-r));top:max(15px,var(--safe-t));display:flex;align-items:flex-start;gap:28px;pointer-events:none}.identity{display:flex;gap:10px;align-items:center;min-width:175px}.hero-mark{display:grid;place-items:center;border:1px solid #d7b16a88;border-radius:50%;height:40px;width:40px;font-family:DDSerif,Georgia,serif;color:var(--gold);font-size:17px;background:#0d222b88}.identity strong{font-size:12px;letter-spacing:.15em}.meters{width:140px;display:flex;flex-direction:column;gap:4px;margin-top:7px}.meter{height:5px;overflow:hidden;background:#102323a8;border-radius:2px}.meter i{height:100%;width:100%;display:block;background:#bad98c;transform-origin:left;transition:transform .12s linear}.meter.energy i{background:#e8b964}.meter.stamina{height:3px}.meter.stamina i{background:#c7d8d9}.objective{max-width:410px;text-shadow:0 1px 6px #000b}.objective .kicker{font-size:12px;letter-spacing:.13em}.objective strong{display:block;font-size:18px;margin:5px 0}.objective p{font-size:14px;color:#e1e9df;line-height:1.4;margin:0}.top-actions{margin-left:auto;display:flex;gap:8px;pointer-events:auto}.square{height:44px;min-width:44px;border:1px solid #c2dad44d;background:#10252bbe;border-radius:4px;font-size:25px;font-weight:400}.bottom-line{position:fixed;z-index:6;bottom:max(10px,var(--safe-b));left:max(20px,var(--safe-l));right:max(20px,var(--safe-r));display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#d0dbcc;pointer-events:none;text-shadow:0 1px 4px black}#boss-hud{position:fixed;top:110px;left:50%;transform:translateX(-50%);width:min(390px,50vw);text-align:center;z-index:4;text-shadow:0 1px 3px black}#boss-hud strong{font-size:12px;letter-spacing:.2em}#boss-hud .meter{margin:7px 0;height:6px}#boss-fill{background:#e88c66}#boss-hud small{font-size:12px}#waypoint{position:fixed;z-index:3;pointer-events:none;transform:translate(-50%,-50%);color:#fff0c9;text-shadow:0 1px 5px #000;font-size:14px;background:#162b31aa;border:1px solid #b9a26055;padding:4px 7px;border-radius:3px}#look-zone{position:fixed;left:40%;right:0;top:15%;bottom:0;z-index:3;touch-action:none}.joystick-wrap{position:fixed;z-index:7;bottom:max(50px,calc(var(--safe-b) + 24px));left:max(28px,calc(var(--safe-l) + 16px));width:142px;text-align:center}.joystick-wrap small{display:block;font-size:10px;letter-spacing:.06em;margin-top:10px;white-space:nowrap;color:#d6e1d5;text-shadow:0 1px 5px black}#joystick{height:130px;width:130px;border:1px solid #d3e4d43b;border-radius:50%;background:#182e3b45;display:grid;place-items:center;touch-action:none;margin:auto;box-shadow:inset 0 0 20px #071c2455}#stick{width:56px;height:56px;border-radius:50%;border:1px solid #e2e8d666;background:#d4dfcb22;box-shadow:0 2px 12px #071c2444;pointer-events:none}.action-pad{position:fixed;z-index:8;bottom:max(45px,calc(var(--safe-b) + 19px));right:max(22px,calc(var(--safe-r) + 14px));display:grid;grid-template-columns:58px 66px 68px;grid-template-rows:62px 72px;gap:10px;align-items:center}.action{border-radius:50%;background:#132b39a6;border:1px solid #c8d9d070;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;height:58px;width:58px;touch-action:none;box-shadow:0 2px 12px #06192033}.action b{font-size:25px;line-height:1}.action span{font-size:10px;letter-spacing:.02em;margin-top:4px}.action small{position:absolute;background:#183d49;border-radius:8px;padding:1px 4px;font-size:10px;margin-top:51px}.action.power{height:63px;width:63px;border-color:#edc272aa;color:#ffcf6a;background:#543d2080}.action.dodge{grid-column:2;grid-row:2;height:62px;width:62px}.action.strike{grid-column:3;grid-row:2;height:72px;width:72px;background:#a17335a6;border-color:#edc272;color:#fff0c9}.action.strike b{font-size:35px}.action.small:first-child{grid-column:1;grid-row:2}.action.power{grid-column:1;grid-row:1}.action.small[data-action=heavy]{grid-column:3;grid-row:1}.action.held{background:#487369d9;border-color:#c7f3cb}.interact{position:fixed;z-index:9;left:50%;bottom:max(75px,calc(var(--safe-b) + 50px));transform:translateX(-50%);min-height:50px;padding:12px 20px;background:#d5af63eb;color:#14262d;border:1px solid #f5d590;border-radius:4px;font-size:14px;font-weight:700;letter-spacing:.06em;display:flex;gap:20px;align-items:center}.interact:active{transform:translateX(-50%) scale(.97)}.look-caption{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;color:#c6d6d288;z-index:5;pointer-events:none}#toast{position:fixed;z-index:11;left:50%;top:30%;transform:translateX(-50%);max-width:460px;width:max-content;text-align:center;background:#0e282dde;border:1px solid #c0a36988;color:#f4e4bd;padding:12px 22px;font-size:14px;line-height:1.5;border-radius:4px;pointer-events:none}.dialogue{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(transparent,#06151ea8);padding:20px max(28px,var(--safe-r)) max(25px,var(--safe-b)) max(28px,var(--safe-l));touch-action:pan-y;overflow:auto}.dialogue-card{width:min(750px,100%);background:#102932f2;border-top:2px solid var(--gold);padding:22px 28px;border-radius:2px;box-shadow:0 15px 80px #0005}.dialogue h2{font-size:14px;letter-spacing:.14em;margin:9px 0 12px;color:var(--gold)}.dialogue p{font-size:20px;line-height:1.55;margin:0;min-height:55px;font-family:DDSerif,Georgia,serif}.dialogue-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.dialogue-actions .quiet{padding-left:0}.puzzle-options{display:flex;gap:12px;margin:25px 0}.puzzle-options button{min-width:92px;min-height:74px;background:#294841;border:1px solid #c8ac72;color:var(--gold);font-weight:bold}.journal-list{padding:0;list-style:none;max-height:30vh;overflow:auto}.journal-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:#d1ddd0}.journal-list b{color:var(--gold);margin-right:12px}#rotate-hint{position:fixed;z-index:40;top:max(8px,var(--safe-t));left:8px;right:8px;background:#203c42f5;border:1px solid #bccebb66;padding:12px 45px 12px 14px;font-size:14px;line-height:1.4;border-radius:4px}#rotate-hint button{position:absolute;right:4px;top:3px;width:36px;height:36px;background:none;border:none;font-size:24px}.noscript{position:fixed;inset:30%;z-index:50;color:white}.hit-flash{animation:hurt .25s}@keyframes hurt{0%{box-shadow:inset 0 0 100px #e4433888}100%{box-shadow:inset 0 0 100px transparent}}
@media(max-height:520px) and (orientation:landscape){.screen{padding:20px max(27px,var(--safe-r)) 18px max(27px,var(--safe-l))}.title{font-size:47px;margin:10px 0 6px}.description{margin:12px 0;max-width:425px;font-size:14px;line-height:1.45}.menu-controls{margin-top:13px}.menu-tools{margin-top:8px}.credit{margin-top:10px;font-size:12px}.menu-aside{font-size:12px}.topbar{gap:18px;top:max(10px,var(--safe-t));left:max(12px,var(--safe-l));right:max(12px,var(--safe-r))}.objective strong{font-size:16px;margin:3px 0}.objective p{font-size:12px;max-width:320px}.identity{min-width:145px;gap:7px}.meters{width:104px}.hero-mark{height:33px;width:33px;font-size:14px}.top-actions .square{height:40px;min-width:40px}.joystick-wrap{bottom:40px;width:116px;left:max(23px,var(--safe-l))}#joystick{width:108px;height:108px}#stick{width:48px;height:48px}.joystick-wrap small{font-size:9px;margin-top:7px}.action-pad{bottom:31px;right:max(18px,var(--safe-r));grid-template-columns:51px 57px 61px;grid-template-rows:52px 62px;gap:6px}.action{width:49px;height:49px}.action.power{width:52px;height:52px}.action.dodge{width:55px;height:55px}.action.strike{width:62px;height:62px}.action b{font-size:23px}.action span{font-size:9px}.action small{margin-top:44px}.look-caption{bottom:22px}.bottom-line{font-size:10px;bottom:8px}.interact{bottom:50px;min-height:45px;padding:10px 15px;font-size:12px}#boss-hud{top:85px;width:290px}#boss-hud small{display:none}.dialogue{padding:16px}.dialogue-card{padding:17px 23px}.dialogue p{font-size:17px;min-height:40px}.dialogue-actions{margin-top:12px}.dialogue-actions button{min-height:43px;padding-top:9px;padding-bottom:9px}.mission-card{padding:12px;min-height:70px}.panel-heading{margin:8px 0 15px;font-size:29px}.mission-list{gap:7px}.panel-body p{font-size:14px}.panel-actions{margin-top:14px}#toast{top:29%;font-size:12px;padding:8px 15px;max-width:340px}.setting-row{padding:9px 0}}
@media(orientation:portrait){.screen{align-items:center;padding:40px 24px}.title{font-size:clamp(49px,13vw,76px)}.menu-aside{display:none}.description{max-width:100%}.menu-controls{flex-direction:column;align-items:stretch}.menu-controls button{width:100%;justify-content:space-between}.topbar{gap:10px;flex-wrap:wrap}.identity{min-width:0}.top-actions{order:1}.objective{order:2;width:100%;max-width:100%;padding-top:5px}.objective strong{font-size:17px}.objective p{font-size:14px}.joystick-wrap{left:15px;bottom:70px;width:108px}#joystick{width:104px;height:104px}#stick{width:44px;height:44px}.joystick-wrap small{font-size:8px}.action-pad{right:12px;bottom:65px;grid-template-columns:48px 54px 60px;grid-template-rows:52px 63px;gap:5px}.action{width:47px;height:47px}.action.power{width:50px;height:50px}.action.strike{width:60px;height:60px}.action.dodge{width:53px;height:53px}.action span{font-size:9px}.action small{margin-top:42px}.bottom-line{flex-direction:column;gap:5px;font-size:10px;bottom:15px}.look-caption{bottom:39px;font-size:9px}.interact{bottom:215px}#toast{top:27%;width:calc(100% - 40px);font-size:14px}.dialogue{padding:16px;align-items:center}.dialogue-card{padding:22px 18px}.dialogue p{font-size:18px}.dialogue-actions{flex-wrap:wrap}.dialogue-actions .primary{margin-left:auto}.mission-list{grid-template-columns:1fr;max-height:59vh;overflow:auto}.mission-card{min-height:70px;padding:13px}.menu-tools{gap:0}.menu-tools .quiet{padding:10px;font-size:13px}#boss-hud{top:190px;width:75vw}.puzzle-options{gap:6px}.puzzle-options button{min-width:80px}.stat-line{gap:18px}.panel-actions .primary{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep action names legible on narrow phone screens. */
.action span{font-size:12px;letter-spacing:0}.action small{font-size:12px}.look-caption,.joystick-wrap small{font-size:12px;letter-spacing:0}.joystick-wrap small{white-space:normal;line-height:1.25}.bottom-line{font-size:12px}.identity strong{font-size:12px}
@media(max-height:520px){.joystick-wrap{bottom:35px}.joystick-wrap small{display:none}.look-caption{display:none}.bottom-line #save-status{display:none}.bottom-line{font-size:12px}.action span{font-size:12px}.action b{font-size:21px}}
@media(orientation:portrait){.joystick-wrap small{display:none}.look-caption{font-size:12px;bottom:38px}.bottom-line #save-status{display:none}.action span{font-size:12px}}