:root{--paper:#f6eedf;--ink:#3c2e26;--ink-soft:#6a584c;--terracotta:#b87870;--terracotta-deep:#9a6460;--sage:#7a9478;--brass:#c8a868;--veil:#30241c5c;--panel:#f8f0e4f0;--line:#6e523e24}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--ink);background:#2a221c;margin:0;font-family:Nunito,Segoe UI,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{z-index:20;place-items:center;display:grid;position:absolute;inset:0}.veil{background:radial-gradient(ellipse at 30% 20%, #c8a86829, transparent 50%), linear-gradient(180deg, #30241c2e, var(--veil));position:absolute;inset:0}.veil.dim{background:#241a146b}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;width:min(520px,100vw - 32px);padding:36px 36px 28px;position:relative;box-shadow:0 20px 48px #30201629,inset 0 1px #fffaf0b3}.panel.narrow{width:min(400px,100vw - 32px)}.title-panel h1,.credits-panel h2,.panel h2{letter-spacing:-.03em;margin:0 0 14px;font-family:Fraunces,Georgia,serif;font-size:clamp(40px,7vw,62px);font-weight:680;line-height:.95}.panel h2{font-size:40px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--terracotta-deep);margin:0 0 10px;font-size:12px;font-weight:800}.lede{color:var(--ink-soft);margin:0 0 26px;font-size:16px;line-height:1.5}.lede.short{margin-bottom:20px}.stack{flex-direction:column;gap:10px;display:flex}.btn{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:#faf3e8;border:1px solid #5034202e;border-radius:12px;padding:12px 16px;font-weight:800}.btn:hover:not(:disabled){border-color:#50342052;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--terracotta);color:#faf4ec;border-color:#0000}.btn.primary:hover:not(:disabled){background:var(--terracotta-deep)}.btn.ghost{background:0 0}.fine{color:var(--ink-soft);margin:18px 0 0;font-size:13px}#hud{pointer-events:none;z-index:10;position:absolute;inset:0}#room-chip,#time-chip,#progress-chip,#held-chip{border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f0e4e0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;position:absolute;top:22px}#room-chip{left:22px}#time-chip{left:50%;transform:translate(-50%)}#progress-chip{right:22px}#held-chip{top:auto;bottom:86px;left:50%;transform:translate(-50%)}#crosshair{border:2px solid #f8ecdcd9;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #2c211840}#crosshair.hot{background:#b87870cc;border-color:#faf4ec}#crosshair.good{background:#7a9478d1;border-color:#faf4ec}#prompt{text-align:center;color:#f6eedf;text-shadow:0 1px 10px #30201666;min-height:44px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}#prompt-action{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:800}#prompt-name{font-family:Fraunces,Georgia,serif;font-size:22px}#hint{border:1px solid var(--line);text-align:center;background:#f8f0e4f0;border-radius:14px;width:min(420px,100vw - 32px);padding:16px 18px;font-size:15px;line-height:1.45;position:absolute;top:18%;left:50%;transform:translate(-50%)}#toast{z-index:15;color:#f6eedf;text-align:center;opacity:0;pointer-events:none;background:#3e3028d1;border-radius:12px;max-width:min(440px,100vw - 24px);padding:10px 16px;transition:opacity .25s;position:absolute;top:26%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.slider,.check{text-align:left;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;font-weight:700;display:flex}.slider input{width:150px}.check input{width:18px;height:18px}.credits-body{color:var(--ink-soft);margin:0 0 24px;font-size:16px;line-height:1.65}.credits-body p{margin:0 0 10px}@media (width<=640px){.panel{padding:26px 20px 20px}#room-chip,#time-chip,#progress-chip{top:12px}#room-chip{left:12px}#progress-chip{right:12px}}