:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;--charcoal: #171514;--ink: #0c0c0b;--panel: rgba(24, 20, 18, .82);--panel-solid: #211b19;--coral: #f07861;--coral-soft: #ff9b80;--gold: #efc46f;--gold-soft: #ffe2a3;--ash: #aaa09a;--line: rgba(239, 196, 111, .28);--white: #fff5e7;background:var(--ink);color:var(--white)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#100d0c;user-select:none;-webkit-user-select:none}button,kbd{font:inherit}button{color:inherit;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 40%,#49251e 0,#171312 46%,#0b0a09)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.hud{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s ease}.hud[data-visible=true]{opacity:1}.hud-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.14em;font-size:.67rem}.brand-lockup{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--gold-soft);text-shadow:0 2px 12px #000}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--gold);color:var(--coral-soft);font-family:Marcellus,serif;letter-spacing:0;transform:rotate(45deg)}.brand-mark:first-line{transform:rotate(-45deg)}.top-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.objective{max-width:310px;padding:8px 13px;border:1px solid var(--line);background:#110e0db3;color:var(--gold-soft);text-align:right}.icon-button{padding:8px 11px;background:#110e0db3;border:1px solid rgba(255,245,231,.16);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.icon-button:hover{border-color:var(--gold);color:var(--gold-soft)}.status-panel,.quest-panel,.stealth-panel{position:absolute;background:linear-gradient(135deg,#1f1917e0,#100e0db8);border:1px solid var(--line);box-shadow:0 12px 36px #0000003d;backdrop-filter:blur(8px)}.status-panel{left:max(22px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:min(230px,calc(100vw - 44px));padding:14px 15px 13px;clip-path:polygon(0 0,92% 0,100% 18%,100% 100%,0 100%)}.status-row{display:flex;justify-content:space-between;margin:0 0 6px;color:var(--ash);text-transform:uppercase;letter-spacing:.12em;font-size:.58rem}.status-row strong{color:var(--white);font-weight:600}.meter{height:5px;overflow:hidden;background:#ffffff14}.meter i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .18s ease,background-color .18s ease}.vitality i{background:linear-gradient(90deg,var(--coral),var(--coral-soft))}.stamina{margin-bottom:11px}.stamina i{background:linear-gradient(90deg,#b69354,var(--gold))}.quest-panel{top:84px;right:max(22px,env(safe-area-inset-right));width:300px;padding:15px 16px 14px}.eyebrow{margin:0 0 10px;color:var(--coral-soft);font-size:.62rem;font-weight:700;line-height:1.3;letter-spacing:.21em;text-transform:uppercase}.beacon-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.beacon-row>span{position:relative;min-height:56px;padding:8px 7px;border:1px solid rgba(255,255,255,.09);background:#00000029;color:#736d68}.beacon-row i{display:block;width:7px;height:7px;margin-bottom:8px;transform:rotate(45deg);background:#4c4642}.beacon-row b{font-family:Marcellus,serif;font-size:.9rem;font-weight:400}.beacon-row em{display:block;margin-top:2px;font-size:.48rem;font-style:normal;letter-spacing:.04em;white-space:nowrap}.beacon-row [data-restored=true]{color:var(--gold-soft);border-color:#efc46f7a;background:#efc46f12}.beacon-row [data-restored=true] i{background:var(--gold);box-shadow:0 0 14px var(--coral)}.sigil-count{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:10px 0 0;color:var(--ash);text-transform:uppercase;letter-spacing:.12em;font-size:.56rem}.sigil-count span{color:var(--gold);font-size:.8rem}.sigil-count b{color:var(--white);font-size:.75rem}.stealth-panel{top:86px;left:50%;width:156px;padding:9px 12px 10px;transform:translate(-50%);text-transform:uppercase;letter-spacing:.13em;font-size:.55rem;color:var(--gold-soft);text-align:center}.stealth-panel>div:first-child{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:7px}.eye{position:relative;width:13px;height:7px;border:1px solid currentColor;border-radius:80% 10%;transform:rotate(45deg)}.eye:after{content:"";position:absolute;width:2px;height:2px;top:1px;left:4px;border-radius:50%;background:currentColor}.detection{height:3px}.detection i{background:var(--gold);transform:scaleX(0)}.stealth-panel[data-alert=true]{border-color:#f07861b3;color:#fff1e9;animation:alert-pulse .7s ease-in-out infinite alternate}.stealth-panel[data-alert=true] .detection i{background:var(--coral)}.interaction{position:absolute;left:50%;bottom:24%;display:flex;align-items:center;gap:10px;padding:8px 13px;transform:translate(-50%,8px);background:#0e0c0bd1;border:1px solid var(--line);color:var(--white);font-size:.68rem;letter-spacing:.08em;opacity:0;transition:opacity .16s ease,transform .16s ease}.interaction[data-visible=true]{opacity:1;transform:translate(-50%)}kbd{display:inline-grid;place-items:center;min-width:22px;min-height:20px;padding:2px 6px;border:1px solid rgba(255,245,231,.35);border-bottom-color:#fff5e799;border-radius:2px;background:#ffffff14;color:var(--gold-soft);font-size:.58rem;line-height:1}.toast{position:absolute;left:50%;top:19%;max-width:min(420px,calc(100vw - 36px));padding:9px 14px;transform:translate(-50%,-8px);border-left:2px solid var(--coral);background:#130f0ee0;color:var(--white);font-size:.72rem;letter-spacing:.04em;text-align:center;opacity:0;transition:opacity .18s ease,transform .18s ease}.toast[data-visible=true]{opacity:1;transform:translate(-50%)}.hit-flash{position:absolute;inset:0;background:radial-gradient(circle,transparent 38%,rgba(220,45,30,.55));opacity:0}.hit-flash[data-active=true]{animation:hit .32s ease-out}.desktop-help{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:flex;gap:12px;color:#fff5e799;text-transform:uppercase;letter-spacing:.08em;font-size:.52rem}.desktop-help span{display:flex;align-items:center;gap:4px}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 42%,#4e231a33,#0a0908bd 75%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility .42s}.overlay[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}.title-screen{background:linear-gradient(90deg,#0a0908d4,#0f0c0b61 48%,#0a0908a8)}.title-card{width:min(640px,92vw);margin-right:min(30vw,360px);padding:34px 38px;border-left:1px solid rgba(239,196,111,.6);background:linear-gradient(90deg,#14100fd1,#14100f14);text-align:left}.title-card h1,.dialog-card h2,.ending-card h2{margin:0;font-family:Marcellus,Georgia,serif;font-weight:400;letter-spacing:.035em;text-wrap:balance}.title-card h1{max-width:560px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.9;color:var(--white);text-shadow:0 4px 36px rgba(0,0,0,.6)}.title-card h1 span{color:var(--coral)}.lede{max-width:500px;margin:24px 0 21px;color:#d7ccc3;font-size:clamp(.9rem,1.6vw,1.04rem);line-height:1.65}.title-rule{display:flex;align-items:center;gap:12px;width:150px;margin:0 0 24px;color:var(--gold)}.title-rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.title-rule i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.primary-button{display:flex;align-items:center;justify-content:space-between;width:min(350px,100%);min-height:52px;padding:0 17px 0 20px;border:1px solid var(--coral);background:var(--coral);color:#1c1210;text-align:left;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800;box-shadow:0 9px 28px #f078612e;transition:background .16s ease,transform .16s ease}.primary-button:hover{background:var(--coral-soft);transform:translateY(-2px)}.primary-button b{padding-left:18px;border-left:1px solid rgba(28,18,16,.28);font-size:.54rem;font-weight:700}.fine-print{margin:18px 0 0;color:#857c76;font-size:.57rem;line-height:1.8;letter-spacing:.04em}.compact-screen{z-index:12;background:#090807b8;backdrop-filter:blur(7px)}.dialog-card,.ending-card{width:min(520px,92vw);padding:36px;border:1px solid var(--line);background:linear-gradient(145deg,#241c19f7,#100e0df7);box-shadow:0 24px 80px #00000080;text-align:center}.dialog-card h2,.ending-card h2{margin-bottom:13px;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.dialog-card p:not(.eyebrow){margin:0 0 24px;color:var(--ash);line-height:1.6}.dialog-card .primary-button,.ending-card .primary-button{margin:0 auto}.text-button{margin-top:14px;padding:8px;background:transparent;color:var(--ash);text-transform:uppercase;letter-spacing:.12em;font-size:.6rem}.text-button:hover{color:var(--white)}.ending-screen[data-result=defeat]{background:radial-gradient(circle,#6a18123d,#090807e0 72%)}.ending-screen[data-result=victory]{background:radial-gradient(circle,#6d3a1c4d,#090807d9 72%)}.ending-body{margin:20px auto 24px;color:#d9cec5;font-family:Marcellus,Georgia,serif;font-size:clamp(1rem,2.5vw,1.28rem);line-height:1.7}.ending-lines{display:flex;justify-content:center;gap:8px;margin:0 0 24px}.ending-lines i{width:8px;height:8px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 15px var(--coral)}.ending-screen[data-result=defeat] .ending-lines i{background:var(--coral);box-shadow:none}.ending-stats{display:flex;justify-content:center;gap:26px;margin:0 0 24px;color:var(--ash);text-transform:uppercase;letter-spacing:.1em;font-size:.57rem}.ending-stats b{display:block;margin-bottom:4px;color:var(--gold-soft);font-family:Marcellus,serif;font-size:1.1rem;font-weight:400}.touch-controls{display:none}noscript{position:absolute;z-index:20;inset:50% auto auto 50%;width:min(400px,90vw);transform:translate(-50%,-50%);padding:20px;background:var(--panel-solid);text-align:center}@keyframes alert-pulse{to{box-shadow:0 0 24px #f0786147}}@keyframes hit{0%{opacity:.9}to{opacity:0}}@media(max-width:820px),(pointer:coarse){.hud-top{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}.brand-lockup>span:last-child,.objective,.desktop-help{display:none}.brand-mark{width:26px;height:26px}.status-panel{left:max(10px,env(safe-area-inset-left));top:112px;bottom:auto;width:160px;padding:10px 11px}.quest-panel{top:51px;right:max(10px,env(safe-area-inset-right));width:190px;padding:10px}.quest-panel .eyebrow,.beacon-row em{display:none}.beacon-row>span{min-height:31px;padding:6px}.beacon-row i{display:inline-block;margin:0 5px 0 0}.beacon-row b{font-size:.72rem}.sigil-count{margin-top:7px;font-size:.48rem}.stealth-panel{top:48px;left:max(10px,env(safe-area-inset-left));width:125px;transform:none;padding:8px}.interaction{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 168px);white-space:nowrap}.toast{top:205px}.touch-controls{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;pointer-events:none}.dpad{display:grid;grid-template:repeat(3,44px) / repeat(3,44px);gap:4px}.dpad button,.action-pad button{min-width:44px;pointer-events:auto;border:1px solid rgba(255,245,231,.2);background:#151211b8;color:#fff5e7cc;text-transform:uppercase;letter-spacing:.06em;font-size:.5rem;touch-action:none;backdrop-filter:blur(5px)}.dpad button[data-hold=up]{grid-area:1 / 2}.dpad button[data-hold=left]{grid-area:2 / 1}.dpad button[data-hold=right]{grid-area:2 / 3}.dpad button[data-hold=down]{grid-area:3 / 2}.action-pad{display:grid;grid-template:repeat(3,45px) / repeat(3,45px);gap:4px}.action-pad button[data-press=attack]{grid-area:2 / 3;border-radius:50%}.action-pad button[data-press=heavy]{grid-area:3 / 3}.action-pad button[data-press=interact]{grid-area:1 / 2}.action-pad button[data-press=dodge]{grid-area:1 / 1}.action-pad button[data-press=special]{grid-area:1 / 3;color:var(--gold-soft);border-color:#efc46f80}.action-pad button.hold-action{grid-area:3 / 1}.touch-controls button[data-active=true]{border-color:var(--gold);background:#efc46f47}.title-card{width:min(580px,94vw);margin:0;padding:25px 22px;background:linear-gradient(90deg,#14100fe6,#14100f33)}.title-card h1{max-width:100%;font-size:clamp(2.6rem,11.5vw,5.5rem);white-space:nowrap}.fine-print{display:none}.dialog-card,.ending-card{padding:28px 22px}.ending-stats{gap:16px}}@media(max-width:360px){.quest-panel{top:51px;right:max(10px,env(safe-area-inset-right));left:auto;width:140px}.stealth-panel{top:51px;left:max(10px,env(safe-area-inset-left));width:135px;transform:none}.status-panel{top:112px;right:auto;bottom:auto;left:max(10px,env(safe-area-inset-left))}.interaction{bottom:168px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.grain{display:none}}@media(max-width:820px),(pointer:coarse){html,body,#app{overflow-x:clip}.hud-top{min-width:0;min-height:58px;overflow:hidden}.brand-lockup,.top-actions{min-width:0}.top-actions{flex-wrap:nowrap}.icon-button{white-space:nowrap}.quest-panel,.stealth-panel{top:56px;width:calc(50% - 16px)}.quest-panel{right:max(10px,env(safe-area-inset-right));left:auto}.stealth-panel{left:max(10px,env(safe-area-inset-left));right:auto}.status-panel{top:204px;right:max(10px,env(safe-area-inset-right));bottom:auto;left:max(10px,env(safe-area-inset-left));width:auto;max-height:30vh;overflow-y:auto}.status-row,.beacon-row b,.sigil-count{font-size:.52rem}.interaction{right:14px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 168px);left:14px;width:auto;max-width:none;white-space:normal;text-align:center}.toast{top:300px;right:14px;left:14px;width:auto;max-width:none;white-space:normal;text-align:center}.toast[data-visible=true]{transform:translate(0)}.touch-controls{right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));gap:8px}.title-card,.dialog-card,.ending-card{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.ending-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}}@media(max-height:650px)and (pointer:coarse){.quest-panel,.stealth-panel{top:43px}.status-panel{top:auto;bottom:160px}.interaction{bottom:220px}}@media(min-width:821px)and (pointer:fine){.status-panel,.quest-panel,.stealth-panel{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.title-card,.dialog-card,.ending-card{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.ending-stats{gap:32px}.ending-stats b{font-size:1.25rem}}