:root,:root[data-theme=midnight]{--bg:#14101f;--glow:#2a1f44;--surface:#1e1830;--raised:#14101f;--border:#2a2140;--border2:#3a2f52;--text:#f3ecff;--muted:#b6a8cf;--dim:#7d709b;--accent:#ff5747;--accent-ink:#14101f;--accent-soft:#ff574721;--accent-shadow:#b83a30;--pop:#35e0c8;--code:#ffcf3f;--danger:#ff5747;--qr:#14101f;--qr-card:#fff;--qr-ink:#6b6480;--success:#35e0c8;--success-ink:#08201c;--surface-raised:var(--surface);--surface-sunk:var(--raised);--text-dim:var(--muted);--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=daylight]{--bg:#eceef3;--glow:#fff;--surface:#fff;--raised:#f3f4f8;--border:#e3e5ec;--border2:#d3d5df;--text:#1c1b26;--muted:#5f5a70;--dim:#9a95a8;--accent:#ff5747;--accent-ink:#fff;--accent-soft:#ff57471f;--accent-shadow:#d1402f;--pop:#10a892;--code:#d98a1f;--danger:#ff5747;--qr:#14101f;--qr-card:#fff;--qr-ink:#6b6480;--success:#10a892;--success-ink:#fff}:root[data-theme=grape]{--bg:#120c1e;--glow:#37205a;--surface:#1d1430;--raised:#120c1e;--border:#2c1f45;--border2:#3d2c5c;--text:#f2ecff;--muted:#bcaad6;--dim:#7d6e9b;--accent:#a06bff;--accent-ink:#14101f;--accent-soft:#a06bff26;--accent-shadow:#6e3fd1;--pop:#ff6baa;--code:#ffd23f;--danger:#ff5a7a;--qr:#14101f;--qr-card:#fff;--qr-ink:#6b6480;--success:#ff6baa;--success-ink:#2a0f1c}:root[data-theme=bubblegum]{--bg:#fdedf3;--glow:#fff;--surface:#fff;--raised:#fdf2f7;--border:#f4dbe6;--border2:#eac4d5;--text:#3a1b2b;--muted:#8a6076;--dim:#b593a4;--accent:#ff4f9d;--accent-ink:#fff;--accent-soft:#ff4f9d1f;--accent-shadow:#d62e7d;--pop:#f2b705;--code:#e0468a;--danger:#ff4f6d;--qr:#3a1b2b;--qr-card:#fff;--qr-ink:#8a6076;--success:#10a892;--success-ink:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg);background-image:radial-gradient(900px 600px at 50% -160px, var(--glow) 0%, var(--bg) 62%);color:var(--text);overscroll-behavior:none;background-repeat:no-repeat;min-height:100dvh;margin:0;padding:0;font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:16px;transition:background-color .25s}h1,h2,h3,.wordmark,.brand-word,.btn,.room-code,.code-input,.turn-banner,.win-title,.score-entry,.progress-pill,.online-strip{font-family:Fredoka,Nunito,ui-rounded,system-ui,sans-serif}#app{flex-direction:column;min-height:100dvh;display:flex}.screen{padding:16px 12px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1 0 auto;align-items:center;gap:14px;width:100%;max-width:480px;margin:0 auto;padding-top:10px;display:flex}h1,h2{text-align:center;margin:0;font-weight:800}.subline{color:var(--text-dim);text-align:center;margin:0}em{color:var(--accent);font-style:normal}.btn{letter-spacing:.5px;cursor:pointer;width:100%;height:56px;color:var(--text);background:var(--surface-raised);border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:18px;font-weight:800;transition:transform 80ms,filter 80ms;display:inline-flex}.btn:active{filter:brightness(1.1);transform:scale(.96)}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 0 var(--accent-shadow), 0 12px 26px var(--accent-soft)}.btn.primary:hover{box-shadow:0 4px 0 var(--accent-shadow), 0 8px 18px var(--accent-soft);transform:translateY(2px)}.btn.primary:active{box-shadow:0 1px 0 var(--accent-shadow);filter:none;transform:translateY(6px)}.btn.primary:disabled{filter:saturate(.3)brightness(.7);cursor:default}.btn.primary.toggled{background:var(--success);color:var(--success-ink);box-shadow:0 6px #00000038,0 12px 24px #0000002e}.btn.secondary{border:2px solid var(--border2);background:0 0}.btn.small{width:auto;height:44px;font-size:15px}.btn.text{color:var(--text-dim);background:0 0;height:40px;font-size:15px;font-weight:600}.btn.join-cta{background:var(--surface-raised);border:2px solid var(--accent);color:var(--text);font-size:16px}.btn.tab{width:auto;height:34px;color:var(--text-dim);background:0 0;border-radius:17px;padding:0 14px;font-size:13px}.btn.tab.on{background:var(--surface-raised);color:var(--text)}.action-zone{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:8px;display:flex}.btn.quick-match{animation:.4s ease-out quick-match-in,1.5s ease-in-out .4s infinite heart-pulse}@keyframes quick-match-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes heart-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f472b680}50%{transform:scale(1.03);box-shadow:0 0 0 10px #f472b600}}@media (prefers-reduced-motion:reduce){.btn.quick-match{animation:.2s ease-out quick-match-in}}.wordmark{letter-spacing:2px;text-shadow:0 4px #00000059;font-size:44px;transform:rotate(-2deg)}.tagline{color:var(--text-dim);text-align:center;margin:4px 0 0}.home-hero{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-bomb{cursor:pointer;background:0 0;border:none;font-size:84px;line-height:1;animation:3s ease-in-out infinite wobble}.hero-hint{color:var(--text-dim);margin:0;font-size:13px}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(-4px)}}.on-page-info{border-top:1px solid var(--border);text-align:left;width:100%;max-width:420px;color:var(--text-dim);margin-top:8px;padding:20px 4px 4px;font-size:14px;line-height:1.55}.on-page-info h2{color:var(--text);text-align:left;margin:0 0 8px;font-size:17px}.on-page-info h3{color:var(--text);margin:16px 0 6px;font-size:14.5px;font-weight:800}.on-page-info p{margin:8px 0}.on-page-info ol{margin:8px 0 8px 20px;padding:0}.on-page-info li{margin:4px 0}.on-page-info a{color:var(--accent);font-weight:700;text-decoration:none}.home-footer{border-top:1px solid var(--border);text-align:center;flex-wrap:wrap;justify-content:center;gap:6px 16px;width:100%;max-width:360px;margin-top:8px;padding:18px 8px 4px;display:flex}.home-footer a{color:var(--dim);font-size:12.5px;font-weight:700;text-decoration:none}.home-footer a:hover{color:var(--code)}.field{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.field label{color:var(--text-dim);font-size:13px;font-weight:600}.field input{background:var(--surface);border:2px solid var(--border2);color:var(--text);border-radius:14px;outline:none;height:52px;padding:0 16px;font-family:inherit;font-size:18px;font-weight:700}.field input:focus{border-color:var(--accent)}.code-input{letter-spacing:10px;text-align:center;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:24px!important}.rule-strip{background:var(--surface);color:var(--text-dim);text-align:center;border-radius:14px;margin:0;padding:10px 14px;font-size:14px}.join-inline{align-items:stretch;gap:8px;width:100%;display:flex}.join-inline .code-input{background:var(--surface);border:2px solid var(--border2);min-width:0;color:var(--text);letter-spacing:6px;border-radius:14px;outline:none;flex:1;height:52px;padding:0 12px;font-weight:700}.join-inline .code-input:focus{border-color:var(--accent)}.join-inline .btn.small{flex:none;height:52px}.lobby-wordmark{letter-spacing:1px;text-shadow:none;margin-bottom:0;font-size:38px;line-height:1;transform:none}.online-strip{color:var(--pop);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:13px;font-weight:700;display:inline-flex}.online-dot{background:var(--pop);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;animation:1.4s ease-in-out infinite bombpulse}@keyframes bombpulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.lobby-hero{text-align:center;margin-bottom:2px}.lobby-tagline{letter-spacing:1.5px;color:var(--dim);margin-top:4px;font-size:12px;font-weight:800}.code-row{z-index:30;align-items:stretch;gap:10px;width:100%;max-width:360px;display:flex;position:relative}.room-code{background:var(--surface);border:2px dashed var(--border2);cursor:pointer;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 13px;display:flex}.room-code-label{letter-spacing:1.5px;color:var(--dim);font-family:Nunito,sans-serif;font-size:10.5px;font-weight:900}.room-code-value{letter-spacing:8px;color:var(--code);padding-left:8px;font-family:Fredoka,Nunito,ui-rounded,system-ui,sans-serif;font-size:30px;font-weight:700;line-height:1}.invite-btn{border:2px solid var(--accent);width:84px;color:var(--accent);cursor:pointer;background:0 0;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;font-family:Nunito,sans-serif;font-size:12.5px;font-weight:800;transition:background .12s;display:flex}.invite-btn:hover,.invite-btn.open{background:var(--accent-soft)}.invite-glyph{font-size:20px}.invite-popover{z-index:60;background:var(--surface);border:1px solid var(--border);animation:card-in .16s var(--ease-pop);border-radius:18px;padding:16px;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 18px 44px #0006}.invite-pointer{background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);width:14px;height:14px;position:absolute;top:-8px;right:30px;transform:rotate(45deg)}.invite-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.invite-title{font-family:Fredoka,sans-serif;font-size:16px;font-weight:600}.invite-close{background:var(--raised);border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.invite-close:hover{border-color:var(--accent);color:var(--accent)}.invite-tabs{background:var(--raised);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.invite-tab{cursor:pointer;color:var(--dim);background:0 0;border:none;border-radius:9px;flex:1;padding:9px 4px;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;transition:all .12s}.invite-tab.on{background:var(--surface);color:var(--text)}.invite-qr{flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;display:flex}.invite-qr-cap{color:var(--qr-ink);font-size:12px;font-weight:800}.qr-card{background:var(--qr-card);border-radius:16px;width:180px;height:180px;padding:12px}.qr-card svg{width:100%;height:100%;display:block}.share-row{gap:10px;display:flex}.player-list{flex-direction:column;gap:8px;width:100%;max-width:340px;display:flex}.player-row{background:var(--surface);border:2px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:10px 14px;display:flex}.player-row .chip{flex-direction:row;align-items:center;gap:12px;min-width:0}.player-row .chip-text{text-align:left;align-items:flex-start}.player-row .chip-ring{background:var(--raised);width:46px;height:46px;box-shadow:0 0 0 3px var(--accent-soft)}.player-row .chip-emoji{font-size:26px}.player-row .chip-name{max-width:150px;font-family:Fredoka,Nunito,sans-serif;font-size:17px;font-weight:600}.player-row:has(.edit-hint){cursor:pointer;border-color:var(--accent)}.player-row.ghost{color:var(--text-dim);border:2px dashed var(--border2);background:0 0;justify-content:center;animation:2s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}.ready-mark{font-size:20px}.edit-hint{color:var(--code);border:1.5px solid var(--border2);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:800;transition:border-color .12s;display:inline-flex}.edit-hint:hover{border-color:var(--code)}.sheet .field{text-align:left;margin-top:12px}.spectator-count{color:var(--text-dim);text-align:center;margin:2px 0 0;font-size:13px}.sheet{background:var(--surface);text-align:center;border-radius:18px;width:100%;max-width:340px;padding:14px}.sheet p{color:var(--text-dim);margin:0 0 10px;font-size:14px}.chip-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.chip{min-width:64px;transition:transform .15s var(--ease-pop), opacity .15s;flex-direction:column;align-items:center;gap:2px;display:flex}.chip.active{transform:scale(1.15)}.chip.active .chip-ring{animation:1.2s ease-in-out infinite ring-pulse}.chip.dead{opacity:.45;filter:grayscale(.8)}.chip.offline{opacity:.55}.chip-ring{background:var(--surface);border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@keyframes ring-pulse{0%,to{box-shadow:0 0 #ffffff40}50%{box-shadow:0 0 0 6px #fff0}}.chip-emoji{font-size:22px}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:12px;font-weight:700;overflow:hidden}.chip-text{flex-direction:column;align-items:center;min-width:0;display:flex}.chip-sub{letter-spacing:.3px;color:var(--dim);font-size:11px;font-weight:800}.chip-status{color:var(--text-dim);font-size:10px}.hearts{gap:1px;display:inline-flex}.heart{font-size:11px}.heart.lost{opacity:.45}.board{aspect-ratio:1;gap:7px;width:100%;max-width:min(100vw - 24px,74dvh);transition:opacity .2s;display:grid}.board.size-7{gap:5px}.board.size-3 .cell{font-size:clamp(34px,15vw,72px)}.board.size-4 .cell{font-size:clamp(26px,11vw,54px)}.board.size-5 .cell{font-size:clamp(20px,8.5vw,42px)}.board.size-6 .cell{font-size:clamp(17px,6.5vw,34px)}.board.size-7 .cell{font-size:clamp(14px,5.5vw,28px)}.board-disabled{opacity:.55}.cell{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;font-family:inherit;font-size:clamp(22px,9vw,46px);transition:transform .1s;display:flex;position:relative;overflow:hidden}.board.size-7 .cell{border-radius:8px}.cell.hidden{background:linear-gradient(#ffffff1a, #fff0), var(--surface-raised);border:2px solid #ffffff47;box-shadow:0 3px #00000073,inset 0 1px #ffffff1f}.cell.hidden:active{filter:brightness(1.15);transform:scale(.92)}.cell.selected{outline:3px solid var(--accent);outline-offset:-1px;background:linear-gradient(#ff5a3c4d, #ff5a3c4d), var(--surface-raised);border-color:var(--accent);z-index:1;transform:scale(1.05)}.cell.mine{background:linear-gradient(#ff5a3c2e, #ff5a3c2e), var(--surface-raised);border-color:var(--accent)}.cell.mine .cell-mine{opacity:.9}.cell.safe{background:var(--surface-sunk);animation:sink-in .25s var(--ease-pop);box-shadow:inset 0 2px 4px #0006}@keyframes sink-in{0%{transform:scale(1.06)}to{transform:scale(1)}}.cell-claim{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:58%;max-width:44px;height:58%;max-height:44px;font-size:clamp(13px,4.5vw,20px);font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.cell.boom{animation:boom-in .4s var(--ease-pop);background:radial-gradient(circle,#2a1410 0%,#0b0b0d 70%);border:1px solid #3d2018}@keyframes boom-in{0%{filter:brightness(3);transform:scale(1.4)}to{filter:brightness();transform:scale(1)}}.cell-boom{display:inline-flex;position:relative}.boom-emoji{opacity:.6}.boom-skull{font-size:.6em;position:absolute;bottom:-6px;right:-6px}.cell.defused{background:var(--surface-sunk);border:1px dashed #3a4150}.cell-defused{opacity:.5;filter:grayscale(.6)}.cell.reveal{background:var(--surface-sunk);border:1px solid #3a4150}.cell-reveal{opacity:.65}.status-zone{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.turn-banner{color:#0e1512;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 14px;font-size:17px;font-weight:800;display:flex}.turn-banner.my-turn{animation:1.2s ease-in-out infinite banner-pulse}@keyframes banner-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.timer-ring{color:currentColor}.timer-ring.urgent text{fill:var(--accent)}.turn-banner .timer-ring text{fill:#0e1512}.confirm-hint{color:var(--text-dim);margin:0;animation:1s ease-in-out infinite pulse-soft}.dead-strip{background:var(--surface);text-align:center;border-radius:14px;width:100%;padding:10px 14px}.dead-strip p{color:var(--text-dim);margin:0 0 8px;font-size:14px}.hit-card{background:var(--surface);border:2px solid var(--accent);text-align:center;z-index:30;width:min(320px,86vw);height:fit-content;animation:card-in .3s var(--ease-pop);border-radius:20px;margin:auto;padding:22px;position:fixed;inset:0;box-shadow:0 20px 60px #0009}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}.hit-card p{margin:4px 0}.hit-title{font-size:28px;font-weight:800}.hit-sub{color:var(--text-dim)}.placement-meta{align-items:center;gap:12px;display:flex}.progress-pill{background:var(--surface-raised);border-radius:14px;padding:5px 14px;font-size:14px;font-weight:800}.waiting-line{color:var(--text-dim);text-align:center}.dots:after{content:"…";animation:1.4s steps(4,end) infinite dots-blink}@keyframes dots-blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.room-retry{flex-direction:column;align-items:center;gap:14px;max-width:320px;margin:auto;display:flex}.ready-confirm{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.ready-badge{background:var(--success);width:100%;min-height:52px;color:var(--success-ink);letter-spacing:.5px;animation:ready-pop .24s var(--ease-pop);border-radius:28px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}@keyframes ready-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.ready-roster{flex-direction:column;gap:4px;width:100%;max-width:320px;margin:0;padding:0;list-style:none;display:flex}.ready-roster li{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex}.ready-roster .roster-name{font-weight:700}.ready-roster li.is-ready .roster-state{color:var(--success);font-weight:700}.ready-roster li.is-waiting{opacity:.75}.ready-roster li.is-waiting .roster-state{color:var(--text-dim)}.sitting-out{color:var(--text-dim);text-align:center;margin:auto}.resign-btn{opacity:.7;align-self:center;width:auto;height:32px;font-size:13px}.win-crown{animation:crown-drop .6s var(--ease-pop);margin:0;font-size:56px}@keyframes crown-drop{0%{opacity:0;transform:translateY(-40px)scale(1.6)}to{opacity:1;transform:none}}.win-title{font-size:30px}.reveal-hint{color:var(--text-dim);margin:0;font-size:13px}.scoreboard{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:14px;font-size:14px;font-weight:700;display:flex}.btn.big{height:62px;font-size:20px}.rematch-timer{display:inline-flex}.countdown-overlay{z-index:40;background:#0a0b0ed1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-number{animation:count-punch .9s var(--ease-pop);font-size:120px;font-weight:800}@keyframes count-punch{0%{opacity:0;transform:scale(1.5)}30%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.95)}}.toast{bottom:calc(24px + env(safe-area-inset-bottom));background:var(--surface-raised);color:var(--text);z-index:50;animation:toast-in .2s var(--ease-pop);text-align:center;border-radius:22px;max-width:88vw;padding:10px 20px;font-size:14px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.conn-banner{color:#ffe8d9;text-align:center;z-index:45;background:#7a3b12;padding:6px;font-size:13px;font-weight:700;position:sticky;top:0}.reaction-tray{justify-content:center;gap:8px;display:flex}.reaction-btn{background:var(--surface-raised);cursor:pointer;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;transition:transform 80ms}.reaction-btn:active{transform:scale(1.25)}.reaction-overlay{pointer-events:none;z-index:35;position:fixed;inset:0;overflow:hidden}.reaction-float{font-size:32px;animation:1.5s ease-out forwards float-up;position:absolute;bottom:10%}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(.8)}to{opacity:0;transform:translateY(-45vh)scale(1.3)}}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:300px;display:grid}.emoji-option{background:var(--surface-raised);aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:14px;font-size:28px;transition:transform 80ms}.emoji-option:active{transform:scale(.9)}.emoji-option.selected{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell.shake{animation:.5s ease-out screen-shake}@keyframes screen-shake{0%{transform:translate(5px,-4px)}15%{transform:translate(-6px,3px)}30%{transform:translate(4px,4px)}45%{transform:translate(-4px,-3px)}60%{transform:translate(3px,2px)}75%{transform:translate(-2px,-1px)}to{transform:translate(0)}}.flash-overlay{opacity:.85;z-index:60;pointer-events:none;background:#fff;position:fixed;inset:0}.rules-backdrop{z-index:70;background:#0000008c;justify-content:center;align-items:flex-end;animation:.15s ease-out rules-fade-in;display:flex;position:fixed;inset:0}@keyframes rules-fade-in{0%{opacity:0}to{opacity:1}}.rules-card{background:var(--surface);width:100%;max-width:420px;padding:20px 20px calc(24px + env(safe-area-inset-bottom));animation:rules-slide-up .2s var(--ease-pop);border-radius:24px 24px 0 0}@media (width>=480px){.rules-backdrop{align-items:center}.rules-card{border-radius:24px}}@keyframes rules-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.rules-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rules-head h2{text-align:left;margin:0;font-size:19px}.rules-card ol{color:var(--text);margin:0 0 14px 20px;padding:0;font-size:15px;line-height:1.5}.rules-card li{margin:8px 0}.rules-note{color:var(--text-dim);margin:0 0 16px;font-size:13.5px}.rules-card .btn{width:100%}.cell.pending{outline:3px solid var(--accent);z-index:2;animation:.4s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}35%{transform:scale(1.08)}55%{transform:scale(1.02)}70%{transform:scale(1.07)}}.board:has(.cell.pending) .cell:not(.pending){filter:brightness(.75)}.mute-btn{top:calc(10px + env(safe-area-inset-top));z-index:46;cursor:pointer;background:#1e222ab3;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;position:fixed;right:12px}.confetti-canvas{pointer-events:none;z-index:55;position:fixed;inset:0}.room-code.blurred{letter-spacing:4px;color:var(--text-dim)}.fake-doors{gap:8px;display:flex}:root[data-theme=daylight] .cell.hidden{background:#fff;border-color:#0000002e;box-shadow:0 3px #0000001f}:root[data-theme=daylight] .cell.boom{background:radial-gradient(circle,#f3d3c8 0%,#e5e8ee 70%);border:1px solid #e0b4a4}:root[data-theme=daylight] .turn-banner .timer-ring text{fill:#0e1512}:root[data-theme=daylight] .toast{box-shadow:0 6px 24px #0000002e}:root[data-theme=daylight] .countdown-overlay{color:#1c1b26;background:#eceef3db}.app-header{z-index:50;width:100%;padding:11px 18px;padding-top:calc(11px + env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:9px;text-decoration:none;display:flex}.brand-badge{background:var(--accent);width:30px;height:30px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:9px;justify-content:center;align-items:center;display:flex}.brand-dot{background:var(--accent-ink);border-radius:50%;width:10px;height:10px}.brand-word{letter-spacing:.3px;font-size:18px;font-weight:700}.brand-it{color:var(--accent)}.header-controls{gap:8px;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:border-color .12s;display:flex}.icon-btn:hover{border-color:var(--accent)}.mode-selector{width:100%;max-width:360px}.mode-label{letter-spacing:1.5px;color:var(--dim);margin-bottom:9px;font-size:11px;font-weight:900}.mode-grid{gap:8px;display:flex}.mode-card{background:var(--surface);border:2px solid var(--border);color:var(--muted);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:11px 6px;transition:border-color .12s,background .12s;display:flex}.mode-card:disabled{cursor:default}.mode-card.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.mode-emoji{font-size:19px}.mode-name{font-family:Fredoka,Nunito,sans-serif;font-size:14px;font-weight:600}.mode-size{opacity:.7;font-size:11px;font-weight:800}.ad-slot{width:100%;min-height:0}.duel-stack{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.duel-zone{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:100%;transition:opacity .3s;display:flex}.board-wrap>.board{width:100%;max-width:100%}.duel-zone .board-wrap{max-width:min(100vw - 24px,32dvh)}.play .duel-zone.mine-zone .board-wrap{max-width:min(100vw - 24px,57dvh - 176.7px)}.play .duel-zone.opp-zone .board-wrap{max-width:min(100vw - 24px,24dvh - 74.4px)}.play .duel-zone.opp-zone .board.size-3 .cell{font-size:clamp(20px,9vw,43px)}.play .duel-zone.opp-zone .board.size-4 .cell{font-size:clamp(16px,6.5vw,32px)}.play .duel-zone.opp-zone .board.size-5 .cell{font-size:clamp(12px,5vw,25px)}.duel-hint{margin:0}.board-wrap{width:100%;margin:0 auto;position:relative}.duel-zone.mine-zone.inactive .board{opacity:1}.board-veil{text-align:center;color:#fff;pointer-events:none;z-index:3;background:#080a0e80;border-radius:12px;justify-content:center;align-items:center;padding:0 8px;font-size:clamp(15px,4.5vw,22px);font-weight:800;display:flex;position:absolute;inset:0}.duel-label{letter-spacing:.3px;margin:0;font-size:13px;font-weight:800}.board-compact{max-width:100%}.player-row-end{align-items:center;gap:10px;display:inline-flex}.kick-btn{background:var(--surface-raised);color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;font-weight:800}.kick-btn:active{color:#ffd9cf;background:#7a2b1c}