*,:before,:after{box-sizing:border-box}:root{--ink:#f2f2f7;--ink-dim:#9d9daa;--bg:#0e0e13;--surface:#1a1a24;--line:#2e2e3c;--board-bg:#14141a;--cell-bg:#23232e;--yellow:#f5c518;--yellow-soft:#4a3f14;--red:#d94a3d;--green:#4a9d5f;--magenta:#b455c8}html,body{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100%}.game{--pad:8px;--gap:3px;--cell-w:calc((100vw - 2 * var(--pad) - 7 * var(--gap)) / 8);--card:min(calc(var(--cell-w) * 1.15), 64px);padding-top:max(var(--pad), env(safe-area-inset-top,0px));padding-right:var(--pad);padding-bottom:max(var(--pad), env(safe-area-inset-bottom,0px));padding-left:var(--pad);background:var(--board-bg);flex-direction:column;justify-content:safe center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow:hidden}.board{--cell:min((100cqw - 7 * var(--gap)) / 8, (100cqh - 10 * var(--gap)) / 11);grid-template-columns:repeat(8, var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);display:grid}.cell{background:var(--cell-bg);width:100%;height:100%;color:var(--ink);font-size:calc(var(--cell) * .5);border:2px solid #0000;border-radius:6px;padding:0;font-weight:600;line-height:1}.cell[data-state=target]{background:var(--yellow-soft);border-color:var(--yellow)}.cell[data-state=placeable]{border-color:#3d3d4d}.cell[data-state=valid]{background:var(--yellow);color:#1a1a1a}.cell[data-state=invalid]{background:var(--red)}.cell[data-state=unfinished]{background:var(--yellow-soft);color:var(--ink);border-color:#e8903a}.cell[data-state=opponent]{background:var(--magenta)}.cell{position:relative}.run-total{z-index:2;color:#1a1a1a;font-size:max(11px, calc(var(--cell) * .28));white-space:nowrap;pointer-events:none;background:#e8903a;border-radius:999px;padding:1px 4px;font-weight:700;line-height:1.2;position:absolute;right:-7px}.run-total[data-axis=x]{top:-7px}.run-total[data-axis=y]{bottom:-7px}.run-total[data-over=true]{background:var(--red);color:var(--ink)}.cell[data-state=opening]:active,.cell[data-state=settled]:active{transform:none}.hand{min-height:var(--card);gap:8px;display:flex}.hand-slot{width:var(--card);height:var(--card);border:2px dashed #2f2f3d;border-radius:8px}.hand-card{width:var(--card);height:var(--card);color:var(--ink);font-size:calc(var(--card) * .48);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#454556,#34343f);border:2px solid #0000;border-radius:8px;font-weight:600;position:relative;box-shadow:0 3px #101016,0 6px 12px #00000059}.hand-card[data-dragging=true]{opacity:.3}.drag-ghost{z-index:50;width:var(--card);height:var(--card);border:2px solid var(--yellow);background:var(--cell-bg);color:var(--ink);font-size:calc(var(--card) * .48);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex;position:fixed;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 8px 20px #00000073}.drag-ghost[data-snapped=true]{transform:translate(-50%,-50%)scale(.92);box-shadow:0 4px 12px #0006}.score-burst{z-index:45;pointer-events:none;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:flex;position:fixed;transform:translate(-50%,-50%)}.burst-working{color:var(--ink);background:#0e0e13d9;border-radius:6px;margin-bottom:2px;padding:2px 8px;font-size:15px;font-weight:600;animation:1.5s ease-out both burst-working}.burst-total{--o:2px;--ol:#0e0e13;color:var(--yellow);letter-spacing:-.02em;text-shadow:calc(var(--o) * -1) calc(var(--o) * -1) 0 var(--ol), 0 calc(var(--o) * -1) 0 var(--ol), var(--o) calc(var(--o) * -1) 0 var(--ol), var(--o) 0 0 var(--ol), var(--o) var(--o) 0 var(--ol), 0 var(--o) 0 var(--ol), calc(var(--o) * -1) var(--o) 0 var(--ol), calc(var(--o) * -1) 0 0 var(--ol), 0 3px 12px #000000b3;font-weight:800;line-height:1}.score-burst[data-tier=small] .burst-total{font-size:26px;animation:1.4s ease-out both burst-float}.score-burst[data-tier=big] .burst-total{--o:2.5px;font-size:40px;animation:1.55s ease-out both burst-land}.score-burst[data-tier=huge] .burst-total{--o:3px;font-size:56px;animation:2s ease-out both burst-land-huge}.burst-word{color:var(--ink);letter-spacing:.02em;text-transform:uppercase;text-shadow:-2px -2px #0e0e13,2px -2px #0e0e13,-2px 2px #0e0e13,2px 2px #0e0e13,0 2px 8px #000000b3;margin-top:2px;font-size:18px;font-weight:800;animation:2s ease-out both burst-word}.burst-sparks{position:absolute;top:50%;left:50%}.burst-sparks span{background:var(--yellow);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;animation:.9s ease-out both burst-spark;position:absolute}@keyframes burst-float{0%{opacity:0;transform:translateY(8px)scale(.8)}14%{opacity:1;transform:translateY(0)scale(1)}79%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}@keyframes burst-working{0%{opacity:0;transform:translateY(6px)}11%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes burst-land{0%{opacity:0;transform:scale(.5)}19%{opacity:1;transform:scale(1.25)}30%{transform:scale(1)}81%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-30px)}}@keyframes burst-land-huge{0%{opacity:0;transform:scale(.4)rotate(-6deg)}18%{opacity:1;transform:scale(1.35)rotate(2deg)}29%{transform:scale(.95)rotate(0)}38%{transform:scale(1.05)}84%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-34px)}}@keyframes burst-word{0%,16%{opacity:0;transform:scale(.6)}28%{opacity:1;transform:scale(1.1)}84%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-24px)}}@keyframes burst-spark{0%{transform:rotate(var(--angle)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translateY(-70px) scale(.3);opacity:0}}@keyframes board-jolt-a{0%,to{transform:translate(0)}30%{transform:translate(-3px,2px)}60%{transform:translate(3px,-1px)}}@keyframes board-jolt-b{0%,to{transform:translate(0)}30%{transform:translate(3px,2px)}60%{transform:translate(-3px,-1px)}}.game[data-jolt="0"] .board{animation:.26s ease-out board-jolt-a}.game[data-jolt="1"] .board{animation:.26s ease-out board-jolt-b}.drag-demo{z-index:40;pointer-events:none;position:fixed;inset:0}.drag-demo-card,.drag-demo-finger{left:var(--x0);top:var(--y0);animation:2.6s ease-in-out infinite demo-carry;position:absolute}.drag-demo-card{width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border:2px solid var(--yellow);background:var(--cell-bg);color:var(--ink);font-size:calc(var(--size) * .5);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 6px 16px #00000073}.drag-demo-finger{width:28px;height:28px;margin:calc(var(--size) / 2 - 10px) 0 0 -14px;background:#f2f2f7e6;border-radius:50%;animation-name:demo-finger;box-shadow:0 0 0 6px #f2f2f740}@keyframes demo-carry{0%{opacity:0;transform:translate(0)}12%{opacity:1;transform:translate(0)}24%{opacity:1;transform:translate(0)}68%{transform:translate(var(--dx), var(--dy));opacity:1}84%{transform:translate(var(--dx), var(--dy));opacity:1}to{transform:translate(var(--dx), var(--dy));opacity:0}}@keyframes demo-finger{0%{opacity:0;transform:translate(0)scale(1.2)}12%{opacity:1;transform:translate(0)scale(1)}24%{opacity:1;transform:translate(0)scale(.85)}68%{transform:translate(var(--dx), var(--dy)) scale(.85);opacity:1}84%{transform:translate(var(--dx), var(--dy)) scale(1.15);opacity:.6}to{transform:translate(var(--dx), var(--dy)) scale(1.3);opacity:0}}.cell[data-drop=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}@keyframes hand-nudge{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.hand-card[data-nudge=true]{animation:.38s ease-out hand-nudge}.hand-card[data-nudge=true]:nth-child(2){animation-delay:40ms}.hand-card[data-nudge=true]:nth-child(3){animation-delay:80ms}.hand-card[data-nudge=true]:nth-child(4){animation-delay:.12s}.hand-card[data-nudge=true]:nth-child(5){animation-delay:.16s}.hand-card[aria-pressed=true]{border-color:var(--yellow);transform:translateY(-6px)}.actions{width:100%;max-width:calc(8 * var(--cell-w) + 7 * var(--gap));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.actions button{background:var(--cell-bg);color:var(--ink);border:none;border-radius:8px;flex:1;padding:5px 12px;font-size:14px;position:relative}.actions button:after{content:"";position:absolute;inset:-8px -6px}.actions button:not(:disabled):active{background:#34343f}.actions button:disabled,.actions button[data-mode=broken],.actions button[data-mode=held]{opacity:.4}.actions .resign{border:1px solid var(--line);background:var(--cell-bg);width:84px;color:var(--ink);text-align:center;flex:none;padding:5px 0;font-size:13px}.actions .resign[data-confirming=true]{border-color:var(--red);background:var(--red);color:#fff;font-weight:600}.hint{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;min-width:0;margin:0;font-size:15px;line-height:20px;overflow:hidden}.turn{opacity:.7;flex:none;font-size:14px}.turn[data-yours=true]{opacity:1;color:var(--yellow);font-weight:700}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0a0a0ef0;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}.overlay h2{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.overlay[data-outcome=player] h2{color:var(--yellow)}.result{gap:28px;margin:8px 0 4px;display:flex}.result-side{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.result-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px;margin-bottom:4px}.result-side[data-winner=false] .result-avatar{opacity:.55}.result-name{max-width:12ch;color:var(--ink-dim);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.result-score{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1}@keyframes score-land{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.result-side[data-winner=true] .result-score{color:var(--yellow);animation:.42s ease-out .62s both score-land}.record{color:var(--yellow);margin:0;font-weight:700;animation:.42s ease-out .7s both score-land}.result-side[data-winner=true] .result-score{color:var(--ink)}.result-side[data-winner=false] .result-score{opacity:.45}.overlay[data-outcome=player] .result-side[data-winner=true] .result-score{color:var(--yellow)}.overlay-actions{flex-direction:column;gap:8px;width:100%;max-width:260px;margin-top:14px;display:flex}.muted{opacity:.6;font-size:14px}.seed{opacity:.35;font-size:11px}.board-area{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;container-type:size}.coach{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1e2ae6;border:1px solid #3a3a4a;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex;position:absolute;bottom:6px;left:0;right:0;box-shadow:0 4px 16px #00000059}.coach p{margin:0;font-size:13px;line-height:1.3}.coach-side{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.coach p{white-space:pre-line}.coach-progress{align-items:center;gap:4px;display:flex}.coach-pip{background:var(--line);border-radius:50%;width:5px;height:5px}.coach-pip:last-child:not([data-done=true]){box-shadow:inset 0 0 0 1.5px var(--yellow);background:0 0;width:7px;height:7px}.coach-pip[data-done=true]{background:var(--yellow)}@keyframes pip-final{0%,to{box-shadow:inset 0 0 0 1.5px var(--yellow), 0 0 0 0 #f5c51899;transform:scale(1)}50%{box-shadow:inset 0 0 0 1.5px var(--yellow), 0 0 0 4px #f5c51800;transform:scale(1.35)}}.coach-progress[data-final=true] .coach-pip:last-child{animation:1.1s ease-in-out infinite pip-final}@keyframes pip-done{0%{transform:scale(1);box-shadow:0 0 #f5c518b3}40%{transform:scale(2.2);box-shadow:0 0 0 4px #f5c51859}to{transform:scale(1);box-shadow:0 0 0 7px #f5c51800}}.coach-pip[data-just=true]{animation:.52s ease-out pip-done}.coach-skip{color:var(--ink);opacity:.55;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px}.hand-card[data-locked=true]{opacity:.35}@keyframes end-turn-pulse{0%,to{transform:translate(0)scale(1)}20%{transform:translate(-5px)scale(1.04)}40%{transform:translate(5px)scale(1.04)}60%{transform:translate(-3px)scale(1.02)}80%{transform:translate(3px)scale(1.02)}}.actions button[data-pulse=true]{animation:.48s ease-out end-turn-pulse}@keyframes refuse-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.hand-card[data-shake=true],.cell[data-shake=true]{animation:.32s ease-in-out refuse-shake}@keyframes coach-arrow{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,12px)}}.actions button[data-hint=true]:before,.hand-card[data-hint=true]:not([aria-pressed=true]):before{content:"↓";color:var(--yellow);-webkit-text-stroke:1.2px currentColor;pointer-events:none;z-index:2;font-size:24px;line-height:1;animation:1.4s ease-in-out infinite coach-arrow;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes coach-ring{0%,to{box-shadow:0 0 #f0c8508c}50%{box-shadow:0 0 0 5px #f0c85000}}.hand-card[data-hint=true],.actions button[data-hint=true]{border:2px solid var(--yellow);animation:1.4s ease-out infinite coach-ring}@keyframes pip-land{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.pip{animation:.15s ease-out pip-land;display:inline-block}@keyframes opponent-ring{0%{box-shadow:0 0 0 0 var(--magenta)}to{box-shadow:0 0 0 10px #b455c800}}.cell[data-state=opponent]{animation:.6s ease-out opponent-ring}@keyframes invalid-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cell[data-state=invalid]{animation:.22s ease-in-out invalid-shake}@keyframes cell-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.board.entering .cell{animation:.26s ease-out backwards cell-enter;animation-delay:calc(var(--i) * 4ms)}@keyframes overlay-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.overlay>*{animation:.24s ease-out backwards overlay-in}.overlay h2{animation-delay:60ms}@keyframes coach-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.coach p{animation:.22s ease-out coach-in}.cell:active,.btn:not(:disabled):active,.segmented button:active,.overlay-actions button:active,.hand-card:active{transform:scale(.95)}.hand-card[aria-pressed=true]:active{transform:translateY(-6px)scale(.95)}@keyframes score-flash{0%,to{box-shadow:0 0 #f0c85000}40%{box-shadow:0 0 0 6px #f0c8508c}}.cell[data-flash=true]{animation:.6s ease-out score-flash}@media (prefers-reduced-motion:reduce){.pip,.cell[data-state=opponent],.cell[data-state=invalid],.cell[data-flash=true],.board.entering .cell,.overlay>*,.coach p{animation:none}.cell:active,.btn:not(:disabled):active,.segmented button:active,.overlay-actions button:active,.hand-card:active{transform:none}.drag-demo{display:none}.burst-total,.burst-working,.burst-word,.burst-sparks span,.game[data-jolt] .board{animation:none!important}.burst-sparks{display:none}.hand-card[data-hint=true],.coach-progress[data-final=true] .coach-pip:last-child,.first-win,.first-win-star,.actions button[data-hint=true],.actions button[data-hint=true]:before,.actions button[data-pulse=true],.hand-card[data-shake=true],.hand-card[data-nudge=true],.cell[data-shake=true],.result-side[data-winner=true] .result-score,.record,.hand-card[data-hint=true]:not([aria-pressed=true]):before{animation:none}.hand-card[aria-pressed=true]:active{transform:translateY(-6px)}}.auth{width:100%;max-width:320px;padding:var(--pad);flex-direction:column;gap:8px;margin:auto;display:flex}.auth label{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.auth input{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:10px;padding:12px;font-size:16px}.auth input:focus-visible{border-color:var(--yellow);outline:none}.auth button{background:var(--yellow);color:#1a1a1a;font:inherit;border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:15px;font-weight:600}.auth button:disabled{opacity:.4}.account{width:100%;max-width:340px;min-height:100%;padding:max(40px, env(safe-area-inset-top) + 24px) 20px max(24px, env(safe-area-inset-bottom) + 16px);flex-direction:column;margin:0 auto;display:flex}.account-title{letter-spacing:-.02em;text-align:center;margin:0 0 20px;font-size:26px;font-weight:700}.stats{margin:0 0 22px}.stats-figures{gap:8px;margin-bottom:14px;display:flex}.stats-figure{background:var(--surface);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 6px;display:flex}.stats-value{letter-spacing:-.02em;font-size:22px;font-weight:700}.stats-label{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.stats-recent{margin:0;padding:0;list-style:none}.stats-recent li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 2px;font-size:14px;display:flex}.stats-recent li[data-outcome=won] .stats-score{color:var(--yellow)}.stats-recent li[data-outcome=lost] .stats-score{opacity:.5}.stats-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stats-score{flex:none;font-weight:600}.stats-empty{color:var(--ink-dim);margin:0 0 22px;font-size:13px;line-height:1.45}.account .auth{max-width:none;margin:0;padding:0 0 20px}.account .auth-name button{border:1px solid var(--line);color:var(--ink);background:0 0;font-weight:600}.account h2{margin:8px 0 0;font-size:17px;font-weight:600}.account-note{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.45}.account>.btn-quiet{margin-top:auto}.auth .auth-switch{color:var(--ink-dim);background:0 0;margin-top:0;font-weight:400}.auth-error{color:var(--red);margin:0;font-size:14px}.auth-ok{color:var(--green);margin:0;font-size:14px}.menu{width:100%;max-width:340px;min-height:100%;padding:max(12px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom) + 16px);text-align:center;flex-direction:column;align-items:center;gap:34px;margin:0 auto;display:flex;position:relative}.brand{flex-direction:column;align-items:center;gap:14px;margin-top:auto;display:flex}.brand-mark{mix-blend-mode:screen;width:72px;height:72px}.brand-name{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:700}.brand-rule{max-width:24ch;color:var(--ink-dim);text-wrap:balance;margin:0;font-size:15px;line-height:1.4}.install{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 10px 8px 14px;display:flex}.install-link{color:var(--ink);flex:1;font-size:14px;text-decoration:none}.menu .install-close{width:28px;height:28px;color:var(--ink-dim);background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:18px;line-height:1}.ongoing{width:100%;margin-bottom:4px}.ongoing-title,.profile>.auth-name label,.profile>.sheet-field .sheet-label{color:var(--ink);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.ongoing ul{margin:0;padding:0;list-style:none}.ongoing li+li{margin-top:6px}.finished{width:100%;margin-bottom:14px}.finished-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:baseline;gap:10px;margin-bottom:6px;padding:12px 14px;display:flex}.finished-row[data-outcome=won]{border-color:var(--green)}.finished-row[data-outcome=lost]{border-color:var(--red)}.finished-outcome{font-weight:700}.finished-row[data-outcome=won] .finished-outcome{color:var(--green)}.finished-row[data-outcome=lost] .finished-outcome{color:var(--red)}.finished-row[data-outcome=draw] .finished-outcome{color:var(--ink-dim)}.finished-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-dim);flex:auto;overflow:hidden}.finished-score{font-variant-numeric:tabular-nums;flex:none}.ongoing-item{align-items:stretch;gap:6px;display:flex}.ongoing-remove{border:1px solid var(--line);width:44px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:0;font-size:20px;line-height:1}.ongoing-remove:active{color:var(--red);border-color:var(--red)}.ongoing-row{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;padding:12px 14px;font-size:15px;font-weight:400;display:flex}.ongoing-row[data-state=yourTurn]{border-color:var(--yellow);background:#f5c5181a}.ongoing-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.ongoing-note{min-height:1em;color:var(--ink-dim);text-align:left;font-size:12px}.ongoing-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ongoing-state{color:var(--ink-dim);flex:none;font-size:13px}.ongoing-row[data-state=yourTurn] .ongoing-state{color:var(--yellow)}.ongoing-row[data-state=invited] .ongoing-state{color:var(--ink);letter-spacing:.08em;font-weight:700}.menu-actions{flex-direction:column;gap:26px;width:100%;margin-bottom:auto;display:flex}.menu-group{flex-direction:column;gap:10px;width:100%;display:flex}.btn-with-icon{justify-content:center;align-items:center;gap:8px;display:flex}.btn-icon{flex:none;width:18px;height:18px}.btn{width:100%;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;padding:16px;font-size:16px;font-weight:600}.btn-primary{background:var(--yellow);color:#1a1a1a}.btn-ghost{border-color:var(--line)}.btn-quiet{color:var(--ink-dim);font-weight:400}.btn:disabled{opacity:.4}.levels{flex-direction:column;align-items:center;gap:6px;display:flex}.levels-label{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.segmented{background:var(--surface);border-radius:10px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--ink-dim);font:inherit;background:0 0;border:none;border-radius:7px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .12s,color .12s}.segmented button[aria-pressed=true]{background:var(--cell-bg);color:var(--ink)}.levels .segmented{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.level-avatar-friend{border:2px dashed var(--ink-dim);color:var(--ink-dim);justify-content:center;align-items:center;font-size:28px;font-weight:400;line-height:1;display:flex}.levels .segmented button{flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 6px;display:flex}.level-avatar{object-fit:cover;opacity:.6;border-radius:50%;width:56px;height:56px;transition:opacity .12s}.segmented button[aria-pressed=true] .level-avatar{opacity:1;box-shadow:0 0 0 2px var(--yellow)}.level-name{white-space:nowrap;font-size:13px}.level-grade{opacity:.7;font-size:11px;font-weight:500}.menu-searching{color:var(--ink-dim);margin:0;padding:16px;font-size:16px;animation:1.6s ease-in-out infinite searching-pulse}@keyframes searching-pulse{50%{opacity:.45}}.menu-foot{flex-direction:column;align-items:center;gap:6px;margin-top:auto;display:flex}.menu-name{color:var(--ink);font:inherit;text-underline-offset:4px;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:600;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.menu-name:disabled{opacity:.5;text-decoration:none}.menu-build{color:var(--ink-dim);opacity:.5;letter-spacing:.02em;margin:2px 0 0;font-size:11px}.menu-note{max-width:28ch;color:var(--ink-dim);text-align:center;text-wrap:balance;align-self:center;margin:0;font-size:13px;line-height:1.4}@media (prefers-reduced-motion:reduce){.menu-searching{animation:none}.segmented button{transition:none}}.sheet{z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim{z-index:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0e99;border:none;position:absolute;inset:0}.sheet-body{z-index:1;width:100%;max-width:400px;padding:18px 16px max(18px, env(safe-area-inset-bottom) + 12px);background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;gap:8px;animation:.2s ease-out sheet-in;display:flex;position:relative}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sheet-title{margin:0 0 6px;font-size:17px;font-weight:700}.sheet-row{border:1px solid var(--line);background:var(--cell-bg);color:var(--ink);font:inherit;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;font-size:15px;display:flex}.sheet-danger{color:var(--red)}.sheet-danger[data-confirming=true]{border-color:var(--red);background:var(--red);color:#fff;font-weight:600}.sheet-field{flex-direction:column;gap:8px;padding:4px 0 8px;display:flex}.sheet-label{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.sheet-field .segmented{width:100%}.sheet-field .segmented button{flex:1}.sheet-row:disabled{color:var(--ink-dim)}.invite-code{border:1px solid var(--line);background:var(--cell-bg);letter-spacing:.18em;text-align:center;border-radius:10px;margin:4px 0 10px;padding:14px;font-size:28px;font-weight:700}.sheet-note{color:var(--ink-dim);margin:0 0 4px;font-size:13px;line-height:1.45}.sheet-primary{border-color:var(--yellow);background:var(--yellow);color:#1a1a1a;justify-content:center;font-weight:600}.menu-warning{color:var(--red)}.sheet-close{color:var(--ink-dim);font:inherit;background:0 0;border:none;border-radius:10px;margin-top:4px;padding:12px;font-size:15px}@media (prefers-reduced-motion:reduce){.sheet-body{animation:none}}.scoreboard{width:100%;max-width:calc(8 * var(--cell-w) + 7 * var(--gap));align-items:stretch;gap:8px;display:flex}.side{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:6px 8px;transition:border-color .15s,background-color .15s;display:flex}.side[data-active=true]{border-color:var(--yellow);background:#f5c5181a;animation:.5s ease-out side-wake}.side[data-active=false]{opacity:.6}.side[data-align=right]{flex-direction:row-reverse}.side[data-align=right] .side-info{align-items:flex-end}.side[data-align=right] .side-figures{flex-direction:row-reverse}.side-avatar{object-fit:cover;background:var(--cell-bg);border-radius:50%;flex:none;width:36px;height:36px}.side[data-active=true] .side-avatar{box-shadow:0 0 0 2px var(--yellow)}.side-avatar-you{background:radial-gradient(circle at 50% 38%, var(--ink-dim) 0 22%, transparent 23%), radial-gradient(ellipse 42% 30% at 50% 100%, var(--ink-dim) 0 98%, transparent 100%), var(--cell-bg)}.side-avatar-letter{color:var(--ink);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.side-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.side-name{color:var(--ink-dim);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.side[data-active=true] .side-name{color:var(--yellow)}.side-dot{background:var(--yellow);border-radius:50%;flex:none;width:6px;height:6px}.side-figures{align-items:baseline;gap:8px;display:flex}.side-score{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.1}.side-deck{color:var(--ink-dim);flex:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.side-deck-mark{width:8px;height:11px;box-shadow:2px -2px 0 -1px var(--surface), 2px -2px 0 currentColor;border:1px solid;border-radius:2px}.settings-open{width:34px;height:34px;color:var(--ink-dim);background:0 0;border:none;border-radius:50%;flex:none;align-self:center;padding:0;font-size:17px;line-height:1}@keyframes side-wake{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.board[data-yours=true]{animation:.7s ease-out board-wake}@keyframes board-wake{0%{box-shadow:0 0 #f5c51880}to{box-shadow:0 0 0 16px #f5c51800}}@media (prefers-reduced-motion:reduce){.side{transition:none}.side[data-active=true],.board[data-yours=true]{animation:none}}.overlay-install{opacity:.75;margin-top:1rem;font-size:.85rem;display:inline-block}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tabbar-tab{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 6px;font-family:inherit;font-size:11px;display:flex}.tabbar-tab[aria-selected=true]{color:var(--yellow)}.tabbar-icon{line-height:0;position:relative}.tabbar-dot{background:var(--yellow);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-1px;right:-3px}.matches,.profile{padding:max(16px, calc(env(safe-area-inset-top) + 8px)) 16px 0;flex-direction:column;width:100%;display:flex}.matches{gap:16px}.matches-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 8px;display:flex}.matches-empty h2{margin:0;font-size:18px}.profile{align-items:center;gap:16px}.profile-name{margin:0;font-size:20px}.profile>.sheet-row,.profile>.sheet-field,.profile>.auth-name,.profile>.btn{width:100%}.shell{flex-direction:column;display:flex;position:fixed;inset:0}.shell-body{flex:auto;min-height:0;overflow-y:auto}.first-win{background:#f5c5181a;border-radius:14px;justify-items:center;gap:2px;margin:4px auto 14px;padding:10px 22px 12px;animation:.52s cubic-bezier(.2,1.4,.4,1) .25s both first-win-in;display:grid;box-shadow:inset 0 0 0 1.5px #f5c5188c}.first-win-star{color:var(--yellow);text-shadow:0 0 14px #f5c5188c;font-size:34px;line-height:1;animation:.9s ease-out .25s both first-win-star}.first-win-title{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-weight:800}.first-win-note{color:var(--ink-dim);font-size:13px}@keyframes first-win-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes first-win-star{0%{transform:scale(.3)rotate(-40deg)}60%{transform:scale(1.3)rotate(10deg)}to{transform:scale(1)rotate(0)}}.crash{text-align:center;justify-content:center;gap:16px}.actions button[data-pulse=true][data-hint=true]{animation:.48s ease-out end-turn-pulse,1.4s ease-out infinite coach-ring}@media (prefers-reduced-motion:reduce){.actions button[data-pulse=true][data-hint=true]{animation:none}}.daily-card{box-sizing:border-box;border:1px solid var(--yellow);background:linear-gradient(135deg, var(--yellow-soft), var(--surface) 70%);width:100%;color:var(--ink);text-align:left;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.daily-title{color:var(--yellow);font-weight:700}.daily-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.daily-line{color:var(--ink);font-size:14px}.daily-streak{color:var(--ink-dim)}.daily-play{flex:none;width:auto;padding:8px 18px}.daily-toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.daily-more{flex-direction:column;gap:8px;display:flex}.daily-list{background:var(--board-bg);border-radius:10px;margin:0;padding:6px 10px;font-size:14px;line-height:1.8;list-style:none}.daily-list li{justify-content:space-between;gap:12px;display:flex}.daily-list li[data-me=true]{color:var(--yellow);font-weight:700}.daily-note{color:var(--ink-dim);margin:0;font-size:13px}.daily-replay{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:4px;font-size:13px;text-decoration:underline}.daily-tag{text-align:center;color:var(--yellow);margin:0;font-size:13px;font-weight:600}.daily-result{flex-direction:column;gap:8px;width:100%;display:flex}.daily-rank{color:var(--yellow);text-align:center;margin:0;font-size:17px;font-weight:700}.daily-name{gap:6px;display:flex}.daily-name input{border:1px solid var(--yellow);background:var(--bg);min-width:0;color:var(--ink);font:inherit;border-radius:9px;flex:1;padding:8px 10px}.daily-name .btn{flex:none;width:auto;padding:8px 14px}.daily-card[data-hero=true]{border-width:2px;gap:10px;padding:18px 16px;box-shadow:0 0 24px #f5c51826}.daily-card[data-hero=true] .daily-title{font-size:19px}.daily-card[data-hero=true] .daily-play{padding:12px 24px;font-size:17px}.levels-card{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;gap:6px;width:100%;padding:12px 14px;display:flex}.levels-card[data-primary=true]{border:2px solid var(--yellow);padding:16px}.levels-card-title{color:var(--ink);font-weight:700}.levels-card[data-primary=true] .levels-card-title{color:var(--yellow);font-size:18px}.levels-all{color:var(--ink-dim);font:inherit;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px}.levels-screen{padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 16px);box-sizing:border-box;position:fixed;inset:0;overflow-y:auto}.levels-screen-head{align-items:center;gap:8px;max-width:420px;margin:0 auto 14px;display:flex}.levels-screen-head h1{flex:1;margin:0;font-size:20px}.levels-screen-total{color:var(--yellow);font-weight:600}.levels-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:420px;margin:0 auto;padding:0;list-style:none;display:grid}.levels-cell{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;display:flex}.levels-cell[data-stars="0"]:not(:disabled){border-color:var(--yellow)}.levels-cell:disabled{opacity:.35}.levels-cell-n{font-size:17px;font-weight:700}.levels-cell-stars{color:var(--yellow);letter-spacing:1px;min-height:1em;font-size:11px}.level-head{width:100%;max-width:calc(8 * var(--cell-w) + 7 * var(--gap));align-items:center;gap:8px;display:flex}.level-page-title{flex-direction:column;flex:1;min-width:0;display:flex}.level-page-name{font-size:17px;font-weight:700}.level-page-goal{color:var(--ink-dim);font-size:13px}.level-hint-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:10px;flex:none;padding:8px 12px;font-size:14px}.level-hint-btn:disabled{opacity:.4}.level-cap{color:var(--ink-dim);margin:-4px 0 0;font-size:12px}.level-stars{letter-spacing:6px;color:var(--line);margin:0;font-size:44px}.level-stars span[data-on=true]{color:var(--yellow)}.level-score{margin:0;font-size:20px;font-weight:700}