:root{--ink:#dfe9f2;--dim:#7d8894;--accent:#9be8ff;--warn:#ffb454;--panel:#0a0e13d1;--edge:#9be8ff40;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);background:#04060a;margin:0;overflow:hidden}.app{height:100%;position:relative}.app canvas{display:block}.hud{pointer-events:none;font-size:13px;position:absolute;inset:0}.hud button{pointer-events:auto}.hud-label{color:var(--accent);letter-spacing:.12em;margin-right:8px;font-size:10px}.hud-dim{color:var(--dim)}.hud-objective{background:var(--panel);border:1px solid var(--edge);border-radius:4px;max-width:min(560px,100vw - 120px);padding:10px 14px;line-height:1.45;position:absolute;top:16px;left:16px}.hud-timer{background:var(--panel);border:1px solid var(--edge);letter-spacing:.1em;border-radius:4px;padding:10px 14px;position:absolute;top:16px;right:16px}.hud-toast{background:var(--panel);border:1px solid var(--warn);color:var(--warn);white-space:nowrap;border-radius:4px;padding:10px 18px;animation:3.5s forwards toast-fade;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,8px)}8%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.hud-inventory{gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.hud-chip{background:var(--panel);border:1px solid var(--warn);color:var(--warn);border-radius:4px;padding:8px 12px;font-size:12px}.hud-back{background:var(--panel);border:1px solid var(--edge);color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;padding:8px 14px;position:absolute;top:64px;left:16px}.hud-back:hover{border-color:var(--accent)}.hud-hints{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.hint-toggle,.hint-reveal{background:var(--panel);border:1px solid var(--edge);color:var(--accent);font:inherit;letter-spacing:.08em;cursor:pointer;border-radius:4px;padding:8px 14px;font-size:12px}.hint-toggle:hover,.hint-reveal:hover{border-color:var(--accent)}.hint-panel{background:var(--panel);border:1px solid var(--edge);pointer-events:auto;border-radius:4px;width:min(340px,100vw - 32px);padding:12px 16px}.hint-title{color:var(--accent);letter-spacing:.12em;margin-bottom:6px;font-size:10px}.hint-text{margin:8px 0;font-size:12px;line-height:1.5}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020408b8;place-items:center;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:6px;max-width:460px;padding:40px 44px}.overlay-kicker{color:var(--dim);letter-spacing:.28em;font-size:11px}.overlay-title{letter-spacing:.14em;color:var(--accent);text-shadow:0 0 24px #9be8ff73;margin:14px 0 10px;font-size:42px;font-weight:700}.overlay-title-win{color:#46c47a;text-shadow:0 0 24px #46c47a73}.overlay-body{color:var(--ink);line-height:1.6}.overlay-controls{letter-spacing:.08em;color:var(--dim);margin:18px 0 6px;font-size:11px}.overlay-button{border:1px solid var(--accent);color:var(--accent);font:inherit;letter-spacing:.2em;cursor:pointer;background:0 0;border-radius:4px;margin-top:18px;padding:12px 40px;font-size:14px;transition:background .15s}.overlay-button:hover{background:#9be8ff1f}.win-stats{justify-content:center;gap:24px;margin-top:18px;font-size:15px;display:flex}