@font-face{font-family:Lounge Sans;src:url(/nanpure/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:100 600;font-display:swap}@font-face{font-family:Lounge Sans;src:url(/nanpure/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700 900;font-display:swap}@font-face{font-family:Lounge Round;src:url(/nanpure/fonts/MPLUSRounded1c-ExtraBold.woff2)format("woff2");font-weight:100 850;font-display:swap}@font-face{font-family:Lounge Round;src:url(/nanpure/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;--board-bg:#fff;--box-line:#3a3f4b;--cell-line:#1e222a21;--given:#1e222a;--mine:#2f6fd0;--selected:#c9e2fa;--related:#edf4fb;--same:#b3d6f6;--wrong-bg:#fde3e0;--wrong:#d93a3a;--clue:#fff0c2;--wave:#f5b83d73;--note:#6a717d;--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;--board-bg:#1d1f24;--box-line:#9aa1ad;--cell-line:#eceef21a;--given:#eceef2;--mine:#7bb6ff;--selected:#2a4766;--related:#272d37;--same:#31557e;--wrong-bg:#4a2427;--wrong:#ff8577;--clue:#4a3f1e;--wave:#e9a92b59;--note:#9aa1ad;--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)}.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{width:var(--tb);height:var(--tb);border:max(2px, calc(var(--tb) * .01)) solid var(--box-line);border-radius:calc(var(--tb) * .05);background:var(--board-bg);box-shadow:var(--shadow-lift);animation:board-in .8s var(--ease-spring) .35s both;grid-area:board;grid-template-columns:repeat(9,1fr);display:grid;overflow:hidden;transform:rotate(4deg)}@keyframes board-in{0%{opacity:0;transform:rotate(12deg)scale(.8)translateY(20px)}}.title-board span{border-right:1px solid var(--cell-line);border-bottom:1px solid var(--cell-line);font-family:var(--round);font-weight:900;font-size:calc(var(--tb) * .062);color:var(--given);place-items:center;line-height:1;transition:background-color .5s;display:grid}.title-board span:nth-child(9n){border-right:0}.title-board span:nth-child(n+73){border-bottom:0}.title-board span.er{border-right:max(1.5px, calc(var(--tb) * .007)) solid var(--box-line)}.title-board span.eb{border-bottom:max(1.5px, calc(var(--tb) * .007)) solid var(--box-line)}.title-board span.mine{color:var(--mine);animation:pop .35s var(--ease-spring);font-weight:800}.title-board span.cursor{background:var(--selected)}.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;padding-top:40px}.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{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));position:absolute}.chip span{display:none}.chip{justify-content:center;width:38px;padding:0}.build{display:none}}@media (orientation:landscape) and (height<=440px){.menu .card-text small,.lounge-link .card-text small{display:none}.menu .card{padding-top:6px;padding-bottom:6px}.menu .tile{width:34px;height:34px;font-size:19px}.lounge-link{padding-top:6px;padding-bottom:6px}}.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);border-radius:999px;align-items:center;margin-right:auto;padding:4px 14px 4px 4px;display:inline-flex}.player-level{background:var(--ink);height:26px;color:var(--bg);font-family:var(--round);border-radius:999px;place-items:center;padding:0 9px;font-size:12.5px;font-weight:900;display:grid}.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}.stage-levels{margin-bottom:14px}.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);white-space:nowrap;letter-spacing:-.02em;font-size:clamp(14px,4vw,19px);font-weight:900}.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)}@media (width>=720px){.stage-grid{grid-template-columns:repeat(10,1fr);gap:6px}.stage-stars{font-size:9px}}.stage.current{border-color:var(--mine);background:var(--selected);animation:1.6s ease-in-out infinite beckon}.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:30%}.pips b:nth-child(2){height:55%}.pips b:nth-child(3){height:78%}.pips b:nth-child(4){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 .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)}.ranking{flex-direction:column;gap:12px;display:flex}.ranking .segmented{margin:0}.ranking .segmented.small{align-self:center}.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:12px;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{width:32px;height:32px;font-family:var(--round);color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid}.rank-place.medal{color:#fff;box-shadow:inset 0 -2px #00000026}.rank-place.m1{background:#e8b13a}.rank-place.m2{background:#a9b2bf}.rank-place.m3{background:#cf8a55}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.rank-hints{background:var(--clue);color:color-mix(in srgb, var(--gold) 70%, var(--ink));white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.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{border:2px solid var(--box-line);background:var(--board-bg);border-radius:10px;grid-template-columns:repeat(9,1fr);width:min(100%,330px);margin:0 auto;display:grid;overflow:hidden}.fig-cell{aspect-ratio:1;border-right:1px solid var(--cell-line);border-bottom:1px solid var(--cell-line);font-family:var(--round);color:color-mix(in srgb, var(--given) 30%, transparent);place-items:center;font-size:clamp(12px,3.6vw,17px);font-weight:800;display:grid}.fig-cell:nth-child(9n){border-right:0}.fig-cell:nth-child(n+73){border-bottom:0}.fig-cell.edge-r{border-right:2px solid var(--box-line)}.fig-cell.edge-b{border-bottom:2px solid var(--box-line)}.fig-cell.in-row{background:color-mix(in srgb, var(--c-coral) 28%, transparent);color:var(--given)}.fig-cell.in-col{background:color-mix(in srgb, var(--c-blue) 28%, transparent);color:var(--given)}.fig-cell.in-box{background:color-mix(in srgb, var(--c-green) 32%, transparent);color:var(--given)}.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;--controls:clamp(190px, calc(8dvh + 140px), 212px);--gap:12px;--board:min(calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc(100dvh - var(--bar) - var(--controls) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 26px), 620px);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;touch-action:manipulation;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=expert]{background:var(--c-purple)}.game-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.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[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;justify-content:center;align-items:center;gap:clamp(10px,2dvh,22px);min-height:0;padding:4px 10px 12px;display:flex}.board-wrap{width:var(--board);height:var(--board);flex:none;position:relative}.board{border:2.5px solid var(--box-line);background:var(--board-bg);width:100%;height:100%;box-shadow:var(--shadow-lift);cursor:pointer;border-radius:14px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);transition:filter .3s;display:grid;overflow:hidden}.is-paused .board{filter:blur(14px)saturate(.6)}.cell{border-right:1px solid var(--cell-line);border-bottom:1px solid var(--cell-line);place-items:center;transition:background-color .14s;display:grid;position:relative}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.edge-r{border-right:2px solid var(--box-line)}.cell.edge-b{border-bottom:2px solid var(--box-line)}.cell.related{background:var(--related)}.cell.same{background:var(--same)}.cell.selected{background:var(--selected)}.cell.wrong{background:var(--wrong-bg)}.cell.clue{background:var(--clue)}.cell .v{z-index:1;font-family:var(--round);font-weight:800;font-size:calc(var(--board) * .066);color:var(--mine);line-height:1;position:relative}.cell.given .v{color:var(--given);font-weight:900}.cell.wrong .v{color:var(--wrong)}.cell.owned[data-colour="0"] .v{color:var(--p0)}.cell.owned[data-colour="1"] .v{color:var(--p1)}.cell.owned[data-colour="2"] .v{color:var(--p2)}.cell.owned[data-colour="3"] .v{color:var(--p3)}.cell.owned.wrong .v{color:var(--wrong);text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:6%}.n{font-family:var(--font);font-weight:600;font-size:calc(var(--board) * .026);color:var(--note);visibility:hidden;place-items:center;line-height:1;display:grid}.n.on{visibility:visible}.n.lit{color:#fff;background:var(--mine);border-radius:30%}.cell.filled .notes{display:none}.cell.partner:after{content:"";border:2.5px solid var(--p0);z-index:2;pointer-events:none;animation:ring-in .25s var(--ease-out);border-radius:5px;position:absolute;inset:1px}.cell.partner:before{content:attr(data-name);background:var(--p0);color:#fff;max-width:100%;font-size:max(8px, calc(var(--board) * .016));white-space:nowrap;z-index:3;pointer-events:none;border-bottom-right-radius:5px;padding:1px 4px 2px 3px;font-weight:700;line-height:1.1;position:absolute;top:0;left:0;overflow:hidden}.cell[data-partner="1"]:after{border-color:var(--p1)}.cell[data-partner="1"]:before{background:var(--p1)}.cell[data-partner="2"]:after{border-color:var(--p2)}.cell[data-partner="2"]:before{background:var(--p2)}.cell[data-partner="3"]:after{border-color:var(--p3)}.cell[data-partner="3"]:before{background:var(--p3)}@keyframes ring-in{0%{opacity:0;transform:scale(1.3)}}.cell.hinted{background:var(--clue);box-shadow:inset 0 0 0 3px var(--c-yellow);animation:1.4s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{box-shadow:inset 0 0 0 5px var(--c-yellow)}}.cell.pop .v{animation:pop .32s var(--ease-spring)}@keyframes pop{0%{opacity:.3;transform:scale(.35)}}.cell.shake{animation:.42s shake}@keyframes shake{15%,55%{transform:translate(-4px)}35%,75%{transform:translate(4px)}}.cell.blink{animation:.3s blink}@keyframes blink{0%{background-color:color-mix(in srgb, var(--c-blue) 30%, transparent)}}.cell.wave{animation:.8s both wave;animation-delay:var(--d,0s)}.cell.wave .v{animation:wave-digit .6s var(--ease-spring) both;animation-delay:var(--d,0s)}@keyframes wave{30%{background-color:var(--wave)}}@keyframes wave-digit{35%{transform:scale(1.22)translateY(-6%)}}.cell.lift .v{animation:lift .8s var(--ease-spring) both;animation-delay:var(--d,0s)}@keyframes lift{35%{color:var(--gold);transform:translateY(-14%)scale(1.25)}}.cell.finale{animation:1.2s both finale;animation-delay:var(--d,0s)}.cell.finale .v{animation:finale-digit .9s var(--ease-spring) both;animation-delay:var(--d,0s)}@keyframes finale{25%{background-color:var(--wave)}60%{background-color:color-mix(in srgb, var(--c-green) 18%, transparent)}}@keyframes finale-digit{30%{transform:scale(1.35)rotate(-6deg)}60%{transform:scale(.95)}}.cell.deal{animation:deal .5s var(--ease-out) both;animation-delay:var(--d,0s)}.cell.deal .v,.cell.deal .notes{animation:deal-digit .55s var(--ease-spring) both;animation-delay:calc(var(--d,0s) + .12s)}@keyframes deal{0%{opacity:0;transform:scale(.82)}}@keyframes deal-digit{0%{opacity:0;transform:scale(.4)}}.solved .board{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-yellow) 55%, transparent), var(--shadow-lift)}:root[data-calm] .cell,:root[data-calm] .cell .v,:root[data-calm] .cell.hinted{animation:none!important}.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}@keyframes fade{0%{opacity:0}}.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}}.game{--coach-h:0px}.game.tutoring{--coach-h:104px;--controls:calc(clamp(190px, calc(8dvh + 140px), 212px) + var(--coach-h))}.coach{background:var(--surface);box-shadow:var(--shadow), 0 0 0 2px color-mix(in srgb, var(--c-purple) 55%, transparent);max-height:calc(var(--coach-h) - 10px);border-radius:14px;order:-1;padding:11px 14px 9px;overflow-y:auto}.coach.in{animation:coach-in .4s var(--ease-spring)}@keyframes coach-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.coach p{margin:0;font-size:13.5px;font-weight:700;line-height:1.5}.coach-foot{justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.coach-foot .button{min-height:34px;padding:0 14px;font-size:13px}.coach-dots{gap:5px;margin-right:auto;display:flex}.coach-dots i{background:var(--surface-hover);border-radius:50%;width:7px;height:7px}.coach-dots i.on{background:var(--c-purple)}.coach-skip{color:var(--muted);padding:6px 8px;font-size:12.5px;font-weight:700}.coach.final{box-shadow:var(--shadow), 0 0 0 2px color-mix(in srgb, var(--c-green) 70%, transparent)}@media (width>=600px) and (aspect-ratio<=1){.game.tutoring{--coach-h:112px;--controls:calc(230px + var(--coach-h))}.coach p{font-size:15px}}@media (aspect-ratio>=1) and (width>=720px){.game.tutoring{--coach-h:160px}.coach{max-height:none}.coach p{font-size:15px;line-height:1.6}}@media (orientation:landscape) and (height<=560px){.game.tutoring{--coach-h:78px}.game.tutoring .key{height:calc((100dvh - var(--bar) - 108px - var(--coach-h)) / 3)}.coach{border-radius:12px;padding:7px 10px 6px}.coach p{font-size:12px;line-height:1.4}.coach-foot{margin-top:3px}.coach-foot .button{min-height:28px;padding:0 10px;font-size:12px}.coach-skip{padding:2px 6px;font-size:11.5px}}.coach-target{animation:1.3s ease-in-out infinite beckon;position:relative;color:var(--c-purple)!important}.coach-target:after{content:"";border:2.5px solid var(--c-purple);pointer-events:none;border-radius:15px;position:absolute;inset:-3px}@keyframes beckon{50%{transform:translateY(-3px)}}.controls{width:var(--board);flex-direction:column;flex:none;gap:10px;display:flex}.tools{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tool{color:var(--ink);border-radius:13px;flex-direction:column;align-items:center;gap:3px;padding:7px 0 6px;font-size:12px;font-weight:700;transition:background .15s,color .15s,transform .12s;display:flex;position:relative}.tool:hover{background:rgb(var(--ink-rgb) / .06)}.tool:active{transform:scale(.94)}.tool:disabled{opacity:.35}.tool svg{width:25px;height:25px}.tool .switch{background:var(--surface-hover);border-radius:999px;width:22px;height:13px;transition:background .2s;position:absolute;top:4px;right:calc(50% - 30px)}.tool .switch:after{content:"";width:9px;height:9px;transition:transform .2s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.tool[aria-pressed=true]{color:var(--mine)}.tool[aria-pressed=true] .switch{background:var(--mine)}.tool[aria-pressed=true] .switch:after{transform:translate(9px)}.pad{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.key{background:var(--surface);height:clamp(54px,8dvh,76px);box-shadow:0 2px 0 var(--line), var(--shadow);color:var(--mine);border-radius:13px;place-items:center;transition:transform .1s,opacity .25s,background .15s;display:grid;position:relative}.key b{font-family:var(--round);font-size:30px;font-weight:800;line-height:1;transition:font-size .15s}.key{grid-template-rows:1fr auto;padding:6px 0 5px}.key small{color:var(--muted);min-height:10px;font-size:10px;font-weight:700;line-height:1}.key:hover{background:var(--surface-2)}.key:active{box-shadow:var(--shadow);transform:translateY(2px)scale(.96)}.pad.noting .key b{font-family:var(--font);color:var(--note);font-size:19px;font-weight:600}.pad.noting .key{background:var(--surface-2)}.key.chosen{background:var(--mine);color:#fff}.key.chosen small{color:#fffc}.key.done{opacity:.28}.key.done-now{animation:key-done .8s var(--ease-spring)}@keyframes key-done{30%{background:var(--c-yellow);color:#fff;opacity:1;transform:translateY(-8px)scale(1.12)}}.hint-panel{z-index:6;background:var(--surface);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:8px;left:8px;right:8px}.hint-panel.top{top:8px;bottom:auto}.hint-panel.in{animation:coach-in .35s var(--ease-spring)}.hint-panel p{font-size:clamp(13px, calc(var(--board) * .032), 16px);margin:0;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}.ad-mark{width:18px;height:18px;display:none}.with-ad .ad-mark{display:block}.cell.focus:not(.selected,.clue,.wrong,.hinted){background:color-mix(in srgb, var(--c-yellow) 16%, var(--board-bg))}.ad-actions{flex-direction:column;gap:10px;display:flex}.ad-test{z-index:70;background:#0a0c10db;place-items:center;animation:.25s fade;display:grid;position:fixed;inset:0}.ad-box{background:var(--surface);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:min(360px,100vw - 40px);padding:24px;display:flex}.ad-label{color:var(--muted);letter-spacing:.1em;margin:0;font-size:12px;font-weight:700}.ad-art{aspect-ratio:16/9;background:repeating-linear-gradient(45deg, var(--surface-2) 0 14px, var(--surface-hover) 14px 28px);border-radius:12px;width:100%}.ad-count{min-height:28px;font-family:var(--round);margin:0;font-size:24px;font-weight:900}@media (aspect-ratio>=1) and (width>=720px){.game{--side:clamp(260px, 29vw, 380px);--board:min(calc(100dvh - var(--bar) - 44px - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(100vw - var(--side) - 100px), 780px)}.play{flex-direction:row;justify-content:center;align-items:center;gap:clamp(20px,3.5vw,48px);padding:6px 24px 24px}.controls{width:var(--side);gap:16px}.pad{grid-template-columns:repeat(3,1fr);gap:9px}.key{aspect-ratio:1.12;border-radius:16px;grid-template-rows:1fr;height:auto;padding:0}.key small{font-size:11px;position:absolute;top:8px;right:10px}.key b{font-size:clamp(30px,3vw,40px)}.pad.noting .key b{font-size:clamp(22px,2.2vw,28px)}.tools{gap:8px}.tool{background:var(--surface);box-shadow:var(--shadow);padding:10px 0 8px}.tool:hover{background:var(--surface-2)}}@media (width>=600px) and (aspect-ratio<=1){.game{--controls:230px;--board:min(calc(100vw - 48px), calc(100dvh - var(--bar) - var(--controls) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px), 720px)}.key{border-radius:16px;height:clamp(64px,8dvh,92px)}.key b{font-size:clamp(32px,4vw,42px)}.key small{font-size:12px}.tool svg{width:28px;height:28px}.tool{font-size:13px}}@media (orientation:landscape) and (height<=520px){.game{--bar:46px;--board:min(calc(100dvh - var(--bar) - 14px - env(safe-area-inset-bottom)), calc(100vw - 340px))}.play{flex-direction:row;justify-content:center;gap:18px;padding:0 12px 8px}.controls{gap:6px;width:290px}.pad{grid-template-columns:repeat(3,1fr);gap:5px}.key{height:calc((100dvh - var(--bar) - 100px) / 3);grid-template-rows:1fr;max-height:64px;padding:0}.key small{position:absolute;top:5px;right:7px}.tool span{display:none}}@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}}@media (width<=380px){.controls{width:calc(100vw - 10px - env(safe-area-inset-left) - env(safe-area-inset-right))}.pad{gap:3px}.key{height:54px}.key b{font-size:26px}.game-sub{display:none}}.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%)}}}.account-row{background:var(--selected);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:6px 0 4px;padding:12px 14px;display:flex}.account-row.signed{background:var(--surface-hover)}.account-text{flex-direction:column;gap:2px;min-width:0;font-size:15px;display:flex}.account-text small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.account-row .button{flex:none;min-height:40px;text-decoration:none}.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%);padding:18px 22px;display:grid}.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{flex-direction:row;grid-area:actions;align-self:end}.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{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin:6px 0 20px;display:grid}.result-facts dt{color:var(--muted);grid-row:2;font-size:12px;font-weight:700}.result-facts dd{font-family:var(--round);font-variant-numeric:tabular-nums;grid-row:1;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){object-fit:contain;height:100%;animation-duration:.7s}::view-transition-new(*.lounge){object-fit:contain;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}.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-name{font-family:var(--round);margin:0;font-size:22px;font-weight:900}.week-stats{background:var(--surface-2);text-align:center;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 16px;padding:12px 6px;display:grid}.week-stat{flex-direction:column-reverse;gap:2px;display:flex}.week-stat dt{color:var(--muted);font-size:11.5px;font-weight:700}.week-stat dd{font-family:var(--round);margin:0;font-size:17px;font-weight:900}.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}.how-guide{color:var(--c-blue);margin-top:12px;font-weight:700;text-decoration:none;display:block}.how-guide:hover{text-decoration:underline}.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)}}