@font-face{font-family:Lounge Sans;src:url(/mines/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:100 600;font-display:swap}@font-face{font-family:Lounge Sans;src:url(/mines/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700 900;font-display:swap}@font-face{font-family:Lounge Round;src:url(/mines/fonts/MPLUSRounded1c-ExtraBold.woff2)format("woff2");font-weight:100 850;font-display:swap}@font-face{font-family:Lounge Round;src:url(/mines/fonts/MPLUSRounded1c-Black.woff2)format("woff2");font-weight:851 1000;font-display:swap}:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#f1f0ec;--surface-hover:#ebeae5;--ink:#1e222a;--ink-rgb:30 34 42;--muted:#737a86;--line:#1e222a1a;--accent:#ff8a5c;--accent-hover:#ff9b73;--accent-text:#e2582c;--accent-ink:#fff;--gold:#e29b00;--danger:#d93a3a;--shadow:0 1px 2px #161c2d0f, 0 6px 18px #161c2d12;--shadow-lift:0 2px 4px #161c2d14, 0 14px 30px #161c2d1f;--c-coral:#ff8a5c;--c-yellow:#f5b83d;--c-blue:#4aaef0;--c-green:#6cc46e;--c-purple:#a68af2;--frame:#d9dde4;--open:#fff;--open-line:#1e222a12;--closed:#e9edf3;--closed-hover:#f3f6fa;--closed-edge:#1e222a21;--flag:var(--c-coral);--clue:#fff0c2;--n1:#2f7fd8;--n2:#2f9a52;--n3:#e0523a;--n4:#6a4fd0;--n5:#b2452f;--n6:#16958f;--n7:#1e222a;--n8:#737a86;--flag-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 3.2a1.2 1.2 0 0 1 2.4 0v.6h9.4a.9.9 0 0 1 .7 1.5L16.6 8.5l2.4 3.2a.9.9 0 0 1-.7 1.5H8.9v6.4h1.8a1.2 1.2 0 0 1 0 2.4H4.7a1.2 1.2 0 0 1 0-2.4h1.8z'/%3E%3C/svg%3E");--mine-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6.6'/%3E%3Cpath d='M11 1.5h2v5h-2zM11 17.5h2v5h-2zM1.5 11h5v2h-5zM17.5 11h5v2h-5zM4.2 5.6l1.4-1.4 3.5 3.5-1.4 1.4zM15.4 16.8l1.4-1.4 3.5 3.5-1.4 1.4zM18.4 4.2l1.4 1.4-3.5 3.5-1.4-1.4zM7.2 15.4l1.4 1.4-3.5 3.5-1.4-1.4z'/%3E%3Ccircle cx='9.6' cy='9.6' r='1.7' fill='%23000' opacity='.35'/%3E%3C/svg%3E");--cross-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.6 2.8 12 10.2l7.4-7.4 1.8 1.8-7.4 7.4 7.4 7.4-1.8 1.8-7.4-7.4-7.4 7.4-1.8-1.8 7.4-7.4-7.4-7.4z'/%3E%3C/svg%3E");--board-bg:#fff;--mine:#2f6fd0;--selected:#c9e2fa;--wrong-bg:#fde3e0;--wrong:#d93a3a;--box-line:#3a3f4b;--cell-line:#1e222a21;--p0:#2f7fd8;--p1:#e5702f;--p2:#239154;--p3:#8656ea;--radius:16px;--font:"Lounge Sans", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--round:"Lounge Round", "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Lounge Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#16171b;--surface:#212328;--surface-2:#2a2d33;--surface-hover:#32353d;--ink:#eceef2;--ink-rgb:236 238 242;--muted:#9aa1ad;--line:#eceef21a;--accent:#f2774b;--accent-hover:#ff8a62;--accent-text:#ff9a74;--accent-ink:#fff;--gold:#ffcc4d;--danger:#ff7b6b;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-lift:0 2px 4px #00000059, 0 14px 30px #00000059;--c-coral:#f2774b;--c-yellow:#e9a92b;--c-blue:#3c9be0;--c-green:#55ad5a;--c-purple:#9377e6;--frame:#2c2f36;--open:#1d1f24;--open-line:#eceef20f;--closed:#3a3e47;--closed-hover:#444955;--closed-edge:#00000059;--clue:#4a3f1e;--n1:#6aabff;--n2:#5fcf8a;--n3:#ff7f6b;--n4:#b18cff;--n5:#ff9a6b;--n6:#4fd1c9;--n7:#eceef2;--n8:#9aa1ad;--board-bg:#1d1f24;--mine:#7bb6ff;--selected:#2a4766;--wrong-bg:#4a2427;--wrong:#ff8577;--box-line:#9aa1ad;--cell-line:#eceef21a;--p0:#6aabff;--p1:#ff9a5c;--p2:#5fcf8a;--p3:#b18cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:100dvh;word-break:auto-phrase;overflow-x:hidden}p,small,h2,h3{text-wrap:pretty}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid color-mix(in srgb, var(--c-blue) 70%, transparent);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}svg .fill{fill:currentColor;stroke:none}svg .dot{fill:currentColor}#backdrop{pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:fixed;inset:0}#backdrop.asleep{opacity:0}#app{min-height:100dvh;position:relative}.tile{color:#fff;width:46px;height:46px;font-family:var(--round);border-radius:13px;flex:none;place-items:center;font-size:25px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 -3px #0000001f}.tile svg{stroke-width:2.2px;width:26px;height:26px}.c-coral{background:var(--c-coral)}.c-yellow{background:var(--c-yellow)}.c-blue{background:var(--c-blue)}.c-green{background:var(--c-green)}.c-purple{background:var(--c-purple)}.c-ink{background:var(--ink)}.tile.c-ink{color:var(--surface)}.card{background:var(--surface);width:100%;box-shadow:var(--shadow);text-align:left;transition:transform .18s var(--ease-out), box-shadow .18s ease, background .18s ease;border-radius:18px;align-items:center;gap:16px;padding:15px 18px 15px 15px;display:flex}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card:active{transition-duration:60ms;transform:translateY(1px)scale(.99)}.card-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.card-text b{font-family:var(--round);letter-spacing:.02em;font-size:19px;font-weight:900}.card-text small{color:var(--muted);font-size:12.5px;line-height:1.4}.card .arrow{color:var(--accent-text);transition:transform .2s var(--ease-out);font-size:18px;font-weight:900}.card:hover .arrow{transform:translate(3px)}.card.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 70%, #7a2d10), var(--shadow)}.card.primary:hover{background:var(--accent-hover)}.card.primary small,.card.primary .arrow{color:#ffffffe6}.card.primary .tile{color:var(--accent);box-shadow:none;background:#fff}.chip{background:var(--surface);height:38px;box-shadow:var(--shadow);transition:transform .15s var(--ease-out), box-shadow .15s ease;border-radius:999px;align-items:center;gap:6px;padding:0 15px 0 12px;font-size:13px;font-weight:700;display:inline-flex}.chip svg{width:18px;height:18px}.chip:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.button{background:var(--surface-2);min-height:48px;font-family:var(--round);letter-spacing:.02em;transition:transform .15s var(--ease-out), background .15s ease, opacity .15s ease;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:900;display:inline-flex}.button:hover{background:var(--surface-hover)}.button:active{transform:scale(.97)}.button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 70%, #7a2d10)}.button.primary:hover{background:var(--accent-hover)}.button.subtle{border:1.5px dashed var(--line);color:var(--muted);background:0 0;min-height:42px;font-size:14px}.button.wide{width:100%}.button:disabled{opacity:.55;pointer-events:none}.icon-button,.back{width:42px;height:42px;color:var(--ink);border-radius:12px;place-items:center;transition:background .15s;display:grid}.icon-button:hover,.back:hover{background:rgb(var(--ink-rgb) / .07)}.back{background:var(--surface);box-shadow:var(--shadow)}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel h3{font-family:var(--round);margin:0 0 8px;font-size:17px;font-weight:900}.note{color:var(--muted);margin:0 0 14px;font-size:13.5px;line-height:1.6}.note.small{text-align:center;margin:10px 0 0;font-size:12px}.segmented{background:var(--surface-2);border-radius:14px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.segmented button{min-height:42px;color:var(--muted);border-radius:10px;flex:1;font-size:14px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.segmented.small{margin:0}.segmented.small button{min-height:34px;padding:0 12px;font-size:13px}.screen{position:relative}#screen-title{max-width:1160px;min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);margin:0 auto;display:grid}.title-hero{--tb:clamp(200px, 19vw, 270px);grid-template-columns:auto auto;grid-template-areas:"logo board""text board";justify-content:start;align-items:center;gap:0 clamp(24px,3vw,44px);display:grid}.title-text{grid-area:text;padding-top:4px}.logo{--tile:clamp(40px, calc((min(46vw, 580px) - var(--tb) - 44px) / var(--letters,4) - 6px), 78px);gap:calc(var(--tile) * .07);flex-direction:column;grid-area:logo;margin:0;display:flex}.logo-row{gap:calc(var(--tile) * .07);display:flex}.logo-tile{width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .16);color:#fff;font-family:var(--round);font-weight:900;font-size:calc(var(--tile) * .6);box-shadow:inset 0 calc(var(--tile) * -.06) 0 #00000021, 0 6px 16px #161c2d14;animation:tile-in .7s var(--ease-spring) both;animation-delay:calc(var(--k) * 55ms + 80ms);place-items:center;line-height:1;display:grid}@keyframes tile-in{0%{opacity:0;transform:translateY(-24px)scale(.6)rotate(-8deg)}}.logo-tile:hover{animation:tile-hop .45s var(--ease-spring)}@keyframes tile-hop{40%{transform:translateY(-8px)rotate(-4deg)}}.logo-latin{font-family:var(--round);letter-spacing:.55em;color:var(--muted);margin:20px 0 0 4px;font-size:13px;font-weight:900}:root[lang=en] .logo-latin{display:none}.tagline{color:color-mix(in srgb, var(--ink) 75%, var(--muted));margin:10px 0 18px 3px;font-size:clamp(15px,1.6vw,18px);font-weight:700}.facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.facts li{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700}.title-menu{flex-direction:column;justify-self:end;gap:12px;width:100%;max-width:460px;display:flex}.corner{justify-content:flex-end;gap:8px;margin-bottom:4px;display:flex}.menu{flex-direction:column;gap:12px;display:flex}.menu .card{animation:card-in .55s var(--ease-out) both}.menu .card:first-child{animation-delay:.1s}.menu .card:nth-child(2){animation-delay:.16s}.menu .card:nth-child(3){animation-delay:.22s}.menu .card:nth-child(4){animation-delay:.28s}.menu .card:nth-child(5){animation-delay:.34s}@keyframes card-in{0%{opacity:0;transform:translate(26px)}}.title-board{--c:calc((var(--tb) - var(--tb) * .06) / 9);width:var(--tb);height:var(--tb);padding:calc(var(--tb) * .03);border-radius:calc(var(--tb) * .06);background:var(--frame);box-shadow:var(--shadow-lift);animation:board-in .8s var(--ease-spring) .35s both;grid-area:board;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;transform:rotate(4deg)}@keyframes board-in{0%{opacity:0;transform:rotate(12deg)scale(.8)translateY(20px)}}.title-board span{font-family:var(--round);font-weight:900;font-size:calc(var(--c) * .6);background:var(--open);box-shadow:inset -1px -1px 0 var(--open-line);place-items:center;line-height:1;display:grid;position:relative}.title-board span[data-k=closed],.title-board span[data-k=flag]{border:max(1px, calc(var(--c) * .05)) solid var(--frame);border-radius:calc(var(--c) * .2);background:var(--closed);box-shadow:inset 0 calc(var(--c) * -.08) 0 var(--closed-edge), inset 0 calc(var(--c) * .05) 0 #ffffff8c;background-clip:padding-box}.title-board span[data-k=n1]{color:var(--n1)}.title-board span[data-k=n2]{color:var(--n2)}.title-board span[data-k=n3]{color:var(--n3)}.title-board span[data-k=n4]{color:var(--n4)}.title-board span[data-k=n5]{color:var(--n5)}.title-board span.fresh{animation:opening .4s var(--ease-spring) both;animation-delay:var(--d,0s)}.title-board span[data-k=flag].fresh:before{animation:drop .4s var(--ease-spring)}.title-board span.cursor{outline:2px solid var(--c-blue);outline-offset:-2px;z-index:1;border-radius:calc(var(--c) * .2)}@keyframes opening{0%{opacity:.2;transform:scale(.55)}}@keyframes drop{0%{opacity:0;transform:translateY(-60%)scale(1.3)}}.menu .card:not(.primary) .tile{background:var(--board-bg);border:2.5px solid var(--tile-c);color:var(--tile-ink);box-shadow:none}.menu .tile.c-coral{--tile-c:var(--c-coral);--tile-ink:var(--accent-text)}.menu .tile.c-yellow{--tile-c:var(--c-yellow);--tile-ink:#d4930c}.menu .tile.c-blue{--tile-c:var(--c-blue);--tile-ink:#2b8ad2}.menu .tile.c-green{--tile-c:var(--c-green);--tile-ink:#3d9b43}.menu .tile.c-purple{--tile-c:var(--c-purple);--tile-ink:#8466e3}:root[data-theme=dark] .menu .tile.c-yellow{--tile-ink:var(--c-yellow)}:root[data-theme=dark] .menu .tile.c-blue{--tile-ink:var(--c-blue)}:root[data-theme=dark] .menu .tile.c-green{--tile-ink:var(--c-green)}:root[data-theme=dark] .menu .tile.c-purple{--tile-ink:var(--c-purple)}#go-daily.done .tile{background:var(--c-green);border-color:var(--c-green);color:#fff}.lounge-link{border:1.5px dashed color-mix(in srgb, var(--ink) 18%, transparent);color:inherit;transition:background .15s ease, transform .15s var(--ease-out);animation:card-in .55s var(--ease-out) .4s both;border-radius:16px;align-items:center;gap:14px;padding:11px 16px 11px 13px;text-decoration:none;display:flex}.lounge-link:hover{background:var(--surface);transform:translateY(-1px)}.lounge-link .card-text b{font-size:15px}.lounge-link .arrow{color:var(--muted);font-weight:900}.lounge-mark{grid-template-columns:repeat(2,13px);gap:3px;padding:0 4px;display:grid}.lounge-mark i{border-radius:4px;width:13px;height:13px}.build{text-align:right;color:color-mix(in srgb, var(--muted) 70%, transparent);margin:6px 0 0;font-size:11px}@media (width<=860px){#screen-title{padding-top:max(18px, env(safe-area-inset-top));grid-template-columns:1fr;align-content:start;gap:26px}.title-hero{--tb:clamp(104px, 31vw, 150px);text-align:center;grid-template-columns:auto auto;grid-template-areas:"logo board""text text";justify-content:center;gap:0 14px;padding-top:52px}.title-text{padding-top:14px}.logo{--tile:clamp(26px, calc((min(100vw, 600px) - 56px - var(--tb) - 14px) / var(--letters,4) - 5px), 72px);align-items:center}.title-board{transform:rotate(5deg)}.logo-latin{margin-left:.55em}.facts{justify-content:center}.title-menu{justify-self:center}.corner{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));left:max(14px, env(safe-area-inset-left));position:absolute}.chip span{display:none}.chip{justify-content:center;width:40px;padding:0}}@media (orientation:landscape) and (height<=560px){#screen-title{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:1fr 1.05fr;align-content:center;gap:24px}.title-hero{text-align:center;grid-template-columns:auto;grid-template-areas:"logo""text";justify-content:center;justify-items:center;padding-top:0}.title-board{display:none}.logo{--tile:clamp(34px, calc(min(40vw, 300px) / var(--letters,4) - 5px), 64px);align-items:center}.logo-latin{margin:12px 0 0 .55em;font-size:11px}.tagline{margin:6px 0 10px;font-size:13px}.facts li{padding:5px 10px;font-size:11px}.title-menu{justify-self:stretch;gap:8px;max-width:none}.menu{gap:8px}.menu .card{padding:9px 14px 9px 10px}.menu .tile{width:38px;height:38px;font-size:21px}.menu .card-text b{font-size:16px}.menu .card-text small{font-size:11.5px}.corner{margin-bottom:0;position:static}.menu .card-text small,.chip span{display:none}.chip{justify-content:center;width:38px;padding:0}.build{display:none}}.page{max-width:720px;padding:max(20px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));margin:0 auto}.page-head{align-items:center;gap:14px;margin:8px 0 22px;display:flex}.page-head h2{font-family:var(--round);margin:0;font-size:clamp(22px,4vw,28px);font-weight:900}.page-head .head-tile{width:44px;height:44px}.page>:not(.page-head){animation:rise .45s var(--ease-out) both;animation-delay:50ms}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.player-chip{background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-right:auto;padding:4px 10px 4px 4px;transition:transform .15s,box-shadow .15s;display:inline-flex}.player-chip:after,.plate-button:after{content:"";border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);flex:none;width:7px;height:7px;margin-left:2px;transform:rotate(-45deg)}.player-chip:hover,.plate-button:hover{box-shadow:var(--shadow), 0 0 0 2px var(--accent)}.player-chip:active,.plate-button:active{transform:scale(.97)}.plate-button{background:var(--surface);width:fit-content;max-width:100%;box-shadow:var(--shadow);color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 12px 4px 4px;transition:transform .15s,box-shadow .15s;display:inline-flex}.player-bar,.xp-bar{background:var(--surface-2);border-radius:999px;position:relative;overflow:hidden}.player-bar{width:46px;height:6px}.player-bar i,.xp-bar i{background:linear-gradient(90deg, var(--c-yellow), var(--c-coral));width:0;transition:width 1s var(--ease-out);border-radius:999px;position:absolute;inset:0 auto 0 0}.tabs{margin-bottom:16px}.stages{flex-direction:column;gap:14px;display:flex}.chapter{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:rise .45s var(--ease-out) both;padding:16px}.chapter-head{align-items:center;gap:12px;display:flex}.chapter-text{flex-direction:column;flex:1;min-width:0;display:flex}.chapter-text small{color:var(--muted);font-size:12px;font-weight:700}.chapter-text b{font-family:var(--round);font-size:17px;font-weight:900}.chapter-meta{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;font-weight:700;display:flex}.chapter-stars{color:var(--gold)}.chapter.locked{background:color-mix(in srgb, var(--surface) 55%, transparent);box-shadow:none;border:1.5px dashed var(--line)}.chapter.locked .tile{background:var(--surface-hover);color:var(--muted);box-shadow:none}.chapter-lock{color:var(--muted);margin:10px 0 0;font-size:13px}.stage-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.stage{aspect-ratio:1;border:2px solid var(--cell-line);background:var(--board-bg);transition:transform .15s var(--ease-out), border-color .15s ease;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.stage:hover{border-color:var(--c-blue);transform:translateY(-2px)}.stage b{font-family:var(--round);color:var(--ink);font-size:clamp(17px,4.6vw,22px);font-weight:900}.grade-panel .stage b{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(12px,3.6vw,17px)}.grade-panel .stage-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width>=720px){.grade-panel .stage-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.grade-panel .stage b{font-size:15px}}.stage.solved b{color:var(--mine)}.stage-stars{color:var(--surface-hover);gap:1px;font-size:10px;line-height:1;display:flex}.stage-stars i{font-style:normal}.stage-stars i.on{color:var(--gold)}.stage.locked{box-shadow:none;cursor:default;opacity:.45;background:0 0;border-style:dashed}.stage.locked:hover{border-color:var(--cell-line);transform:none}.stage.locked .stage-stars{visibility:hidden}@media (width>=720px){.stage-grid{grid-template-columns:repeat(10,1fr);gap:6px}.stage-stars{font-size:9px}}.stage.ticket{border-style:dashed;border-color:color-mix(in srgb, var(--gold) 70%, transparent)}.chapter-ticket{background:color-mix(in srgb, var(--gold) 14%, transparent);border-radius:14px;flex-direction:column;gap:8px;margin:0 0 10px;padding:12px 14px;display:flex}.chapter-ticket p{margin:0;font-size:13px;font-weight:700}.stage.current{border-color:var(--mine);background:var(--selected);animation:1.6s ease-in-out infinite beckon}#screen-levels{max-width:1080px}.grade-split{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;display:grid}.grades{flex-direction:column;gap:8px;display:flex;position:sticky;top:16px}.grade-row{--c:var(--c-purple);background:var(--surface);width:100%;box-shadow:var(--shadow);text-align:left;transition:transform .15s var(--ease-out), border-color .15s ease;border:2px solid #0000;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.grade-row:hover{transform:translateY(-1px)}.grade-row.on{border-color:var(--accent)}.grade-row .tile{border-radius:12px;grid-row:span 2;width:42px;height:42px}.grade-row .tile svg{width:22px;height:22px}.grade-row .pips{gap:2px;height:18px}.grade-row .pips b{width:4px}.grade-row-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.grade-row-top b{font-family:var(--round);font-size:17px;font-weight:900}.grade-row small{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:700}.grade-row-bar{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.grade-row-bar i{background:var(--surface-2);border-radius:999px;height:6px;position:relative;overflow:hidden}.grade-row-bar i:after{content:"";width:var(--p,0%);border-radius:inherit;background:var(--c);position:absolute;inset:0 auto 0 0}.grade-row[data-value=custom] .grade-row-bar i{display:none}.grade-row[data-value=custom] .grade-row-bar{grid-template-columns:1fr}.grade-slot:empty{display:none}.grade-views{margin:20px 0 6px}.grade-views button{white-space:nowrap}.grade-views .count:not(:empty){background:var(--accent);color:#fff;border-radius:999px;margin-left:5px;padding:1px 7px;font-size:11px}.missed-group{border-top:1px solid var(--line);padding:12px 0}.missed-group:first-child{border-top:0}.missed-group header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.missed-group header b{font-family:var(--round);font-size:15px;font-weight:900}.missed-group header small{color:var(--muted);font-size:12px;font-weight:700}.missed-picks{flex-wrap:wrap;gap:6px;display:flex}.missed-pick{border:2px solid color-mix(in srgb, var(--gold) 45%, transparent);background:var(--surface);min-height:40px;font-family:var(--round);border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:900;transition:background .15s;display:inline-flex}.missed-pick:hover{background:color-mix(in srgb, var(--gold) 10%, var(--surface))}.missed-pick i{color:var(--gold);letter-spacing:1px;font-size:11px;font-style:normal}.missed-pick em{color:var(--surface-hover);font-style:normal}.missed-none{color:var(--muted);text-align:center;margin:16px 0;font-size:14px}#missed-more{margin-top:8px}.grade-panel .stage.short{border-color:color-mix(in srgb, var(--gold) 55%, transparent)}@media (width<=780px){.grade-split{grid-template-columns:1fr}.grades{position:static}.grade-side:empty{display:none}.grade-slot .grade-panel{margin:-2px 0 6px}.grade-slot .grade-head{display:none}.grade-slot .grade-note{margin-top:0}}.grade-panel.in{animation:grade-in .3s var(--ease-out)}@keyframes grade-in{0%{opacity:0;transform:translateY(6px)}}.grade-head{align-items:center;gap:14px;display:flex}.grade-head .tile{border-radius:15px;width:54px;height:54px}.grade-text{flex-direction:column;gap:2px;display:flex}.grade-text b{font-family:var(--round);font-size:24px;font-weight:900}.grade-text small{color:var(--muted);font-size:13px;font-weight:700}.grade-note{color:color-mix(in srgb, var(--ink) 75%, var(--muted));margin:10px 0 14px;font-size:14px;line-height:1.6}.grade-stats{background:var(--surface-2);text-align:center;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 16px;padding:12px 6px;display:grid}.grade-stat{flex-direction:column-reverse;gap:2px;display:flex}.grade-stat dt{color:var(--muted);font-size:11.5px;font-weight:700}.grade-stat dd{font-family:var(--round);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:17px;font-weight:900}.grade-actions{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.grade-actions .button{min-height:52px}.button.two-line{flex-direction:column;gap:1px;min-width:0;padding:8px 10px;line-height:1.25}.button.two-line b{font-weight:900}.button.two-line small{max-width:100%;color:var(--muted);font-family:var(--font);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}#grade-random.locked{opacity:.62}#rank-play{margin-top:14px}.duo-record .streak-numbers{grid-template-columns:repeat(2,1fr);margin-bottom:0}.grade-panel .grade-sub{color:var(--muted);margin:24px 0 0;font-size:13px;font-weight:800}.grade-panel .stage-grid{margin-top:10px}.chapter-bar{align-items:center;gap:6px;margin:22px 0 4px;display:flex}.chapter-title{border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px;display:flex}.chapter-title b{font-family:var(--round);font-size:18px;font-weight:900}.grade-panel .stage.deep{position:relative}.grade-panel .stage.deep:after{content:"";background:var(--c-purple);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.chapter-title small{color:var(--muted);font-size:11.5px;font-weight:700}.chapter-bar .icon-button:disabled{opacity:.3}.chapter-map{background:var(--surface-2);border-radius:14px;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-width:420px;margin:12px auto 0;padding:8px;display:grid}.chapter-cell{aspect-ratio:1;background:linear-gradient(to top, color-mix(in srgb, var(--gold) 60%, var(--surface)) calc(var(--s,0) * 100%), var(--surface) 0);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--round);color:var(--ink);border-radius:7px;font-size:10.5px;font-weight:900}.chapter-cell.ticket{position:relative}.chapter-cell.ticket:after{content:"🔒";font-size:8px;line-height:1;position:absolute;top:-3px;right:-3px}.chapter-cell.full{background:var(--gold);color:#fff;box-shadow:none}.chapter-cell.now{outline:2px solid var(--mine);outline-offset:1px}.chapter-cell.on{outline:3px solid var(--accent);outline-offset:1px}.chapter-cell.shut{color:var(--muted);opacity:.45;background:0 0}.map-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:8px 0 0;font-size:11.5px;font-weight:700;display:flex}.map-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.map-legend i.full{background:var(--gold)}.map-legend i.part{background:color-mix(in srgb, var(--gold) 45%, var(--surface))}.map-legend i.now{outline:2px solid var(--mine);outline-offset:-2px}.stage b{font-variant-numeric:tabular-nums}.grade-legend{color:var(--muted);margin:12px 0 0;font-size:12px}.grade-legend:first-letter{color:var(--c-purple)}.grade-more{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12.5px}.grade-panel.custom .grade-head{margin-bottom:8px}.grade-panel.custom .slider span b{font-family:var(--round);font-variant-numeric:tabular-nums;margin-left:6px;font-size:18px;font-weight:900}@media (width<=560px){.grade-stats dd{font-size:15px}.grade-actions{grid-template-columns:1fr}}.levels{flex-direction:column;gap:12px;display:flex}.level-card{padding:18px 20px 18px 16px}.level-card .tile{border-radius:15px;width:54px;height:54px}.pips{align-items:flex-end;gap:4px;height:24px;display:flex}.pips b{background:#fff;border-radius:3px;width:6px}.pips b:first-child{height:28%}.pips b:nth-child(2){height:46%}.pips b:nth-child(3){height:64%}.pips b:nth-child(4){height:82%}.pips b:nth-child(5){height:100%}.pips b.off{background:#ffffff52}.level-stat{text-align:right;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.level-stat b{font-family:var(--round);font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.level-stat small{color:var(--muted);font-size:12px}@media (width<=520px){.level-card .card-text small{display:none}}.duo{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field>span{font-family:var(--round);font-size:17px;font-weight:900}.field small{color:var(--muted);font-size:12.5px}input,.big-code{-webkit-user-select:text;user-select:text}input:not([type]),input[type=text]{border:1.5px solid var(--line);background:var(--bg);border-radius:13px;outline:none;width:100%;height:50px;padding:0 16px;font-size:17px;font-weight:700;transition:border-color .15s,box-shadow .15s}input:not([type]):focus,input[type=text]:focus{border-color:var(--c-blue);box-shadow:0 0 0 4px color-mix(in srgb, var(--c-blue) 22%, transparent)}.nudge{animation:.4s nudge}@keyframes nudge{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.join{gap:10px;display:flex}.code-input{letter-spacing:.3em;text-transform:uppercase;text-align:center;flex:1;font-family:var(--round)!important;font-size:22px!important;font-weight:900!important}.error{background:var(--wrong-bg);color:var(--wrong);border-radius:12px;margin:0;padding:12px 16px;font-size:14px;font-weight:700}.records{flex-direction:column;gap:14px;display:flex}.streak-numbers{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px;display:grid}.streak-stat{background:var(--surface-2);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.streak-stat b{font-family:var(--round);font-size:22px;font-weight:900}.streak-stat small{color:var(--muted);font-size:12px;font-weight:700}.week{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day{aspect-ratio:1;background:var(--surface-2);color:var(--muted);font-family:var(--round);border-radius:10px;place-items:center;font-size:15px;font-weight:900;display:grid}.day.on{background:var(--c-yellow);color:#fff}.day.today{outline:2px solid var(--c-yellow);outline-offset:2px}.lt-row{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:minmax(max-content,1.3fr) 1fr 1fr .9fr .8fr;align-items:center;gap:8px;padding:12px 4px;font-size:15px;display:grid}.lt-row>:not(:first-child){text-align:right}.lt-row b{white-space:nowrap;font-family:var(--round);font-weight:900}.lt-head{color:var(--muted);border-top:0;padding-top:0;font-size:12px;font-weight:700}.lt-row[data-level] b:before{content:"";background:var(--c-green);border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.lt-row[data-level=normal] b:before{background:var(--c-blue)}.lt-row[data-level=hard] b:before{background:var(--c-coral)}.lt-row[data-level=expert] b:before{background:var(--c-purple)}.lt-row[data-level=extreme] b:before{background:var(--ink)}.ranking{flex-direction:column;gap:12px;display:flex}.ranking .segmented{margin:0}.ranking .segmented.small{align-self:center}.week-screen{flex-direction:column;gap:12px;display:flex}.week-when{color:var(--muted);text-align:center;margin:0;font-size:13.5px;font-weight:700}.week-levels{margin:0}.week-panel .grade-stats{grid-template-columns:repeat(3,1fr);margin:16px 0}.week-panel #week-play{min-height:54px;font-size:17px}.week-note{color:var(--muted);margin:12px 0 0;font-size:12.5px;font-weight:700;line-height:1.6}.rank-caption{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.rank-list{margin:0;padding:0;list-style:none}.rank-row{font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:6px 8px;display:flex}.rank-row+.rank-row{border-top:1px solid var(--line)}.rank-row.me{background:color-mix(in srgb, var(--c-blue) 14%, transparent);border-top-color:#0000}.rank-place{background:var(--open);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--cell-line);font-family:var(--round);border-radius:8px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.rank-place.closed{background:var(--closed);box-shadow:inset 0 -3px 0 #00000014, inset 0 0 0 1px var(--cell-line);color:var(--muted);font-size:14px}.rank-place.n1,.pod-top.n1{color:var(--n1)}.rank-place.n2,.pod-top.n2{color:var(--n2)}.rank-place.n3,.pod-top.n3{color:var(--n3)}.rank-place.n4{color:var(--n4)}.rank-place.n5{color:var(--n5)}.rank-place.n6{color:var(--n6)}.rank-place.n7{color:var(--n7)}.rank-place.n8{color:var(--n8)}.rank-podium{grid-template-columns:1fr 1fr 1fr;column-gap:6px;padding:4px 0 10px;display:grid}.pod-col{flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.pod-plate .plate-text{display:none}.pod-plate{margin-bottom:10px}.pod-flag{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 21V4' stroke='%231e222a' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M6 4.5h10.5l-2.5 3.6 2.5 3.6H6' fill='%23ff8a5c' stroke='%23e2582c' stroke-width='1.9' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:22px;height:22px;margin-bottom:-2px}.pod-tower{flex-direction:column;gap:2px;display:flex}.pod-top,.pod-cell{border-radius:6px;width:30px;display:block}.pod-top{background:var(--open);height:30px;box-shadow:inset 0 0 0 1px var(--cell-line);font-family:var(--round);place-items:center;font-size:19px;font-weight:900;display:grid}.pod-cell{background:var(--closed);height:20px;box-shadow:inset 0 -3px 0 #00000014, inset 0 0 0 1px var(--cell-line)}.pod-base{background:var(--closed);border-radius:4px;grid-column:1/-1;height:4px;margin:2px 4px 7px}.pod-name{text-align:center;grid-template-rows:19px 15px auto;place-items:center;min-width:0;display:grid}.pod-name b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:900;overflow:hidden}.pod-name small{max-width:100%;color:var(--gold);font-family:var(--round);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.pod-name em{font-family:var(--round);font-variant-numeric:tabular-nums;font-size:16px;font-style:normal;font-weight:900}.pod-name.me b{color:var(--accent-text)}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.rank-row.opens{cursor:pointer;flex-wrap:wrap}.rank-row.opens:focus-visible,.pod-name.opens:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pod-name.opens{cursor:pointer;border-radius:8px}.rank-detail{color:var(--muted);text-align:right;flex-basis:100%;padding:0 0 2px 40px;font-size:12px;font-weight:700}.pod-name .rank-detail{text-align:center;padding:2px 0 0;font-size:10.5px}.rank-time{font-family:var(--round);font-size:17px;font-weight:900}.rank-gap{text-align:center;color:var(--muted);padding:4px 0;line-height:1}.rank-empty,.rank-note{color:var(--muted);text-align:center;padding:18px 8px 4px;font-size:13px}.rank-note{padding-top:12px;font-size:11.5px}.result-rank{background:var(--surface-2);border-radius:14px;margin:0 0 18px;padding:12px 14px}.result-rank.in{animation:pop-in .45s var(--ease-spring)}.result-rank p{margin:0;font-size:14px;font-weight:700}.rank-form{gap:8px;margin-top:10px;display:flex}.rank-form input{height:44px!important;font-size:15px!important}.rank-form .button{white-space:nowrap;min-height:44px;padding:0 16px}.how{flex-direction:column;gap:14px;display:flex}.how p{margin:0 0 16px;font-size:15px;line-height:1.75}.how-figure{grid-template-columns:repeat(var(--cols,7), 1fr);background:var(--frame);border-radius:12px;width:min(100%,300px);margin:0 auto 12px;padding:5px;display:grid}.fig-cell{aspect-ratio:1;font-family:var(--round);background:var(--open);box-shadow:inset -1px -1px 0 var(--open-line);place-items:center;font-size:clamp(14px,4.4vw,22px);font-weight:900;display:grid;position:relative}.fig-cell[data-k=closed],.fig-cell[data-k=flag]{border:2px solid var(--frame);background:var(--closed);box-shadow:inset 0 -3px 0 var(--closed-edge);background-clip:padding-box;border-radius:8px}.fig-cell[data-k=n1]{color:var(--n1)}.fig-cell[data-k=n2]{color:var(--n2)}.fig-cell[data-k=n3]{color:var(--n3)}.fig-cell.clue{background:var(--clue);box-shadow:inset 0 0 0 2px var(--c-yellow)}.fig-cell.target:after{content:"";border:3px solid var(--c-coral);border-radius:9px;position:absolute;inset:-2px}.how-list{margin:0;padding-left:1.3em;font-size:15px;line-height:1.75}.how-list li+li{margin-top:8px}.keys{grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:0;font-size:14px;display:grid}.keys dt{white-space:nowrap;color:var(--muted)}.keys dd{margin:0}kbd{background:var(--surface-2);min-width:26px;box-shadow:inset 0 -2px 0 var(--line);color:var(--ink);font-family:var(--font);text-align:center;border-radius:7px;margin:0 2px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-block}@media (hover:none){.keys-panel{display:none}}.game{--bar:58px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.game-bar{height:var(--bar);flex:none;align-items:center;gap:4px;padding:0 8px;display:flex}.game-title{flex:1;align-items:center;gap:10px;min-width:0;padding-left:2px;display:flex}.level-badge{background:var(--c-blue);color:#fff;height:30px;font-family:var(--round);white-space:nowrap;border-radius:9px;place-items:center;padding:0 12px;font-size:14px;font-weight:900;display:inline-grid}.level-badge[data-level=easy]{background:var(--c-green)}.level-badge[data-level=hard]{background:var(--c-coral)}.level-badge[data-level=custom],.level-badge[data-level=expert]{background:var(--c-purple)}.level-badge[data-level=extreme]{background:var(--ink)}:root.making .card,:root.making .stage{cursor:progress}.game-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.counter{background:var(--surface);height:34px;box-shadow:var(--shadow);font-family:var(--round);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:0 11px 0 8px;font-size:16px;font-weight:900;display:inline-flex}.counter svg{width:19px;height:19px;color:var(--ink)}.clock{min-width:56px;font-family:var(--round);font-variant-numeric:tabular-nums;text-align:right;padding:0 6px;font-size:18px;font-weight:800}.players{margin-right:4px;display:flex}.player{border:2.5px solid var(--bg);color:#fff;background:var(--p0);width:30px;height:30px;animation:pop-in .4s var(--ease-spring);border-radius:50%;place-items:center;margin-left:-6px;font-size:13px;font-weight:900;display:grid}.player:first-child{margin-left:0}.player[data-colour="1"]{background:var(--p1)}.player[data-colour="2"]{background:var(--p2)}.player[data-colour="3"]{background:var(--p3)}.player.me{outline:2px solid color-mix(in srgb, var(--ink) 25%, transparent);outline-offset:-1px}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}}.room-chip{background:var(--surface);height:36px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:700;display:inline-flex}.room-chip svg{width:18px;height:18px}.play{flex-direction:column;flex:1;align-items:center;gap:10px;min-height:0;padding:2px 8px 12px;display:flex}.board-area{flex:1;align-self:stretch;width:100%;max-width:1400px;min-height:0;position:relative}.field-scroll{overscroll-behavior:contain;scrollbar-width:thin;padding:6px;display:flex;position:absolute;inset:0;overflow:auto}.minefield{--cell:32px;padding:calc(var(--cell) * .16);background:var(--frame);box-shadow:var(--shadow-lift);touch-action:pan-x pan-y;border-radius:14px;margin:auto;transition:filter .3s;display:grid}.is-paused .minefield{filter:blur(14px)saturate(.6)}.shared-pause.is-paused .minefield{filter:none}.c{width:var(--cell);height:var(--cell);font-family:var(--round);font-weight:900;font-size:calc(var(--cell) * .6);cursor:pointer;place-items:center;line-height:1;display:grid;position:relative}.c[data-k^=n]{background:var(--open);box-shadow:inset -1px -1px 0 var(--open-line);cursor:default}.c[data-k=n1]{color:var(--n1)}.c[data-k=n2]{color:var(--n2)}.c[data-k=n3]{color:var(--n3)}.c[data-k=n4]{color:var(--n4)}.c[data-k=n5]{color:var(--n5)}.c[data-k=n6]{color:var(--n6)}.c[data-k=n7]{color:var(--n7)}.c[data-k=n8]{color:var(--n8)}.c[data-k=closed],.c[data-k=mark],.c[data-k=flag],.c[data-k=mine],.c[data-k=wrongflag]{border:max(1px, calc(var(--cell) * .045)) solid var(--frame);border-radius:calc(var(--cell) * .2);background:var(--closed);box-shadow:inset 0 calc(var(--cell) * -.08) 0 var(--closed-edge), inset 0 calc(var(--cell) * .05) 0 #ffffff8c;background-clip:padding-box;transition:background-color .12s,transform .1s}@media (hover:hover){.c[data-k=closed]:hover,.c[data-k=mark]:hover,.c[data-k=flag]:hover{background-color:var(--closed-hover)}}.c.pressing{transform:scale(.9)}.c.pressing:after{content:"";border:3px solid color-mix(in srgb, var(--c-coral) 70%, transparent);clip-path:inset(0 100% 0 0);pointer-events:none;border-radius:50%;animation:.34s linear forwards hold;position:absolute;inset:-12%}@keyframes hold{to{clip-path:inset(0)}}.c[data-k=mark]{color:var(--c-purple);font-size:calc(var(--cell) * .55)}.c[data-k=flag]:before,.c[data-k=wrongflag]:before,.c[data-k=mine]:before,.c[data-k=boom]:before,.fig-cell[data-k=flag]:before,.title-board span[data-k=flag]:before{content:"";background:var(--flag);-webkit-mask:var(--flag-shape) center / contain no-repeat;-webkit-mask:var(--flag-shape) center / contain no-repeat;mask:var(--flag-shape) center / contain no-repeat;position:absolute;inset:16%}.c[data-by][data-k=flag]:before{background:var(--p0)}.c[data-by="1"][data-k=flag]:before{background:var(--p1)}.c[data-by="2"][data-k=flag]:before{background:var(--p2)}.c[data-by="3"][data-k=flag]:before{background:var(--p3)}.c[data-k=mine]:before,.c[data-k=boom]:before{background:var(--ink);-webkit-mask-image:var(--mine-shape);-webkit-mask-image:var(--mine-shape);mask-image:var(--mine-shape);inset:18%}.c[data-k=boom]{background:var(--danger);border-radius:calc(var(--cell) * .2);box-shadow:inset 0 0 0 max(1px, calc(var(--cell) * .045)) var(--frame)}.c[data-k=boom]:before{background:#fff}.c[data-k=wrongflag]:after{content:"";background:var(--danger);-webkit-mask:var(--cross-shape) center / contain no-repeat;-webkit-mask:var(--cross-shape) center / contain no-repeat;mask:var(--cross-shape) center / contain no-repeat;position:absolute;inset:14%}.c[data-by][data-k^=n]{background:color-mix(in srgb, var(--p0) 9%, var(--open))}.c[data-by="1"][data-k^=n]{background:color-mix(in srgb, var(--p1) 9%, var(--open))}.c[data-by="2"][data-k^=n]{background:color-mix(in srgb, var(--p2) 9%, var(--open))}.c[data-by="3"][data-k^=n]{background:color-mix(in srgb, var(--p3) 9%, var(--open))}.c.cur{outline:3px solid var(--c-blue);outline-offset:-3px;z-index:2;border-radius:calc(var(--cell) * .2)}.c.clue{background:var(--clue);box-shadow:inset 0 0 0 2px var(--c-yellow);z-index:1}.c.target{z-index:2}.c.target:after{content:"";border-radius:calc(var(--cell) * .22);border:3px solid var(--c-green);pointer-events:none;animation:1.3s ease-in-out infinite hint-pulse;position:absolute;inset:-1px}.c.target-mine:after{border-color:var(--c-coral)}.c.target-mine:not([data-k=flag]):before{content:"";background:color-mix(in srgb, var(--flag) 55%, transparent);-webkit-mask:var(--flag-shape) center / contain no-repeat;-webkit-mask:var(--flag-shape) center / contain no-repeat;mask:var(--flag-shape) center / contain no-repeat;position:absolute;inset:22%}@keyframes hint-pulse{50%{opacity:.6;transform:scale(1.08)}}.c.partner{outline:2.5px solid var(--p0);outline-offset:-2.5px;border-radius:calc(var(--cell) * .2);z-index:3}.c[data-partner="1"]{outline-color:var(--p1)}.c[data-partner="2"]{outline-color:var(--p2)}.c[data-partner="3"]{outline-color:var(--p3)}.c .tag{background:var(--p0);color:#fff;max-width:6em;font-family:var(--font);white-space:nowrap;pointer-events:none;animation:ring-in .25s var(--ease-out);border-radius:5px;padding:1px 5px 2px;font-size:10px;font-style:normal;font-weight:700;line-height:1.2;position:absolute;bottom:calc(100% - 3px);left:50%;overflow:hidden;transform:translate(-50%)}.c[data-partner="1"] .tag{background:var(--p1)}.c[data-partner="2"] .tag{background:var(--p2)}.c[data-partner="3"] .tag{background:var(--p3)}@keyframes ring-in{0%{opacity:0;transform:scale(1.3)}}.c.opening{animation:cell-open .2s var(--ease-spring) both;animation-delay:var(--d,0s)}@keyframes cell-open{0%{transform:scale(.9)}}.c.opening:before{content:"";inset:calc(var(--cell) * -.045);z-index:1;border-radius:calc(var(--cell) * .2);background:var(--closed);box-shadow:inset 0 calc(var(--cell) * -.08) 0 var(--closed-edge), inset 0 calc(var(--cell) * .05) 0 #ffffff8c;pointer-events:none;animation:.16s cubic-bezier(.2,.7,.3,1) both lid-off;animation-delay:var(--d,0s);position:absolute}@keyframes lid-off{0%{opacity:.55}to{opacity:0;transform:translateY(-38%) scale(1.18) rotate(var(--tilt,6deg))}}.c.struck:after{content:"";z-index:2;border-radius:calc(var(--cell) * .3);border:max(2px, calc(var(--cell) * .08)) solid color-mix(in srgb, var(--c-coral) 55%, transparent);pointer-events:none;animation:.4s ease-out both struck;position:absolute;inset:-12%}@keyframes struck{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}:root[data-field=retro] .c.opening:before,:root[data-field=retro] .c.struck:after{display:none}.c.drop:before{animation:drop .4s var(--ease-spring)}.c.bang{animation:bang .7s var(--ease-out);z-index:3}@keyframes bang{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 70%, transparent);transform:scale(1)}20%{transform:scale(1.35)}to{box-shadow:0 0 0 calc(var(--cell) * 1.6) transparent;transform:scale(1)}}.minefield.jolt{animation:.42s jolt}@keyframes jolt{15%,55%{transform:translate(-5px,2px)}35%,75%{transform:translate(5px,-2px)}}.c.shake{animation:.36s shake}@keyframes shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.c.deal{animation:deal .45s var(--ease-out) both;animation-delay:var(--d,0s)}@keyframes deal{0%{opacity:0;transform:translateY(-8px)scale(.8)}}.c.finale{animation:1.1s both finale;animation-delay:var(--d,0s)}@keyframes finale{30%{filter:brightness(1.08);transform:scale(1.12)}60%{transform:scale(.97)}}.solved .minefield{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-yellow) 55%, transparent), var(--shadow-lift)}:root[data-calm] .c,:root[data-calm] .c:before,:root[data-calm] .c:after,:root[data-calm] .minefield{animation:none!important}.zoom{flex:none;gap:4px;display:flex}.zoom-b{background:var(--surface);width:44px;box-shadow:var(--shadow);color:var(--ink);border-radius:14px;place-items:center;transition:transform .1s,opacity .15s;display:grid}.zoom-b:active{transform:scale(.92)}.zoom-b:disabled{opacity:.35}.minimap{z-index:4;box-shadow:0 0 0 3px color-mix(in srgb, var(--surface) 85%, transparent), var(--shadow);cursor:pointer;touch-action:none;opacity:.92;border-radius:6px;position:absolute;top:8px;left:8px}.is-waiting .minimap,.is-paused .minimap{visibility:hidden}.cover{background:color-mix(in srgb, var(--bg) 35%, transparent);z-index:5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.25s fade;display:flex;position:absolute;inset:0}.cover>p{font-family:var(--round);margin:0;font-size:22px;font-weight:900}.boom-cover{background:color-mix(in srgb, var(--bg) 25%, transparent)}.board-area:has(#boom-cover:not([hidden])) .minefield{filter:blur(2px)}.boom-card{background:var(--surface);width:min(340px,100% - 32px);box-shadow:var(--shadow-lift);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:22px 22px 18px;display:flex}.boom-cover.in .boom-card{animation:coach-in .4s var(--ease-spring)}.boom-card h2{font-family:var(--round);margin:0;font-size:22px;font-weight:800}.boom-card .button{font-weight:800}.boom-card .note{margin:0 0 6px}.boom-mark{background:var(--danger);color:#fff;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.boom-mark svg{stroke-width:2.2px;width:32px;height:32px}.boom-actions{flex-direction:column;gap:8px;width:100%;display:flex}@keyframes fade{0%{opacity:0}}@keyframes coach-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}.link-state{background:var(--ink);color:var(--bg);white-space:nowrap;z-index:6;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;animation:.3s fade;position:absolute;top:10px;left:50%;transform:translate(-50%)}.link-state.first{top:50%;transform:translate(-50%,-50%)}.link-state:before{content:"";background:var(--c-yellow);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1s ease-in-out infinite breathe;display:inline-block}@keyframes breathe{50%{opacity:.3}}.controls{flex:none;align-items:stretch;gap:10px;width:min(100%,520px);display:flex}.modes{background:var(--surface-2);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .06);border-radius:18px;flex:1;grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode{height:52px;font-family:var(--round);color:var(--muted);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:900;transition:background .18s,color .18s,box-shadow .18s,transform .1s;display:flex}.mode svg{width:24px;height:24px}.mode[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}#mode-flag[aria-checked=true]{background:var(--accent);color:#fff}.mode:active{transform:scale(.96)}.tool{background:var(--surface);width:76px;box-shadow:var(--shadow);color:var(--ink);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;transition:background .15s,transform .12s;display:flex}.tool:hover{background:var(--surface-2)}.tool:active{transform:scale(.94)}.tool svg{width:26px;height:26px}.flagging .c[data-k=closed]{cursor:crosshair}.hint-panel{z-index:6;background:var(--surface);width:min(480px,100% - 20px);box-shadow:0 10px 30px #161c2d38, 0 0 0 2px color-mix(in srgb, var(--c-yellow) 70%, transparent);border-radius:14px;padding:11px 14px 9px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hint-panel.top{top:10px;bottom:auto}.hint-panel.in{animation:hint-in .35s var(--ease-spring)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}}.hint-panel p{margin:0;font-size:14.5px;font-weight:700;line-height:1.55}.hint-foot{justify-content:flex-end;align-items:center;gap:8px;margin-top:7px;display:flex}.hint-steps{gap:5px;margin-right:auto;display:flex}.hint-steps i{background:var(--surface-hover);border-radius:50%;width:7px;height:7px}.hint-steps i.on{background:var(--c-yellow)}.hint-foot .button{min-height:36px;padding:0 14px;font-size:13.5px}.coach-skip{color:var(--muted);border-radius:10px;padding:8px 10px;font-size:13px;font-weight:700}.coach-skip:hover{background:var(--surface-2)}@media (orientation:landscape) and (height<=560px){.game{--bar:46px}.play{flex-direction:row;gap:10px;padding:0 10px 8px}.controls{flex-direction:column;align-self:center;width:92px}.modes{grid-template-columns:1fr;gap:4px}.mode{flex-direction:column;gap:2px;height:64px;font-size:13px}.tool{width:auto;height:64px}.zoom-b{flex:1;width:auto;height:44px}}@media (width>=900px) and (aspect-ratio>=5/4){.play{flex-direction:row;gap:18px;padding:4px 24px 24px}.play:before{content:"";flex:none;width:120px}.controls{flex-direction:column;align-self:center;width:120px}.modes{grid-template-columns:1fr;gap:4px}.mode{flex-direction:column;gap:4px;height:84px}.tool{width:auto;height:76px}.zoom-b{flex:1;width:auto;height:44px}}@media (width<=520px){.game:has(#players:not([hidden])) .game-sub{display:none}.room-chip{justify-content:center;width:38px;padding:0}.room-chip span{display:none}.player{width:26px;height:26px;font-size:12px}.game-title{gap:6px}.clock{min-width:44px;font-size:16px}}@media (width<=440px){.game-sub{display:none}.game-title{flex:none;margin-right:auto}.play{padding-inline:2px}.field-scroll{padding:2px}}@media (width<=380px){.game-bar{gap:2px;padding:0 4px}.level-badge{padding:0 8px;font-size:12.5px}.counter{padding:0 8px 0 6px;font-size:15px}.clock{min-width:40px;padding:0 2px}}:root[data-field=sakura]{--frame:#ecd3dc;--closed:#fbe9ef;--closed-hover:#fff3f6;--closed-edge:#be5a7833;--flag:#e0457b;--open:#fffdfd}:root[data-field=ocean]{--frame:#bcdbe6;--closed:#e3f3f8;--closed-hover:#f0fafc;--closed-edge:#1e6e9633;--flag:#ff7a4f;--open:#fff}:root[data-field=autumn]{--frame:#e6d2b8;--closed:#f8ead6;--closed-hover:#fdf4e8;--closed-edge:#965a1e33;--flag:#d2452a;--open:#fffdf9}:root[data-field=snow]{--frame:#cfdbea;--closed:#f2f6fb;--closed-hover:#fbfdff;--closed-edge:#4664962e;--flag:#3d7be0;--open:#fff}.theme-setting{text-align:left;flex-direction:column;align-items:stretch;gap:10px}.themes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.theme-chip{background:var(--surface-2);text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.theme-chip.on{border-color:var(--accent);background:var(--surface)}.theme-chip .swatch{width:18px;height:18px;box-shadow:inset 0 0 0 3px var(--sw-frame), inset 0 -3px 0 3px var(--sw-frame);background:linear-gradient(135deg, var(--sw-closed) 0 60%, var(--sw-flag) 60%);border-radius:5px;flex:none}.look-classic{--sw-frame:#d9dde4;--sw-closed:#e9edf3;--sw-flag:#ff8a5c}.look-sakura{--sw-frame:#ecd3dc;--sw-closed:#fbe9ef;--sw-flag:#e0457b}.look-ocean{--sw-frame:#bcdbe6;--sw-closed:#e3f3f8;--sw-flag:#ff7a4f}.look-autumn{--sw-frame:#e6d2b8;--sw-closed:#f8ead6;--sw-flag:#d2452a}.look-snow{--sw-frame:#cfdbea;--sw-closed:#f2f6fb;--sw-flag:#3d7be0}.custom .slider span b{font-family:var(--round);font-variant-numeric:tabular-nums;margin-left:6px;font-size:18px;font-weight:900}.custom-preview{place-items:center;height:120px;margin:6px 0 4px;display:grid}.custom-shape{width:calc(var(--w,16) * 3.6px);height:calc(var(--h,16) * 3.6px);background:repeating-linear-gradient(90deg, transparent 0 2.8px, var(--frame) 2.8px 3.6px), repeating-linear-gradient(0deg, transparent 0 2.8px, var(--frame) 2.8px 3.6px), var(--closed);box-shadow:0 0 0 3px var(--frame);border-radius:6px;transition:width .15s,height .15s}.lives{background:var(--surface);height:34px;box-shadow:var(--shadow);color:var(--danger);letter-spacing:1px;white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:15px;display:inline-flex}.is-waiting .minefield{filter:blur(10px)saturate(.5);pointer-events:none}.race-strip{flex-wrap:wrap;flex:none;justify-content:center;gap:6px 14px;padding:0 12px 6px;display:flex}.runner{--c:var(--p0);grid-template-columns:auto minmax(60px,120px) auto;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:grid}.runner[data-colour="1"]{--c:var(--p1)}.runner[data-colour="2"]{--c:var(--p2)}.runner[data-colour="3"]{--c:var(--p3)}.runner-name{max-width:7em;color:var(--c);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.runner.me .runner-name:after{content:" ●";vertical-align:2px;font-size:9px}.runner-bar{background:var(--surface-hover);border-radius:999px;height:8px;position:relative;overflow:hidden}.runner-bar:after{content:"";border-radius:inherit;background:var(--c);transform-origin:0;transform:scaleX(var(--share,0));transition:transform .3s var(--ease-out);position:absolute;inset:0}.runner-percent{min-width:3.2em;color:var(--muted);font-family:var(--round);font-variant-numeric:tabular-nums}.runner.done .runner-percent{color:var(--ink)}.race-mark{background:var(--c-blue)}.race-cover.together .race-mark{background:var(--c-green)}.race-list{flex-direction:column;gap:6px;width:min(100%,320px);margin:0 0 4px;padding:0;list-style:none;display:flex;margin-inline:auto!important}.race-who{background:var(--surface-2);color:var(--ink);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.race-who.me{box-shadow:inset 0 0 0 2px var(--accent)}.race-ready{color:#3a9a3d;flex:none;font-size:12px;font-weight:800}.race-who.waiting .race-ready{color:var(--muted)}.count-cover{pointer-events:none;background:0 0}.count-cover b{font-family:var(--round);color:var(--accent);text-shadow:0 8px 30px #161c2d33;font-size:min(34vw,220px);font-weight:900;line-height:1}.count-cover b.tick{animation:count .9s var(--ease-out) both}@keyframes count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}}.freeze-cover{background:color-mix(in srgb, var(--danger) 14%, transparent);gap:10px}.freeze-cover b{font-family:var(--round);color:var(--danger);font-size:72px;font-weight:900;line-height:1}.duo-mode button{flex-direction:column;gap:2px;height:auto;padding:10px 6px;display:flex}.duo-mode b{font-family:var(--round);font-size:16px;font-weight:900}.duo-mode small{color:var(--muted);font-size:11.5px;font-weight:600}.duo-row{justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;font-size:14px;font-weight:700;display:flex}.duo-rule{text-align:left;margin:8px 0 12px}.scrim{z-index:30;background:#0a0c105c;position:fixed;inset:0}.scrim.in{animation:.25s fade}.sheet{z-index:31;background:var(--surface);overscroll-behavior:contain;border-radius:22px;width:min(460px,100vw - 28px);max-height:min(86dvh,760px);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #00000040}.sheet.in{animation:sheet-in .36s var(--ease-out)}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.sheet-head{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 12px 8px 22px;display:flex;position:sticky;top:0}.sheet-head h2{font-family:var(--round);margin:0;font-size:20px;font-weight:900}.sheet-body{padding:4px 22px 24px}.sheet-body h3{color:var(--muted);letter-spacing:.08em;margin:18px 0 6px;font-size:12px;font-weight:700}@media (width<=560px){.sheet{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;top:auto;bottom:0;left:0;transform:none}.sheet.in{animation:sheet-up .38s var(--ease-out)}@keyframes sheet-up{0%{transform:translateY(100%)}}}.toggle,.row-setting,.slider{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex}.row-setting{cursor:default}.toggle>span,.row-setting>span{flex-direction:column;gap:2px;font-size:15px;display:flex}.toggle b{font-weight:700}.toggle small{color:var(--muted);font-size:12px}.toggle input{appearance:none;background:var(--surface-hover);cursor:pointer;border-radius:999px;flex:none;width:48px;height:28px;transition:background .2s;position:relative}.toggle input:after{content:"";width:22px;height:22px;transition:transform .22s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle input:checked{background:var(--c-green)}.toggle input:checked:after{transform:translate(20px)}.slider span{white-space:nowrap;font-size:15px}.slider input{width:58%;accent-color:var(--accent)}#pencil-all{margin-top:14px}.legal{color:var(--muted);margin:20px 0 0;font-size:11px;line-height:1.6}.invite{text-align:center}.big-code{font-family:var(--round);letter-spacing:.18em;-webkit-user-select:all;user-select:all;margin:4px 0 18px;padding-left:.18em;font-size:clamp(36px,11vw,52px);font-weight:900}.invite-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.qr{border-radius:12px;width:168px;height:168px;margin:18px auto 0;overflow:hidden}.qr svg{stroke:none;width:100%;height:100%}.result{z-index:40;background:#0a0c102e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result.in{animation:.35s fade}.result-card{background:var(--surface);text-align:center;border-radius:26px;width:min(400px,100%);padding:28px 24px 22px;box-shadow:0 30px 90px #0000004d}.result.in .result-card{animation:result-in .6s var(--ease-spring)}@keyframes result-in{0%{opacity:0;transform:translateY(40px)scale(.92)}}.result-card{overscroll-behavior:contain;max-height:calc(100dvh - 24px);overflow-y:auto}@media (height<=560px) and (orientation:landscape){.result{padding:12px}.result-card{grid-template-columns:1fr 1fr;grid-template-areas:"kicker rank""head rank""time xp""stars xp""facts actions""badge actions";align-items:center;column-gap:24px;width:min(680px,100%);max-height:100%;padding:18px 22px;display:grid;overflow-y:auto}.result-kicker{grid-area:kicker}.result-card h2{grid-area:head;margin:0;font-size:24px}.result-time{grid-area:time;margin:0;font-size:42px}.result-badge{grid-area:badge;justify-self:center;margin:4px 0 0}.result-facts{grid-area:facts;margin:6px 0 0}.result-facts dd{font-size:15px}.result-team{grid-area:rank;margin:0 0 8px}.result-actions{background:var(--surface);flex-direction:row;grid-area:actions;align-self:end;margin-bottom:-18px;padding:8px 0 18px;position:sticky;bottom:-18px}.result-actions .button{min-height:42px;font-size:14px}.result-rank{grid-area:rank;margin:0 0 8px;padding:8px 12px}.result-rank p{font-size:12.5px}.rank-form{margin-top:6px}.result-stars{grid-area:stars;margin:4px 0 0;font-size:22px}.result-xp{grid-area:xp;margin:0 0 8px;padding:8px 12px}.xp-line{margin-bottom:5px}.xp-note{margin-top:4px}}.result-kicker{color:var(--muted);margin:0;font-size:13px;font-weight:700}.result-card h2{font-family:var(--round);margin:6px 0 0;font-size:32px;font-weight:900}.result-time{font-family:var(--round);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--accent-text);margin:4px 0 8px;font-size:54px;font-weight:900}.result-badge{background:color-mix(in srgb, var(--c-yellow) 22%, transparent);color:color-mix(in srgb, var(--gold) 80%, var(--ink));animation:pop-in .5s var(--ease-spring) .35s both;border-radius:999px;margin:0 0 14px;padding:6px 14px;font-size:14px;font-weight:900;display:inline-block}.result-stars{justify-content:center;gap:6px;margin:0 0 10px;font-size:30px;line-height:1;display:flex}.result-stars i{color:var(--surface-hover);font-style:normal}.result-stars i.on{color:var(--gold)}.result-stars.in i.on{animation:star-in .55s var(--ease-spring) both;animation-delay:calc(.45s + var(--k) * .22s)}@keyframes star-in{0%{opacity:0;transform:scale(.2)rotate(-40deg)}60%{transform:scale(1.35)rotate(8deg)}}.result-xp{background:var(--surface-2);text-align:left;border-radius:14px;margin:0 0 18px;padding:12px 14px}.xp-line{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.xp-line b{font-family:var(--round);font-size:18px;font-weight:900}.xp-line span{color:var(--muted);font-size:13px;font-weight:700}.xp-line .xp-gain{color:var(--accent-text);margin-left:auto}.xp-bar{background:var(--surface-hover);height:10px}.xp-note{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:700}.result-xp.up .xp-note{color:var(--accent-text);animation:pop-in .5s var(--ease-spring) 1.2s both;font-size:14px}.level-card-mine .me-level{align-items:baseline;gap:10px;margin:4px 0 10px;display:flex}.level-card-mine .me-level b{font-family:var(--round);font-size:28px;font-weight:900}.level-card-mine .me-level span{color:var(--muted);font-weight:700}.me-facts{grid-template-columns:1fr auto;gap:6px 12px;margin:14px 0 0;font-size:14px;display:grid}.me-facts dt{color:var(--muted)}.me-facts dd{font-family:var(--round);margin:0;font-weight:900}.result-facts{flex-wrap:wrap;justify-content:center;gap:10px 8px;margin:6px 0 20px;display:flex}.result-facts .fact{flex-direction:column-reverse;flex:1 0 74px;max-width:120px;display:flex}.result-facts dt{color:var(--muted);font-size:12px;font-weight:700}.result-facts dd{font-family:var(--round);font-variant-numeric:tabular-nums;margin:0;font-size:19px;font-weight:900}.result-team{text-align:left;flex-direction:column;gap:10px;margin:6px 0 20px;display:flex}.team-row{--c:var(--p0);grid-template-columns:1fr auto;gap:4px 10px;display:grid}.team-row[data-colour="1"]{--c:var(--p1)}.team-row[data-colour="2"]{--c:var(--p2)}.team-row[data-colour="3"]{--c:var(--p3)}.team-name{font-size:14px;font-weight:700}.team-count{color:var(--muted);grid-area:1/2;font-size:13px;font-weight:700}.team-bar{background:var(--surface-2);border-radius:999px;grid-column:1/-1;height:10px;position:relative;overflow:hidden}.team-bar:after{content:"";width:calc(var(--share) * 100%);background:var(--c);animation:grow .9s var(--ease-out) .4s both;transform-origin:0;border-radius:999px;position:absolute;inset:0}@keyframes grow{0%{transform:scaleX(0)}}.result-actions{flex-direction:column;gap:10px;display:flex}.toast{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px));z-index:60;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;transition:transform .35s var(--ease-spring), opacity .25s ease;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%,30px)}.toast.on{opacity:1;transform:translate(-50%)}.confetti{z-index:39;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}::view-transition-old(root){animation-duration:.34s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.34s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-name:leave}::view-transition-new(root){animation-name:enter}:root[data-going=back]::view-transition-old(root){animation-name:leave-back}:root[data-going=back]::view-transition-new(root){animation-name:enter-back}@keyframes leave{to{opacity:0;transform:translate(-28px)}}@keyframes enter{0%{opacity:0;transform:translate(36px)}}@keyframes leave-back{to{opacity:0;transform:translate(28px)}}@keyframes enter-back{0%{opacity:0;transform:translate(-36px)}}@view-transition{navigation:auto;types:lounge}:root:active-view-transition-type(lounge) #player-chip{view-transition-name:lounge-me;view-transition-class:lounge}:root:active-view-transition-type(lounge) .title-board{view-transition-name:lounge-card;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:first-child .logo-tile:first-child{view-transition-name:lounge-a1;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:first-child .logo-tile:nth-child(2){view-transition-name:lounge-a2;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:first-child .logo-tile:nth-child(3){view-transition-name:lounge-a3;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:last-child .logo-tile:first-child{view-transition-name:lounge-l1;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:last-child .logo-tile:nth-child(2){view-transition-name:lounge-l2;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:last-child .logo-tile:nth-child(3){view-transition-name:lounge-l3;view-transition-class:lounge}:root:active-view-transition-type(lounge) .logo-row:last-child .logo-tile:nth-child(4){view-transition-name:lounge-l4;view-transition-class:lounge}:root[data-from=lounge] .logo-tile,:root[data-from=lounge] .title-board{animation:none}::view-transition-group(*.lounge){z-index:20;animation-duration:.7s;animation-timing-function:cubic-bezier(.3,1.05,.4,1)}::view-transition-old(*.lounge){height:100%;animation-duration:.7s}::view-transition-new(*.lounge){height:100%;animation-duration:.7s}:root:active-view-transition-type(lounge)::view-transition-old(root){animation:.7s both lounge-blend-out}:root:active-view-transition-type(lounge)::view-transition-new(root){animation:.7s both lounge-blend-in}@keyframes lounge-blend-out{to{opacity:0}}@keyframes lounge-blend-in{0%{opacity:0}}::view-transition-group(hero){z-index:10;animation-duration:.46s;animation-timing-function:cubic-bezier(.3,1.1,.4,1)}::view-transition-old(hero){object-fit:cover;height:100%}::view-transition-new(hero){object-fit:cover;height:100%}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*){transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(*){transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-new(*){transition-duration:.01ms!important;animation-duration:.01ms!important}}.feat-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.feat{background:var(--surface-2);color:var(--muted);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.feat b{font-family:var(--round);font-size:14.5px;font-weight:900}.feat small{font-size:12px;font-weight:700;line-height:1.5}.feat.on{background:color-mix(in srgb, var(--gold) 16%, var(--surface));color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 55%, transparent)}.plate{--t:var(--muted);--t2:var(--muted);--glow:transparent;text-align:left;align-items:center;gap:10px;min-width:0;max-width:100%;display:inline-flex}.plate.tier-rare{--t:#2f8fe0;--t2:#4aaef0}.plate.tier-epic{--t:#8a5cf0;--t2:#b07cff;--glow:#a68af266}.plate.tier-legend{--t:#d98a00;--t2:#ffcc4d;--glow:#ffbe3c80}.plate .ring{--size:46px;width:var(--size);height:var(--size);background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.plate .ring.whole{background:var(--t);opacity:1}.plate.tier-common .ring.whole{background:var(--line)}.plate .avatar{width:calc(var(--size) - 8px);height:calc(var(--size) - 8px);color:#fff;font-family:var(--round);font-weight:900;font-size:calc(var(--size) * .4);border-radius:50%;place-items:center;line-height:1;display:grid}.plate.tier-epic .avatar{box-shadow:0 0 0 2px #b07cff}.plate.tier-legend .avatar{box-shadow:0 0 0 2px #ffcc4d, 0 0 10px var(--glow)}.avatar.a-coral{background:linear-gradient(145deg,#ff9d73,#f0703f)}.avatar.a-yellow{background:linear-gradient(145deg,#f8c75c,#e29b00)}.avatar.a-blue{background:linear-gradient(145deg,#62bdf5,#2f8fe0)}.avatar.a-green{background:linear-gradient(145deg,#86d488,#4aa84d)}.avatar.a-purple{background:linear-gradient(145deg,#b9a2f7,#8a5cf0)}.avatar.a-ink{background:linear-gradient(145deg,#4a505c,#1e222a)}.plate .ring-level{border:2px solid var(--surface);background:var(--ink);color:#fff;min-width:20px;font-family:var(--round);text-align:center;border-radius:999px;padding:0 5px;font-size:10px;font-weight:900;line-height:14px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.plate-text{flex-direction:column;gap:1px;min-width:0;display:flex}.plate-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.plate-title{color:var(--t);font-family:var(--round);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.plate.tier-epic .plate-title,.plate.tier-legend .plate-title{background:linear-gradient(90deg, var(--t), var(--t2), var(--t));color:#0000;filter:drop-shadow(0 0 5px var(--glow));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite plate-sheen}.plate-mark{-webkit-text-fill-color:initial;margin-right:3px}@keyframes plate-sheen{to{background-position:-200% 0}}:root[data-calm] .plate-title,:root[data-calm] .plate .ring{animation:none!important}.plate.plate-s .ring{--size:38px}.plate.plate-s .plate-name{font-size:13.5px}.plate.plate-s .plate-title{font-size:10.5px}.lang-ask{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:59;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);white-space:nowrap;box-shadow:var(--shadow-lift);animation:lang-ask-in .45s var(--ease-spring) .8s both;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 18px;font-size:14px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.lang-ask span{text-overflow:ellipsis;overflow:hidden}.lang-yes{background:var(--accent);color:#fff;min-height:36px;font-family:var(--round);border-radius:999px;padding:0 14px;font-weight:900}.lang-no{width:36px;height:36px;color:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:50%;font-size:20px}@keyframes lang-ask-in{0%{opacity:0;transform:translate(-50%,30px)}}.how-guide{color:var(--accent-text);margin-top:12px;font-weight:700;text-decoration:none;display:block}.how-guide:hover{text-decoration:underline}.privacy-link{color:var(--muted);text-align:right;margin-top:10px;font-size:12px;font-weight:700;display:block}.retro-bar{display:none}:root[data-field=retro] .retro-bar{--face:silver;background:var(--face);outline:4px solid var(--face);border:3px solid #fff;border-color:gray #fff #fff gray;flex:none;justify-content:space-between;align-items:center;width:min(100%,420px);margin:auto auto 0;padding:5px 7px;display:flex;box-shadow:0 0 0 7px #fff,0 0 0 9px gray}:root[data-field=retro] .field-scroll{flex-direction:column;padding:16px}.retro-bar .lcd{background:#000;border:1px solid #fff;border-color:gray #fff #fff gray;gap:1px;padding:2px;display:flex}.retro-bar .lcd svg{fill:none;stroke:none;width:13px;height:23px}.retro-bar .lcd .on{fill:red}.retro-bar .lcd .off{fill:#3a0000}.retro-face{background:silver;border:3px solid gray;border-color:#fff gray gray #fff;place-items:center;width:32px;height:32px;padding:0;display:grid}.retro-face:active:not(:disabled){border-color:gray #fff #fff gray}.retro-face svg{stroke:none;width:22px;height:22px}.retro-face .head{fill:#ff0;stroke:#000;stroke-width:1.1px}.retro-face .ink{fill:#000}.retro-face .line{fill:none;stroke:#000;stroke-width:1.3px}:root[data-field=retro] #counter,:root[data-field=retro] #clock{display:none}:root[data-field=retro] .minefield{--frame:silver;--closed:silver;--open:silver;--n1:#00f;--n2:green;--n3:red;--n4:navy;--n5:maroon;--n6:teal;--n7:#000;--n8:gray;background:gray;border:3px solid #fff;border-color:gray #fff #fff gray;border-radius:0;outline:4px solid silver;gap:0;margin:22px auto auto;padding:0;box-shadow:0 0 0 7px #fff,0 0 0 9px gray}:root[data-field=retro] .minefield .c{font-family:Tahoma,Verdana,Segoe UI,sans-serif;font-weight:900;font-size:calc(var(--cell) * .62);transition:none}:root[data-field=retro] .minefield .c[data-k^=n]{background:silver;box-shadow:inset 1px 1px gray}:root[data-field=retro] .minefield .c[data-k=closed],:root[data-field=retro] .minefield .c[data-k=mark],:root[data-field=retro] .minefield .c[data-k=flag],:root[data-field=retro] .minefield .c[data-k=mine],:root[data-field=retro] .minefield .c[data-k=wrongflag]{border:max(2px, calc(var(--cell) * .11)) solid;box-shadow:none;background:silver;border-color:#fff gray gray #fff;border-radius:0}:root[data-field=retro] .minefield .c[data-k=mine],:root[data-field=retro] .minefield .c[data-k=wrongflag]{border:0;box-shadow:inset 1px 1px gray}:root[data-field=retro] .minefield .c[data-k=closed]:hover,:root[data-field=retro] .minefield .c[data-k=flag]:hover,:root[data-field=retro] .minefield .c[data-k=mark]:hover{background-color:silver}:root[data-field=retro] .minefield .c.pressing{border:0;transform:none;box-shadow:inset 1px 1px gray}:root[data-field=retro] .minefield .c[data-k=mark]{color:#000}:root[data-field=retro] .minefield .c[data-k=flag]:not([data-by]):before,:root[data-field=retro] .minefield .c[data-k=wrongflag]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v8' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8.6 2 3 5l5.6 3z' fill='%23f00'/%3E%3Cpath d='M4 12h8v2H4zM6 11h4v1H6z'/%3E%3C/svg%3E") 50%/contain no-repeat;inset:12%;-webkit-mask:none;mask:none}:root[data-field=retro] .minefield .c[data-k=mine]:before,:root[data-field=retro] .minefield .c[data-k=boom]:before,:root[data-field=retro] .minefield .c[data-k=wrongflag]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4.6'/%3E%3Cpath d='M8 1.5v13M1.5 8h13M3.4 3.4l9.2 9.2M12.6 3.4l-9.2 9.2' stroke='%23000' stroke-width='1.4'/%3E%3Crect x='5.6' y='5.6' width='2' height='2' fill='%23fff'/%3E%3C/svg%3E") 50%/contain no-repeat;inset:14%;-webkit-mask:none;mask:none}:root[data-field=retro] .minefield .c[data-k=boom]{background:red;border:0;border-radius:0;box-shadow:inset 1px 1px gray}:root[data-field=retro] .minefield .c[data-k=wrongflag]:after{background:red;inset:10%}.look-retro{--sw-frame:gray;--sw-closed:silver;--sw-flag:red}.plate-plain{font-weight:800}.duo-me{flex-direction:column;gap:8px;display:flex}.duo-me>span:first-child{font-weight:800}.duo-me small{color:var(--muted);font-size:12.5px}button.duo-signin{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.duo-signin{color:var(--accent-text);margin-left:4px;font-weight:800}.c.pressing{filter:brightness(.94);transition:transform 60ms ease-out;transform:scale(.9)}.rank-replay{background:var(--surface-2);width:30px;height:30px;color:var(--accent-text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.rank-replay:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0;margin-left:3px}.rank-replay:hover{background:var(--surface-hover)}.pod-name .rank-replay{width:26px;height:26px;margin-top:4px}.replay-screen{flex-direction:column;height:100dvh;display:flex}.replay-screen[hidden]{display:none}.replay-top{align-items:center;gap:12px;padding:12px 16px 6px;display:flex}.replay-who{flex-direction:column;flex:1;min-width:0;display:flex}.replay-who b{font-family:var(--round);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;overflow:hidden}.replay-who small{color:var(--muted);font-size:12px;font-weight:800}.replay-clock{font-family:var(--round);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.replay-stage{flex:1;place-items:center;min-height:0;padding:8px;display:grid;position:relative;overflow:auto}.replay-field{margin:0}.replay-notice{color:var(--muted);text-align:center;margin:24px;font-weight:800}.replay-field .c.replay-at{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.replay-thinking{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#1e222abf;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:800;transition:opacity .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.replay-thinking.on{opacity:1}.replay-controls{padding:10px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -6px 20px #161c2d0f}.replay-track{cursor:pointer;touch-action:none;height:26px;margin-bottom:8px;position:relative}.replay-track .rail,.replay-track .done{border-radius:4px;height:4px;position:absolute;top:11px;left:0}.replay-track .rail{background:var(--surface-2);right:0}.replay-track .done{width:var(--done,0%);background:var(--accent)}.replay-track .knob{top:5px;left:var(--done,0%);background:var(--surface);width:16px;height:16px;box-shadow:0 0 0 3px var(--accent);border-radius:50%;margin-left:-8px;position:absolute}.replay-row{align-items:center;gap:8px;display:flex}.replay-track,.replay-row{max-width:720px;margin-inline:auto}.replay-grow{flex:1}.replay-play{min-width:104px}.replay-speed{font-family:var(--round);font-size:15px;font-weight:900}#replay-mode button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.result-replay{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;font-weight:800;text-decoration:underline}#screen-title{grid-template-rows:minmax(calc(100dvh - 64px),auto) auto}.title-about{text-align:left;grid-column:1/-1;justify-self:center;width:100%;max-width:880px;margin:0 auto 32px}.about-open{background:var(--surface);width:max-content;max-width:100%;box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:8px 18px 8px 8px;font-size:13.5px;font-weight:800;list-style:none;display:flex}.about-open::-webkit-details-marker{display:none}.about-open:after{content:"▾";color:var(--muted);margin-left:2px}.about-fold[open]>.about-open:after{content:"▴"}.about-open:hover{box-shadow:var(--shadow-lift,var(--shadow))}.about-q{background:var(--c-green);color:#fff;width:26px;height:26px;font-family:var(--round);border-radius:8px;place-items:center;font-weight:900;display:grid;box-shadow:inset 0 -2px #0000001f}.about-body{gap:10px;margin-top:16px;display:grid}.about-card{background:var(--surface);box-shadow:var(--shadow);color:var(--ink);border-radius:18px}.about-what{padding:16px 20px}.title-about h2{font-family:var(--round);margin:0;font-size:17px;font-weight:900}.about-what p{color:var(--muted);margin:6px 0 0;font-size:13.5px;line-height:1.75}.about-h{padding-left:4px;margin-top:10px!important}.about-features,.about-levels{gap:10px;margin:0;padding:0;list-style:none;display:grid}.about-features{grid-template-columns:repeat(2,1fr)}.about-features li{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.about-features .tile{border-radius:11px;width:38px;height:38px;font-size:19px}.about-features b{font-family:var(--round);font-size:15px;font-weight:900;display:block}.about-features small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.6;display:block}.about-levels{grid-template-columns:repeat(5,1fr)}.about-levels a{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;text-decoration:none;display:flex}.about-levels .tile{width:42px;height:42px;font-size:20px}.about-levels small{color:var(--muted);font-size:11.5px;font-weight:700;line-height:1.4}.about-levels a:hover,.about-how:hover{transform:translateY(-2px)}.about-how{align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;transition:transform .15s;display:flex}.about-how .tile{border-radius:10px;width:34px;height:34px;font-size:17px}.about-how .arrow{color:var(--accent-text);margin-left:auto}.about-faq{gap:8px;display:grid}.about-faq details{padding:12px 16px}.about-faq summary{cursor:pointer;font-size:14px;font-weight:800}.about-faq p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}@media (width<=860px){.about-features{grid-template-columns:1fr}.about-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.about-levels a{padding:10px 4px}.about-levels .tile{width:36px;height:36px;font-size:17px}.about-levels small{font-size:11px}#screen-title{grid-template-rows:none}.title-about{margin-top:0}}@media (orientation:landscape) and (height<=560px){#screen-title{grid-template-rows:minmax(calc(100dvh - 32px),auto) auto}}