:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecedda;background:#15261e;--safe-left:max(14px,env(safe-area-inset-left));--safe-right:max(14px,env(safe-area-inset-right));--safe-top:max(10px,env(safe-area-inset-top));--safe-bottom:max(12px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;min-height:44px;min-width:44px;border:1px solid #dfebc14d;border-radius:12px;background:#193023df;padding:10px 16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,.held{background:#617b38!important}button:focus-visible{outline:3px solid #cfed84;outline-offset:3px}button:disabled{opacity:.5;cursor:default}button.primary{background:#d3e99e;color:#18291f;border:0;font-weight:700;padding:17px 28px;min-width:220px}button.primary span{float:right}button.attack{background:#aecb74;color:#142319;font-weight:750;grid-row:3 / 5;grid-column:3;border-radius:50%;width:76px;height:76px;align-self:center}h1{font-family:Georgia,serif;font-size:clamp(50px,8vw,104px);font-weight:400;line-height:.94;letter-spacing:-.06em;margin:28px 0}h1 em{color:#c7e48e;font-weight:400}h2{font:400 clamp(26px,4vw,40px) Georgia,serif;margin:0 0 18px}p{line-height:1.6}footer,.instructions{font-size:13px;color:#b7c3ad}.eyebrow{letter-spacing:.18em;font-size:11px;color:#d0dea9}.intro{width:min(660px,100%);padding:clamp(24px,5vw,70px)}.veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 10%,#68895244,transparent 65%),linear-gradient(115deg,#17291f,#14251e);overflow:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#welcome .intro{margin-right:auto;margin-left:8vw}#loading{font-size:13px;margin:12px 0}progress{width:100%;accent-color:#c7e48e}#game{width:100%;height:100%;display:block;touch-action:none;outline:none}#touch{position:absolute;inset:0;pointer-events:none;touch-action:none}#touch button,#joystick{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#toolbar{position:absolute;right:var(--safe-right);top:var(--safe-top);display:flex;gap:6px}#toolbar button{padding:6px 12px}#stats{position:absolute;top:var(--safe-top);left:var(--safe-left);font-size:14px;max-width:48%;padding:8px 12px;border-radius:10px;background:#14251edb}#joystick{position:absolute;bottom:calc(var(--safe-bottom) + 18px);left:calc(var(--safe-left) + 20px);width:126px;height:126px;border:1px solid #ecedda55;background:#16251c60;border-radius:50%}#thumb{position:absolute;left:40px;top:40px;width:46px;height:46px;border-radius:50%;background:#d9ebad88;border:1px solid #eef6db99}#joystick small{position:absolute;top:137px;left:43px;font-size:10px;letter-spacing:.15em}#actions{position:absolute;bottom:var(--safe-bottom);right:var(--safe-right);display:grid;grid-template-columns:60px 60px 76px;gap:5px}#actions button{font-size:11px;padding:5px 3px}#actions [data-action=lock]{grid-column:1}#actions [data-action=heal]{grid-column:2}#look-hint{position:absolute;bottom:var(--safe-bottom);left:40%;font-size:11px;color:#eceddaaa}#menu{background:#0d1b16c9;backdrop-filter:blur(8px)}.sheet{max-width:820px;width:100%;max-height:100%;padding:24px;overflow:auto;touch-action:pan-y;overscroll-behavior:contain}.sheet .row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.sheet header{display:flex;align-items:center;justify-content:space-between;gap:20px}.sheet header h2{margin:0}.sheet .items{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.sheet .items button{text-align:left;min-height:60px}.sheet p{font-size:14px}.sheet .muted{color:#bdcba9}#rotate{z-index:10;background:#15261ef5;text-align:center}[hidden]{display:none!important}
@media(max-height:540px){h1{font-size:52px;margin:16px 0}.intro{padding:20px}.intro p{margin:10px 0}.intro footer{font-size:11px;margin-top:12px}.intro .instructions{font-size:11px}.sheet{padding:16px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left))}#welcome .intro{margin-left:5vw}#look-hint{left:34%}#actions{grid-template-columns:55px 55px 72px;gap:4px}#actions button{min-height:40px}#stats{font-size:12px}}
@media(min-width:1100px){#joystick{left:calc(var(--safe-left) + 45px);bottom:calc(var(--safe-bottom) + 35px)}#actions{right:calc(var(--safe-right) + 30px);bottom:calc(var(--safe-bottom) + 20px);gap:10px;grid-template-columns:70px 70px 86px}#actions button{font-size:13px;min-height:52px}}

/* Keep primary actions in a stable thumb arc on phones and tablets. */
#actions{grid-template-columns:58px 58px 76px;grid-template-rows:44px 44px 58px;gap:7px}
#actions [data-action=lock]{grid-area:1/1}#actions [data-action=heal]{grid-area:1/2}#actions [data-action=onion]{grid-area:1/3}
#actions [data-action=interact]{grid-area:2/1}#actions [data-hold=block]{grid-area:2/2}#actions [data-action=heavy]{grid-area:2/3}
#actions [data-action=dodge]{grid-area:3/1}#actions [data-action=jump]{grid-area:3/2}#actions .attack{grid-area:3/3;width:76px;height:64px}
#look-hint{left:34%;bottom:var(--safe-bottom);max-width:26%;text-align:center;font-size:10px;pointer-events:none}
#film{position:absolute;inset:0;z-index:20;background:#000;display:grid;place-items:center}#film video{width:100%;height:100%;object-fit:contain}#film-skip{position:absolute;right:var(--safe-right);bottom:var(--safe-bottom)}#film-fallback{position:absolute;text-align:center;padding:24px;background:#14251ee8;border-radius:16px}
@media(min-width:1000px) and (min-height:600px){#actions{grid-template-columns:70px 70px 88px;grid-template-rows:52px 52px 76px;gap:10px}#actions .attack{width:88px;height:76px}#joystick{width:146px;height:146px}#thumb{left:50px;top:50px}#joystick small{top:154px;left:52px}}

.quest{padding:16px 0;border-bottom:1px solid #536443}.quest h3{margin:0}.quest p{margin:10px 0}

#film-sound{position:absolute;bottom:24px;left:24px;z-index:3}

html,body{touch-action:manipulation}#game,#touch,#film{touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#touch #stats,#touch #look-hint{pointer-events:none}