/* Soaklark layout. Game colours live in game.js (PALETTES). (c) 2026 CyberMax. All rights reserved. */
.headline h1 .num{color:var(--muted);font-weight:700;font-size:.62em}
.tag{margin:0 0 10px}
.stage{position:relative;margin-top:8px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#1B2350}
#c{display:block;width:100%;height:clamp(440px,calc(100svh - 150px),820px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;background:rgba(14,18,44,.55);color:#F3F5F8;overflow:auto;text-align:center;backdrop-filter:blur(2px)}
.ov.sheet{justify-content:flex-start;background:rgba(14,18,44,.92);text-align:left;align-items:stretch}
.logo{font:900 clamp(48px,13vw,80px)/1 system-ui,sans-serif;letter-spacing:-.03em;margin:0;color:#16C1E8;text-shadow:0 5px 0 #0A6F8A,0 12px 30px rgba(0,0,0,.4);transform:rotate(-3deg);animation:wob 2.4s ease-in-out infinite}
.logo i{color:#FF4FA0;font-style:normal;text-shadow:0 5px 0 #A3245F,0 12px 30px rgba(0,0,0,.4)}
@keyframes wob{50%{transform:rotate(2deg) scale(1.03)}}
.mday{margin:0;font-weight:800;color:#FFE14D;max-width:420px}
.bigplay{min-height:66px;font-size:24px;padding:12px 46px;border-radius:18px;background:#FF4FA0;color:#fff;box-shadow:0 6px 0 #A3245F;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.05)}}
.mbtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:min(360px,100%);text-align:left;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.22);color:#fff;border-radius:14px;padding:9px 14px;font:inherit;font-weight:800;cursor:pointer}
.mbtn:hover{background:rgba(255,255,255,.18)}.mbtn span{font-size:13px;font-weight:600;color:#C9D3FF}.mbtn .lock,.chip .lock{font-style:normal;font-size:12px;background:linear-gradient(135deg,#FFB547,#FF6A3D);color:#11141B;border-radius:999px;padding:1px 7px;margin-left:4px}
.mrow{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:460px}
.mrow .btn.ghost,.sheet .btn.ghost,.over .btn.ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.chip.dk{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25);font-size:13px;min-height:34px;padding:4px 10px}
.chip.dk[aria-pressed=true]{background:#fff;color:#11141B;border-color:#fff}
.hint{font-size:13px;color:#C9D3FF;max-width:420px;margin:2px 0 0}
.sheet h2{margin:0 0 6px;color:#fff}.sheet .top-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
#archive-list{gap:8px;margin-top:10px}#archive-list .chip{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25)}
.over{position:absolute;inset:0;overflow:auto;margin:0;border-radius:0;background:rgba(14,18,44,.94);color:#F3F5F8;border:0;text-align:center;display:block;padding:22px 16px}
.over .fp-after{margin:14px auto 0}
.over h2{margin:6px 0 0;color:#fff}.over .muted{color:#C9D3FF}
.score{font:900 clamp(42px,12vw,68px)/1 system-ui,sans-serif;margin:6px 0}.score small{font-size:.4em;color:#C9D3FF;vertical-align:middle}
.over .row{justify-content:center;margin:6px 0}
.grid{font-size:26px;letter-spacing:3px;margin:4px 0}
.vs{font-weight:800;color:#FFE14D;margin:4px 0}
.over .fp-after{text-align:left;color:var(--ink);background:var(--card);border-radius:14px;max-width:480px}
.under{justify-content:center;margin:12px 0}
@media (max-width:560px){.headline .tag{display:none}.headline h1{font-size:26px}.mbtn{padding:7px 12px}.bigplay{min-height:58px;font-size:22px}.over{padding-top:14px}}
@media (prefers-reduced-motion:reduce){.logo,.bigplay{animation:none}}