:root{--bg: #0b0d1c;--surface: #151a33;--line: #2a3057;--ink: #eef1ff;--muted: #9aa3cc;--accent: #7c8cff;--accent-ink: #0b0d1c;--gold: #ffd35c;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.back{color:var(--muted);text-decoration:none;font-size:.95rem;white-space:nowrap}.back:hover{color:var(--ink)}.hud{display:flex;gap:18px;margin:0;font-variant-numeric:tabular-nums}.stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;font-weight:700}.stat small{font-weight:400;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}#coins{color:var(--gold)}#bag.full{color:#ff8f6b}#relics{color:#4b6f74}#relics.live{color:#66e2d0}.survey{margin:2px 0 0;min-height:1.1em;font-size:.78rem;color:#6f9ba1}main{position:relative;flex:1;min-height:0;margin:0 max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right))}canvas{display:block;width:100%;height:100%;background:#06070d;border:1px solid var(--line);border-radius:16px;touch-action:none}footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}button{font:inherit;font-weight:700;padding:11px 20px;color:var(--accent-ink);background:var(--accent);border:0;border-radius:999px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:not(:disabled):hover{filter:brightness(1.08)}button.ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.message{flex:1 1 12rem;min-width:0;margin:0;color:var(--muted);font-size:.9rem}.shop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:16px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:16px}.shop[hidden]{display:none}.shop h2{margin:0 0 12px;font-size:1.2rem}.shop-list{display:grid;gap:8px}.shop-note{margin:14px 0 0;color:var(--muted);font-size:.85rem}.buy{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 14px;text-align:left;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;font-weight:400}.buy:disabled{opacity:.55}.buy.maxed{border-color:var(--accent)}.buy-name{font-weight:700}.buy-has{grid-column:1;color:var(--accent);font-size:.85rem}.buy-blurb{grid-column:1;color:var(--muted);font-size:.8rem}.buy-cost{grid-row:1 / span 3;grid-column:2;align-self:center;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}button.urgent{background:#ff8f6b;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:none}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){button.urgent{animation:none}}.admin h2{color:#ff9a3c}#admin-toggle{color:#ff9a3c;border-color:#ff9a3c66}.arrival{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#04060ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20}.arrival[hidden]{display:none}.arrival-card{width:min(30rem,100%);max-height:100%;overflow:auto;padding:1.25rem 1.4rem 1.4rem;border:1px solid rgb(102 226 208 / .35);border-radius:14px;background:linear-gradient(180deg,#131a2c,#0b0d1c);box-shadow:0 0 60px #66e2d02e;text-align:center}.arrival-eyebrow{margin:0;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#66e2d0}.arrival-card h2{margin:.2rem 0 .6rem;font-size:1.9rem;color:#f4f7ff}.arrival-blurb{margin:0 0 1rem;color:#a8b6c8;font-size:.95rem;line-height:1.45}.arrival-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0 0 1rem;text-align:left}.arrival-facts>div{padding:.5rem .6rem;border-radius:9px;background:#ffffff0a}.arrival-facts dt{margin:0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6f9ba1}.arrival-facts dd{margin:.15rem 0 0;font-weight:700;color:#f4f7ff}.arrival-layers{margin:0 0 .35rem;font-size:.85rem;color:#8aa0a6}.arrival-saved{margin:0 0 1rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#4b6f74}.arrival-card button{width:100%}html:not(.has-pad-guide) [data-pad-guide-open]{display:none}header .guide{width:30px;height:30px;margin-right:auto;padding:0;border:1px solid currentColor;border-radius:50%;background:none;color:var(--muted);font-weight:700;font-size:.95rem;line-height:1;cursor:pointer}header .guide:hover{color:var(--ink)}@media(max-width:440px){.back .wide{display:none}.back{font-size:1.3rem}.hud{gap:12px}}