:root{color-scheme:light;--ink: #3a2414;--paper: #fff7e8;--sand: #f3d7a2;--accent: #e07a2f;--accent-dark: #b85a18;--good: #2f9e4f;--bad: #c4452d;--shadow: 0 14px 40px rgba(58, 36, 20, .18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Nunito,system-ui,sans-serif;color:var(--ink)}body.game-shell{overflow:auto;background:#f6e3c2;display:flex;flex-direction:column;min-height:100dvh}.play-stage{height:calc(100dvh - 58px);display:flex;flex-direction:column;background:#f4ead6}.play-stage #app{position:relative;flex:1;min-height:0;overflow:hidden}.game-article{width:min(760px,calc(100% - 32px));margin:20px auto;display:grid;gap:12px;padding:24px;background:#fff6e8;border:2px solid rgba(58,36,20,.14);border-radius:24px}.game-article p{margin:0;font-weight:700;line-height:1.5}.game-ad{width:min(760px,calc(100% - 32px));margin:0 auto 40px}#scene{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;inset:0;width:100%;padding:12px 16px max(16px,env(safe-area-inset-bottom));pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px}.hud-left{display:grid;gap:8px;width:min(360px,34vw);max-width:calc(100% - 24px);pointer-events:none;z-index:3}.hud-left .topbar,.hud-left .clue-card{width:100%;max-width:none;align-self:stretch}.hud-left .topbar{flex-wrap:wrap;padding:8px 12px}.hud-left .topbar h1{font-size:clamp(1.12rem,2.2vw,1.4rem)}.hud-left .stats{justify-content:flex-start}.hud-left .clue-card{pointer-events:auto;padding:10px 12px 12px}.hud-left #clue{font-size:clamp(.9rem,1.45vw,1.05rem)}.dock{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:4;margin:0}.dock-right{right:max(16px,env(safe-area-inset-right))}.dock-left{left:max(16px,env(safe-area-inset-left))}@media(max-width:700px){.dock{top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:none}.hud-left{width:min(280px,calc(100% - 20px))}.hud-left .hint{display:none}.game-shell.has-consent-bar .dock{bottom:max(152px,calc(env(safe-area-inset-bottom) + 136px))}.game-shell.has-consent-bar #toast{bottom:max(158px,calc(env(safe-area-inset-bottom) + 142px))}}.topbar,.clue-card,.panel{background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(58,36,20,.82);border-radius:22px;box-shadow:var(--shadow)}.topbar{pointer-events:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px}h1,h2{margin:0;line-height:1.05}h1{font-size:clamp(1.4rem,4vw,2rem)}h2{font-size:clamp(1.8rem,5vw,2.6rem)}.eyebrow,.clue-label,.hint{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;color:var(--accent-dark)}.stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stats span{background:var(--sand);border-radius:999px;padding:6px 12px;font-weight:800}.clue-card{pointer-events:none;max-width:min(640px,100%);padding:12px 16px 14px;align-self:center}.clue-card p{margin:0}#clue{margin-top:4px;font-size:clamp(1.05rem,2.6vw,1.35rem);font-weight:800}.hint{margin-top:8px;color:#7a5a3a}#toast{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);padding:12px 18px;border-radius:999px;font-weight:900;border:3px solid #3a2414;box-shadow:var(--shadow)}#toast.good{background:#d7f3df;color:#145c28}#toast.bad{background:#ffd8d1;color:#8a2414}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#7ec8e32e,#3a241447)}.overlay[hidden],#toast[hidden],.clue-card[hidden]{display:none!important}.panel{width:min(460px,100%);padding:28px 24px;text-align:center}.panel p{font-size:1.05rem;font-weight:700;line-height:1.45}button{appearance:none;border:3px solid #3a2414;background:var(--accent);color:#fff8ee;font:inherit;font-weight:900;font-size:1.1rem;border-radius:999px;padding:12px 22px;cursor:pointer;box-shadow:0 6px #8a4310}button:hover{filter:brightness(1.05)}button:active{transform:translateY(3px);box-shadow:0 3px #8a4310}@media(max-width:700px){.topbar{flex-direction:column;align-items:flex-start}.stats{width:100%;justify-content:flex-start}}