:root,:root[data-theme=midnight]{--bg:#14101f;--glow:#2a1f44;--surface:#1e1830;--raised:#14101f;--border:#2a2140;--border2:#3a2f52;--text:#f3ecff;--muted:#b6a8cf;--dim:#9285ad;--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:#6b6480;--accent:#d11200;--accent-ink:#fff;--accent-soft:#ff57471f;--accent-shadow:#d1402f;--pop:#0b7667;--code:#925d15;--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{min-height:100dvh;padding-bottom:var(--native-banner-h,0px);flex-direction:column;display:flex}#app.footer-root,.app-shell.footer-shell{min-height:0}.footer-shell>.screen{flex:none}.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{text-align:center;letter-spacing:2px;text-shadow:0 4px #00000059;margin:0;font-size:44px;font-weight:800;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-intro{max-width:640px;color:var(--text);margin:0 auto;padding:8px 20px 28px;line-height:1.6}.home-intro summary{width:fit-content;min-height:44px;color:var(--dim);cursor:pointer;align-items:center;margin:0 auto;font-size:14px;font-weight:800;display:flex}.home-intro[open] summary{margin-bottom:22px}.home-intro h1{color:var(--text);text-align:left;margin:24px 0 4px;font-size:1.5rem;font-weight:800}.home-intro h2{color:var(--text);text-align:left;margin:26px 0 8px;font-size:1.15rem;font-weight:800}.home-intro .tagline{text-align:left}.home-intro .tagline,.home-intro dd{color:var(--muted)}.home-intro a{color:var(--accent);font-weight:700}.home-intro dt{margin-top:14px;font-weight:800}.home-intro nav{border-top:1px solid var(--border)}.home-intro nav a{color:var(--dim);font-weight:700;text-decoration:none}.home-footer{border-top:1px solid var(--border);width:100%;max-width:760px;margin:8px auto 24px;padding:14px 10px 4px}.footer-groups{grid-template-columns:1fr 1.35fr 1fr;gap:12px 24px;display:grid}.footer-group{min-width:0}.footer-group h2{color:var(--text);letter-spacing:.35px;text-align:left;text-transform:uppercase;margin:0 0 5px;font:900 12px/1.3 Nunito,sans-serif}.footer-group h2 span{margin-right:3px}.footer-links{flex-wrap:wrap;gap:3px 10px;display:flex}.home-footer a{color:var(--dim);font-size:12px;font-weight:700;text-decoration:none}.footer-link-button{appearance:none;color:var(--dim);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-weight:700}.footer-link-button:hover,.home-footer a:hover{color:var(--code)}.footer-shell>.home-footer{margin-bottom:0;padding-bottom:8px}.home-intro:not([open]){padding:0 20px 16px}@media (height>=900px){#app.footer-root,.app-shell.footer-shell{min-height:100dvh}#app.footer-root.intro-root,.app-shell.footer-shell.intro-shell{min-height:calc(100dvh - 62px)}.footer-shell>.home-footer{margin-top:auto}}.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-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.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)}}.screen.lobby{isolation:isolate;position:relative}.screen.lobby:before{content:"";z-index:-1;pointer-events:none;opacity:.42;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:48px 48px;position:fixed;inset:58px 0 0;-webkit-mask-image:linear-gradient(#0000005c,#0000 72%);mask-image:linear-gradient(#0000005c,#0000 72%)}.lobby-layout{flex-direction:column;align-items:center;width:100%;display:flex}.lobby-console{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.lobby-primer{display:none}.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}@media (width>=900px){.screen.lobby{max-width:1120px;padding:42px 28px 64px}.lobby-layout{grid-template-columns:minmax(0,420px) minmax(0,430px);grid-template-areas:"primer console";justify-content:start;align-items:start;gap:56px;display:grid}.lobby-console{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:30px;grid-area:console;padding:28px 30px 32px;box-shadow:0 28px 70px #00000038}.lobby-primer{flex-direction:column;grid-area:primer;align-items:flex-start;gap:24px;padding-top:18px;display:flex}.primer-kicker{color:var(--accent);letter-spacing:2.2px;margin:0 0 12px;font-size:11px;font-weight:900}.primer-copy h2{max-width:390px;color:var(--text);letter-spacing:-1.2px;text-align:left;margin:0;font-size:clamp(34px,4vw,52px);line-height:.98}.primer-lede{max-width:360px;color:var(--muted);margin:16px 0 0;font-size:18px;line-height:1.45}.primer-board{background:var(--raised);border:1px solid var(--border2);width:252px;box-shadow:18px 18px 0 var(--accent-soft);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;display:grid;position:relative;transform:rotate(-2deg)}.primer-board:after{content:"❤️ ❤️ ❤️";color:var(--text);background:var(--surface);border:1px solid var(--border2);letter-spacing:2px;border-radius:999px;padding:9px 12px;font-size:13px;position:absolute;bottom:28px;right:-126px;transform:rotate(2deg);box-shadow:0 10px 24px #00000029}.primer-cell{aspect-ratio:1;background:linear-gradient(#ffffff17, transparent), var(--surface);border:1px solid var(--border2);border-radius:14px;justify-content:center;align-items:center;font-size:26px;display:flex;box-shadow:0 3px #00000057}.primer-cell-safe{background:var(--accent-soft);box-shadow:inset 0 2px 5px #00000038}.primer-cell-hit{background:radial-gradient(circle, var(--accent-soft), var(--surface));border-color:var(--accent)}.primer-steps{border-top:1px solid var(--border);width:100%;margin:0;padding:0;list-style:none}.primer-steps li{border-bottom:1px solid var(--border);grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:11px 0;display:grid}.primer-steps span{color:var(--code);letter-spacing:1px;font-family:Fredoka,Nunito,sans-serif;font-size:12px;font-weight:700}.primer-steps strong{color:var(--text);font-size:15px}.primer-facts{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.primer-facts span{color:var(--dim);background:var(--surface);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;border-radius:14px;flex-direction:column;gap:2px;padding:11px 12px;font-size:11px;font-weight:800;display:flex}.primer-facts strong{color:var(--text);text-transform:none;letter-spacing:0;font-family:Fredoka,Nunito,sans-serif;font-size:22px;line-height:1}.primer-note{color:var(--dim);margin:-10px 0 0;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-row{align-items:center;gap:6px;display:flex}.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}.room-code-copy{opacity:.6;font-size:15px}.nudge-card{top:calc(64px + env(safe-area-inset-top));z-index:55;background:var(--surface-raised);border:1px solid var(--border);width:240px;max-width:calc(100vw - 24px);animation:nudge-in .22s var(--ease-pop);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:fixed;right:12px;box-shadow:0 8px 24px #0003}@keyframes nudge-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.nudge-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:2px;font-size:13px;line-height:1;position:absolute;top:6px;right:8px}.nudge-title{color:var(--text);margin:0;padding-right:14px;font-size:13px;font-weight:800}.nudge-row{flex-direction:column;gap:5px;display:flex}.nudge-row+.nudge-row{border-top:1px solid var(--border);padding-top:8px}.nudge-row .btn{width:100%}.nudge-caption{color:var(--muted);margin:0;font-size:11.5px;line-height:1.35}.matched-banner{background:var(--accent-soft);border:2px solid var(--accent);text-align:center;width:100%;max-width:340px;animation:card-in .16s var(--ease-pop);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;font-size:14px;line-height:1.4;display:flex}.matched-banner p{margin:0}.matched-banner strong{color:var(--accent)}.matched-banner .btn.text{height:auto;padding:2px 0 0;text-decoration:underline}.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}.invite-expiry{color:var(--text-dim);text-align:center;margin:8px 0 0;font-size:11px}.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:.95}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)}.edit-hint.nudge{animation:1.6s ease-in-out infinite pulse-soft}.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.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-safe-mark{width:62%;max-width:48px;height:70%;max-height:54px;color:var(--pop);filter:drop-shadow(0 3px #00000029);justify-content:center;align-items:center;display:inline-flex}.safe-shield{width:100%;height:100%;overflow:visible}.safe-shield path:first-child{fill:currentColor;stroke:color-mix(in srgb, currentColor 72%, #000);stroke-width:2px}.safe-shield path:last-child{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.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{justify-content:center;align-items:center;width:82%;height:82%;display:inline-flex;position:relative}.boom-blast{filter:drop-shadow(0 4px 8px #ff574780);font-size:1.05em;line-height:1}.cell.fatal{outline-offset:-2px;outline:2px solid #ff3b3b}.cell.defused{background:var(--surface-sunk);border:1px dashed #3a4150}.cell-defused{filter:grayscale(.25);justify-content:center;align-items:center;font-size:.9em;display:inline-flex;position:relative}.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}.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}.placement-reassurance{color:var(--text-dim);margin:8px 0 0;font-size:12px}.placement-hint{color:var(--text-dim);text-align:center;margin:8px 0 0;animation:1s ease-in-out infinite pulse-soft}.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{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:340px;margin:auto;display:flex}.room-retry-icon{font-size:2.6rem;line-height:1}.room-retry h2{margin:0;font-size:1.4rem;font-weight:800}.room-retry .subline.dim{opacity:.75;font-size:.85rem}.room-retry-alt{flex-direction:column;gap:10px;margin-top:6px;display:flex}.linkish{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:700;text-decoration:none}.linkish:disabled{opacity:.5;cursor:default}.linkish:hover:not(:disabled){text-decoration:underline}.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}.rematch-pending{margin:0;font-size:13px}.native-age-screen{z-index:100;background:var(--bg);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.native-age-card{text-align:center;justify-items:center;gap:18px;width:min(100%,380px);display:grid}.native-age-card h1,.native-age-card p{margin:0}.native-age-card .field{text-align:left}.native-age-card .btn{width:100%}.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%}.reaction-float.lane.mine{left:15%}.reaction-float.lane.theirs{right:15%}@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-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.rules-steps>div{border:1px solid var(--border2);background:var(--raised);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 8px;display:flex}.rules-steps span{font-size:30px}.rules-steps strong{font-family:Fredoka,Nunito,sans-serif;font-size:15px}.rules-steps small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.25}.rules-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.rules-outcomes span{min-width:0;min-height:52px;color:var(--muted);background:var(--bg);text-align:center;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:7px 4px;font-size:11px;display:flex}.rules-outcomes b{font-size:21px}.rules-outcomes strong{overflow-wrap:anywhere}.rules-note{color:var(--text);background:var(--accent-soft);border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.4}.rules-more{color:var(--muted);margin:4px 0 10px;font-size:13px}.rules-more summary{min-height:40px;color:var(--text);cursor:pointer;align-items:center;font-weight:900;display:flex}.rules-more p{margin:4px 0 8px;line-height:1.4}.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;text-decoration:none;display:flex}.brand-lockup{flex-direction:row;justify-content:center;align-items:center;gap:9px;line-height:1;display:inline-flex}.brand-bomb{object-fit:contain;filter:drop-shadow(0 2px 3px #00000038);border-radius:22%;width:30px;height:30px}.brand-word{letter-spacing:.3px;font-size:16px;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;opacity:.55}.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{font-size:11px;font-weight:800}.mode-hint{text-align:center;font-size:9.5px}.simple-home,.simple-lobby,.gameover{position:relative}.web-banner{flex-direction:column;align-items:center;gap:8px;display:flex}.web-banner-label{color:var(--muted);font-size:11px;font-weight:400}.web-banner iframe{border:0;display:block}.web-banner-side{width:160px;min-height:624px;position:absolute;top:26px;left:calc(100% + 32px)}.web-banner-bottom{border-top:1px solid var(--border);width:100%;min-height:274px;margin-top:48px;padding:12px 0}@media (width<=480px){.web-banner-bottom{width:calc(100% + 24px)}}@media (width>=900px){.simple-home:has(.web-banner-side){max-width:min(760px,100vw - 416px)}:is(.simple-lobby:has(.web-banner-side),.gameover:has(.web-banner-side)){min-height:650px}}@media (width<=899px){.web-banner-side{display:none}}@media (width>=900px){.web-banner-bottom{display:none}}.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)}.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}.duel-label-sub{color:var(--text-dim);font-size:11.5px;font-weight:600}.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}.simple-home{background-image:radial-gradient(#b6a8cf24 1.5px,#0000 1.5px);background-size:28px 28px;flex:none;gap:24px;max-width:760px;padding:26px 18px 34px}.simple-home-hero{flex-direction:column;align-items:center;gap:5px;display:flex}.home-bomb{object-fit:contain;filter:drop-shadow(0 14px 22px #00000073);border-radius:22%;width:92px;height:92px;animation:3s ease-in-out infinite wobble}.simple-wordmark{font-size:clamp(42px,10vw,58px);line-height:1}.simple-home .lobby-tagline{color:var(--text);letter-spacing:2.2px;margin-top:8px;font-size:18px;font-weight:900}.play-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:620px;display:grid}.play-choice{cursor:pointer;text-align:left;border:0;border-radius:24px;justify-content:center;align-items:center;gap:14px;min-height:124px;padding:20px;transition:transform .1s,filter .1s;display:flex;position:relative}.play-choice-chip{z-index:1;letter-spacing:.4px;white-space:nowrap;background:#fff;border:1px solid;border-radius:999px;min-height:22px;padding:4px 11px;font:900 10px/1.2 Nunito,sans-serif;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0000001f}.play-choice.friends .play-choice-chip{color:#087f70}.play-choice.random .play-choice-chip{color:var(--accent)}.play-choice.friends{color:#102a27;background:var(--pop);box-shadow:0 7px #0e8576,0 16px 28px #35e0c833}.play-choice.random{color:var(--accent-ink);background:var(--accent);box-shadow:0 7px 0 var(--accent-shadow), 0 16px 28px var(--accent-soft)}.play-choice:hover{filter:brightness(1.04);transform:translateY(2px)}.play-choice:active{box-shadow:none;transform:translateY(7px)}.play-choice:disabled{opacity:.65;cursor:wait}.play-choice-icon{flex:none;font-size:38px}.play-choice-copy{flex-direction:column;gap:4px;display:flex}.play-choice-copy strong{font-family:Fredoka,Nunito,sans-serif;font-size:24px;line-height:1.05}.play-choice-copy small{font-size:14px;font-weight:800;line-height:1.25}.home-online,.home-trust{color:var(--pop);margin:0;font-size:16px;font-weight:800}.home-online{border:1px solid color-mix(in srgb, var(--pop) 40%, var(--border));background:color-mix(in srgb, var(--pop) 10%, var(--surface));border-radius:999px;width:fit-content;margin:0 auto 8px;padding:7px 14px}.online-pulse{color:var(--pop);animation:1.4s ease-in-out infinite bombpulse;display:inline-block}.how-strip{width:100%;max-width:620px}.how-label,.simple-label{color:var(--dim);letter-spacing:1.4px;text-align:center;margin:0 0 10px;font-size:13px;font-weight:900}.how-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.how-card{border:1px solid var(--border2);background:color-mix(in srgb, var(--surface) 94%, transparent);text-align:center;border-radius:20px;min-height:204px;padding:16px 12px 14px;position:relative;overflow:hidden}.how-number{color:var(--dim);font:800 13px Fredoka,sans-serif;position:absolute;top:10px;left:12px}.mini-board{border:1px solid var(--border2);background:var(--raised);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:4px;width:98px;margin:2px auto 10px;padding:5px;display:grid;transform:rotate(-1.5deg)}.mini-cell{aspect-ratio:1;border:1px solid var(--border2);background:var(--surface);border-radius:7px;place-items:center;font-size:16px;line-height:1;display:grid;position:relative;box-shadow:0 2px #00000038}.mini-bomb{border-color:var(--accent);background:var(--accent-soft)}.mini-target{border-color:var(--code);box-shadow:0 0 0 3px color-mix(in srgb, var(--code) 24%, transparent)}.mini-target-ring{animation:1.5s ease-in-out infinite mini-tap}.mini-safe{background:color-mix(in srgb, var(--success) 14%, var(--surface))}.mini-boom{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.mini-heart{background:color-mix(in srgb, #ff4270 12%, var(--surface))}@keyframes mini-tap{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)scale(.9)}}.how-card h2{margin:0;font-size:24px}.how-card p{color:var(--muted);margin:5px 0 0;font-size:14px;font-weight:700;line-height:1.3}.swipe-hint{display:none}.outcome-key{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.outcome-key span{border:1px solid var(--border);min-height:34px;color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:900;display:inline-flex}.outcome-key b{font-size:17px}.home-trust{color:var(--dim);margin:0}.home-app-link{border:1px solid var(--border2);color:var(--text);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:9px;padding:8px 12px;text-decoration:none;display:inline-flex}.home-app-link:hover{border-color:var(--pop)}.home-app-icon{color:var(--pop);font-size:18px}.home-app-link span:last-child{flex-direction:column;display:flex}.home-app-link small{color:var(--dim);font-size:10px;font-weight:800;line-height:1.2}.home-app-link strong{font-size:13px;line-height:1.25}.simple-lobby{gap:16px;max-width:480px;padding:22px 18px 36px}.lobby-profile{width:100%}.simple-player .chip{text-align:left;flex-direction:row;flex:auto;gap:10px;min-width:0}.simple-player .chip-text{flex:auto;min-width:0}.simple-player .chip-name{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:none;overflow:hidden}.simple-player .simple-ready-mark{flex:none}.profile-edit{border:1px solid var(--border2);background:var(--raised);max-width:132px;min-height:44px;color:var(--code);cursor:pointer;border-radius:14px;flex-shrink:0;padding:8px 12px;font:800 14px/1.4 Nunito,sans-serif}.lobby-profile .sheet{max-width:none;margin-top:8px}.lobby-profile .field{max-width:none;margin-bottom:16px}.random-wait{border:1px solid var(--border2);background:var(--surface);text-align:center;border-radius:24px;width:100%;padding:20px}.random-wait .search-dots{justify-content:center;margin:0 0 16px}.random-wait strong{font:600 22px Fredoka,sans-serif}.random-wait p{color:var(--muted);margin:8px 0 0;font-size:16px}.match-found{max-width:560px;min-height:calc(100dvh - 62px);padding:28px 20px calc(32px + env(safe-area-inset-bottom));text-align:center;justify-content:center;gap:18px}.match-found-kicker{color:var(--accent);letter-spacing:2px;margin:0;font-size:14px;font-weight:900}.matchup{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;display:grid}.matchup-entry{border:1px solid var(--border2);background:var(--surface);border-radius:24px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:18px 10px 14px;display:flex;position:relative;box-shadow:0 8px 22px #00000024}.matchup-avatar{background:var(--raised);border:5px solid;border-radius:50%;place-items:center;width:86px;height:86px;font-size:45px;display:grid}.matchup-entry strong{width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font:700 22px/1.2 Fredoka,Nunito,sans-serif;overflow:hidden}.matchup-entry small{color:var(--dim);text-transform:uppercase;font-size:12px;font-weight:900}.matchup-vs{z-index:2;border:2px solid var(--accent);width:36px;height:36px;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;font:900 12px Fredoka,sans-serif;display:grid;position:absolute;top:48%;right:-27px;transform:translateY(-50%)rotate(-7deg)}.match-found h1{margin:2px 0 -6px;font-size:36px}.match-countdown{place-items:center;width:112px;height:112px;display:grid}.match-count-number{color:var(--accent);text-shadow:0 8px 0 var(--accent-shadow), 0 18px 32px var(--accent-soft);animation:match-heartbeat 1.45s var(--ease-pop) both;font:800 clamp(74px,20vw,104px)/1 Fredoka,Nunito,sans-serif}@keyframes match-heartbeat{0%{opacity:.25;transform:scale(.55)}24%{opacity:1;transform:scale(1.14)}38%{transform:scale(.92)}54%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.match-found-note{color:var(--muted);margin:-6px 0 0;font-size:15px;font-weight:800}.lobby-extra{width:100%;color:var(--muted);font-size:14px}.lobby-extra summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:800}.lobby-extra[open]>:not(summary){margin-bottom:14px}.room-options{border:1px solid var(--border2);background:var(--surface);border-radius:18px;padding:0 14px}.room-options>button{width:100%;margin-top:8px;display:flex}.room-options-summary{justify-content:space-between;align-items:center;gap:12px;list-style-position:inside;display:flex}.room-options-summary>span{color:var(--text);align-items:center;gap:8px;display:inline-flex}.room-options-summary small{color:var(--code);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:900}.room-options[open] .room-options-summary{border-bottom:1px solid var(--border)}.room-options .mode-selector{max-width:none;padding-top:12px}.room-options .simple-label{margin-bottom:7px;font-size:11px}.room-options .mode-grid{gap:6px}.room-options .mode-card{border-radius:12px;padding:8px 4px}.room-options .mode-emoji{font-size:17px}.room-options .mode-name{font-size:13px}.room-options .mode-size{font-size:10px}.room-options .mode-hint{font-size:9px}.room-share-link{color:var(--pop);overflow-wrap:anywhere;display:block}.profile-edit:focus-visible,.lobby-extra summary:focus-visible,.play-choice:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--code);outline-offset:4px}:root[data-theme=daylight] .play-choice.friends{color:#fff}.lobby-title{text-align:center}.lobby-title>span{margin-bottom:6px;font-size:46px;display:block}.lobby-title h1,.match-search h1{font-family:Fredoka,Nunito,sans-serif;font-size:32px}.lobby-title p,.match-search p{color:var(--muted);text-align:center;margin:7px 0 0;font-size:17px;font-weight:700}.invite-simple,.simple-players,.join-friend{width:100%}.invite-simple{border:1px solid var(--border2);background:var(--surface);border-radius:24px;padding:20px}.simple-room-code{border:2px dashed var(--code);width:100%;min-height:74px;color:var(--code);background:var(--raised);letter-spacing:6px;cursor:pointer;border-radius:18px;font:800 34px/1 Fredoka,Nunito,sans-serif}.simple-room-code span{letter-spacing:0;margin-left:8px;font-size:20px}.share-big{margin-top:16px}.tiny-help,.simple-player-name,.simple-ready-zone p{color:var(--dim);text-align:center;margin:10px 0 0;font-size:14px;font-weight:700}.simple-player-list{flex-direction:column;gap:9px;display:flex}.simple-player{border:1px solid var(--border);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;min-height:64px;padding:10px 14px;display:flex}.simple-player.waiting{color:var(--muted);border-style:dashed;justify-content:flex-start;gap:12px}.waiting-avatar{background:var(--raised);width:40px;height:40px;color:var(--dim);border-radius:50%;place-items:center;font-size:20px;display:grid}.simple-ready-mark{font-size:20px}.or-line{color:var(--dim);letter-spacing:1px;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:900;display:flex}.or-line:before,.or-line:after{content:"";background:var(--border);flex:1;height:1px}.simple-code-entry{grid-template-columns:1fr auto;gap:8px;display:grid}.simple-code-entry input{border:2px solid var(--border2);min-width:0;height:56px;color:var(--text);background:var(--surface);letter-spacing:3px;text-transform:uppercase;border-radius:16px;outline:none;padding:0 14px;font:800 18px Fredoka,sans-serif}.simple-code-entry input:focus{border-color:var(--pop)}.lobby-choice-divider{margin:14px 0 10px}.lobby-switch-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:9px;display:grid}.lobby-switch-actions .btn{min-width:0;min-height:48px;padding:0 12px;font-size:14px}.btn.random-switch{color:var(--accent-ink);background:var(--accent);box-shadow:0 4px 0 var(--accent-shadow)}.btn.random-switch:active{box-shadow:none;transform:translateY(4px)}.btn.friend-join{width:auto;min-width:86px;color:var(--success-ink);background:var(--pop);padding:0 18px}.btn.friend-join:disabled{opacity:.4}.simple-ready-zone{width:100%}.match-search{justify-content:center;min-height:calc(100dvh - 72px)}.search-bomb{font-size:92px;animation:1.2s ease-in-out infinite search-bob}.search-dots{gap:9px;margin-top:6px;display:flex}.search-dots span{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:.9s ease-in-out infinite search-dot}.search-dots span:nth-child(2){animation-delay:.15s}.search-dots span:nth-child(3){animation-delay:.3s}.match-search .search-note{max-width:300px;color:var(--dim);margin-top:20px;font-size:14px}@keyframes search-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(4deg)}}@keyframes search-dot{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@media (width<=620px){.simple-home{gap:10px;padding:8px 14px 4px}.simple-home-hero{gap:2px}.home-bomb{filter:drop-shadow(0 8px 12px #00000052);width:52px;height:52px}.simple-wordmark{font-size:clamp(38px,11vw,44px)}.simple-home .lobby-tagline{letter-spacing:1.6px;margin-top:3px;font-size:14px}.home-online{margin-bottom:5px;padding:5px 11px;font-size:14px}.profile-preview{border-radius:14px;gap:10px;padding:8px 12px}.profile-preview-icon{font-size:26px}.profile-preview-edit{font-size:13px}.play-choices{grid-template-columns:1fr;gap:8px;padding-top:0}.play-choice{border-radius:18px;justify-content:flex-start;gap:10px;min-height:66px;padding:10px 14px}.play-choice-chip{min-height:20px;box-shadow:none;flex:none;order:3;margin-left:auto;padding:3px 8px;font-size:9px;position:static;transform:none}.play-choice-icon{font-size:30px}.play-choice-copy{gap:2px}.play-choice-copy strong{font-size:20px}.play-choice-copy small{font-size:12px}.how-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;display:grid;overflow:visible}.how-card{border-radius:14px;min-height:0;padding:6px 5px}.how-number{font-size:10px;top:5px;left:7px}.mini-board{border-radius:8px;gap:2px;width:clamp(44px,14vw,52px);margin:6px auto 3px;padding:3px}.mini-cell{border-radius:4px;font-size:10px;box-shadow:0 1px #00000038}.mini-safe .safe-shield{width:10px;height:12px}.how-card h2{font-size:clamp(17px,5.5vw,20px)}.how-card p{margin-top:2px;font-size:11px;line-height:1.2}.outcome-key{gap:4px;margin-top:5px}.outcome-key span{min-height:29px;padding:4px 7px;font-size:11px}.outcome-key b{font-size:14px}.home-trust{font-size:12px}.home-app-link{padding:6px 10px}.home-footer{margin:0 auto;padding:8px 8px 2px}.footer-groups{grid-template-columns:1fr;gap:5px}.footer-group{grid-template-columns:92px 1fr;align-items:start;gap:8px;display:grid}.footer-group h2{margin:1px 0 0;font-size:10px}.footer-links{gap:2px 9px}.home-footer a{font-size:11px}}@media (width<=620px) and (height<=720px){.simple-home{gap:10px;padding-bottom:10px}.home-bomb{width:48px;height:48px}.simple-home .lobby-tagline{font-size:13px}.play-choices{gap:8px}.play-choice{min-height:64px;padding-block:10px}.how-label{margin-bottom:6px}.how-card{padding-block:6px}.mini-board{width:clamp(42px,14vw,52px);margin-top:6px}.how-card p{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.home-bomb,.search-bomb,.search-dots span{animation:none}}.kick-btn:active{color:#ffd9cf;background:#7a2b1c}.home-profile{width:100%;max-width:420px}.profile-preview{border:1px solid var(--border2);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex}.profile-preview-icon{font-size:30px}.profile-preview>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile-preview strong{overflow-wrap:anywhere}.profile-preview small{color:var(--muted);letter-spacing:1px;font-size:12px}.profile-preview-edit{color:var(--pop);margin-left:auto;font-size:14px;font-weight:800}.home-profile .sheet,.gameover>.sheet{border:1px solid var(--border2);max-width:none;margin-top:8px}.sheet{flex-direction:column;align-items:stretch;gap:12px;display:flex}.sheet .field{max-width:none;margin:0}.sheet .field label{justify-content:space-between;font-size:14px;display:flex}.name-counter{color:var(--dim)}.name-entry{align-items:center;gap:8px;display:flex}.name-entry input{width:100%;min-width:0}.name-entry .icon-btn{flex:0 0 48px;height:48px;font-size:24px}.sheet .emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:none}.sheet .emoji-option{aspect-ratio:auto;border-color:var(--border2);min-height:48px;font-size:27px}.sheet .emoji-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.sheet .profile-icon-label{text-align:left;margin:0;font-size:14px;font-weight:800}.sheet>p{margin:0}.profile-preview:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--code);outline-offset:3px}.rules-card{max-height:calc(100dvh - 24px);overflow-y:auto}.rules-steps small,.rules-note,.rules-more,.rules-outcomes span{font-size:14px}.rules-steps{grid-template-columns:1fr}.rules-steps>div{text-align:left;grid-template-columns:36px 88px 1fr;padding:10px;display:grid}.rules-more summary{padding:10px 0;display:list-item}.outcome-key .safe-shield,.rules-outcomes .safe-shield{width:20px;height:24px;color:var(--pop)}.mini-safe .safe-shield{width:17px;height:20px;color:var(--pop)}.play-hint{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 8px;margin:0;font-size:14px;display:flex}.play-safe-count{align-items:center;gap:4px;display:inline-flex}.play-safe-count .safe-shield{width:19px;height:22px;color:var(--pop)}.play-safe-count strong{color:var(--text);font-size:16px}.placement-buttons{grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;display:grid}.placement-buttons .btn.small{height:56px;padding-inline:12px;font-size:14px}.placement>.board{max-width:min(100%,42dvh)}.placement .action-zone{margin-top:0}.simple-ready-zone{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);z-index:4;position:sticky;bottom:0}.simple-ready-zone p{font-size:14px}.gameover{flex:none;gap:10px;padding-top:14px;padding-bottom:14px}.gameover .status-zone{grid-template-columns:48px 1fr;gap:2px 10px;display:grid}.gameover .win-crown{grid-row:auto;align-self:center;font-size:40px}.gameover .win-title{text-align:left;overflow-wrap:anywhere;font-size:26px;line-height:1.1}.gameover .status-zone .subline{text-align:left;font-size:14px}.result-actions{align-items:stretch;gap:10px;width:100%;margin:4px 0 6px;display:flex}.result-actions .btn{height:56px}.result-actions .primary{flex:1}.result-actions .secondary{width:auto;padding-inline:18px}.gameover .duel-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.gameover .duel-zone .board-wrap{max-width:100%}.gameover .duel-label{overflow-wrap:anywhere;text-align:center;min-height:22px;font-size:14px;color:var(--text)!important}.gameover .board-disabled{opacity:1}.gameover .board.size-3 .cell{font-size:clamp(26px,8vw,44px)}.gameover>.board{max-width:min(100%,32dvh)}.gameover .reveal-hint{text-align:center;font-size:14px}.result-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.result-player{border:1px solid var(--border2);background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;padding:8px;font-size:14px;display:flex}.result-player strong{overflow-wrap:anywhere}.result-player>span{color:var(--muted)}.result-player .heart{font-size:14px}.result-player.winner{border-color:var(--code)}.result-tools{flex-direction:column;gap:9px;width:100%;display:flex}.result-tools .btn{width:100%;height:52px;font-size:16px}.gameover .rematch-pending{text-align:center;margin:0;font-size:14px}@media (width<=360px){.rules-steps>div{grid-template-columns:30px 75px 1fr;gap:3px}.result-actions .btn{padding-inline:12px;font-size:16px}.placement-buttons{grid-template-columns:1fr}}.bonus-icons{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.bonus-icons-preview{filter:grayscale(.6);opacity:.75;gap:6px;margin:0;font-size:22px;display:flex}.bonus-icons .btn{width:100%}.bonus-icons-note{color:var(--muted);margin:0;font-size:13px}