:root{--surf-0: rgba(6, 8, 18, .82);--surf-1: rgba(12, 15, 30, .8);--surf-2: rgba(22, 27, 50, .72);--surf-3: rgba(38, 46, 84, .78);--surf-sel: rgba(66, 87, 217, .38);--scrim: rgba(4, 5, 12, .74);--line-weak: rgba(132, 156, 226, .16);--line: rgba(132, 156, 226, .3);--line-strong: rgba(164, 186, 255, .62);--tx-1: #e8ecfb;--tx-2: #a8b3d4;--tx-3: #7e89ab;--tx-accent: #b9c7ff;--tx-on-accent: #ffffff;--accent: #4257d9;--accent-hi: #5468f0;--accent-tint: rgba(66, 87, 217, .28);--pos: #6ee0a8;--pos-tint: rgba(70, 210, 130, .16);--pos-line: rgba(90, 220, 150, .5);--warn: #ffc078;--warn-tint: rgba(255, 175, 70, .13);--warn-line: rgba(255, 175, 70, .38);--neg: #ff8f8f;--neg-tint: rgba(120, 50, 60, .4);--neg-line: rgba(255, 130, 130, .34);--gold: #ffcc4d;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--font-ui: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Chakra Petch", "Inter Variable", system-ui, sans-serif;--fs-1: 10px;--fs-2: 11px;--fs-3: 13px;--fs-4: 15px;--fs-5: 18px;--fs-6: 22px;--fs-7: 28px;--fs-8: 36px;--fs-9: 48px;--ls-tight: -.01em;--ls-none: 0;--ls-wide: .08em;--ls-display: .14em;--r: 3px;--r-sm: 2px;--edge-hi: inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4);--shadow-2: 0 16px 48px rgba(0, 0, 0, .55);--blur-panel: 10px;--blur-scrim: 8px;--dur-1: .11s;--dur-2: .18s;--dur-3: .28s;--dur-4: .42s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in: cubic-bezier(.55, .06, .68, .19);--ease-spring: cubic-bezier(.2, 1.4, .35, 1);--stagger: 40ms;--tap: 44px;--ad-banner-h: 0px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");--grain-opacity: .035}@media(prefers-reduced-motion:reduce){:root{--dur-1: 1ms;--dur-2: 1ms;--dur-3: 1ms;--dur-4: 1ms;--stagger: 0ms}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(./chakra-petch-latin-600-normal-DVQm9bgb.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(./chakra-petch-latin-ext-600-normal-CdGvbdDU.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-ext-700-normal-DAkvJhej.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#04040a;font-family:var(--font-ui);font-size:var(--fs-4);color:var(--tx-1);user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,input{font-family:inherit}#renderCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid var(--line-strong);outline-offset:2px}.grained{position:relative;isolation:isolate}.grained:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);opacity:var(--grain-opacity);pointer-events:none;z-index:-1}#flash{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0;background:#fff;mix-blend-mode:screen}#edgeFlash{position:absolute;inset:0;z-index:19;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 30px #78a0ffe6}#edgeFlash.pulse{animation:edgePulse .55s ease-out}@keyframes edgePulse{0%{opacity:0}18%{opacity:1}to{opacity:0}}#boot{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);background:#04040a;transition:opacity var(--dur-4) var(--ease-out)}#boot.gone{opacity:0;pointer-events:none}#bootMark{font-family:var(--font-display);font-weight:700;font-size:var(--fs-6);letter-spacing:var(--ls-display);color:var(--tx-2)}#bootBar{width:132px;height:2px;background:var(--line-weak);overflow:hidden}#bootBar i{display:block;width:40%;height:100%;background:var(--tx-3);animation:bootSweep 1.1s var(--ease-out) infinite}@keyframes bootSweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(var(--sp-5) + env(safe-area-inset-top)) var(--sp-6) var(--sp-5);pointer-events:none;z-index:5}.panel{background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-3) var(--sp-5);backdrop-filter:blur(var(--blur-panel));box-shadow:var(--edge-hi),var(--shadow-1)}#title{font-family:var(--font-display);font-size:var(--fs-6);font-weight:700;letter-spacing:var(--ls-display);background:linear-gradient(96deg,var(--tx-1),var(--tx-accent));-webkit-background-clip:text;background-clip:text;color:transparent}#stats{display:flex;gap:var(--sp-6);margin-top:var(--sp-2)}.stat span{display:block;color:var(--tx-3);letter-spacing:var(--ls-wide);font-size:var(--fs-1);font-weight:600;text-transform:uppercase}.stat b{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--fs-6);line-height:1.15;color:var(--tx-1);font-variant-numeric:tabular-nums}.stat b.bump,.scVal.bump{animation:statBump var(--dur-4) var(--ease-spring)}@keyframes statBump{0%{transform:scale(1)}35%{transform:scale(1.16)}to{transform:scale(1)}}.statBar{display:block;height:2px;margin-top:var(--sp-1);background:var(--line-weak);overflow:hidden}.statBar i{display:block;height:100%;width:0;background:var(--tx-accent);transition:width var(--dur-3) var(--ease-out)}#comboBadge{display:inline-block;margin-left:var(--sp-2);padding:2px var(--sp-3);border-radius:var(--r-sm);background:linear-gradient(90deg,#ff6bcb,var(--gold));color:#1a0a20;font-weight:800;font-size:var(--fs-3);font-family:var(--font-ui);letter-spacing:var(--ls-none);opacity:0;transform:scale(.5);vertical-align:middle}#comboBadge.pop{animation:comboPop .5s var(--ease-spring) forwards}@keyframes comboPop{0%{opacity:0;transform:scale(.4) rotate(-8deg)}60%{opacity:1;transform:scale(1.35) rotate(3deg)}to{opacity:1;transform:scale(1)}}#comboBadge.hot{background:linear-gradient(90deg,#ff8a3f,var(--gold),#ff5c39)}#comboBadge.mega{background:linear-gradient(90deg,#ff6bcb,var(--gold),#57d7ff,#7cff6b,#b967ff);background-size:300% 100%;color:#160a20;animation-name:comboPop,megaShimmer;animation-duration:.5s,1.2s;animation-iteration-count:1,infinite;animation-timing-function:var(--ease-spring),linear}@keyframes megaShimmer{to{background-position:300% 0}}#hud.shake{animation:hudShake .4s ease-out}@keyframes hudShake{0%,to{transform:translate(0)}20%{transform:translate(calc(-6px * var(--sh, 1)),calc(3px * var(--sh, 1)))}40%{transform:translate(calc(5px * var(--sh, 1)),calc(-4px * var(--sh, 1)))}60%{transform:translate(calc(-4px * var(--sh, 1)),calc(2px * var(--sh, 1)))}80%{transform:translate(calc(3px * var(--sh, 1)),calc(-2px * var(--sh, 1)))}}#controls{display:flex;gap:var(--sp-2);pointer-events:auto}.btn,.mbtn{cursor:pointer;border:1px solid var(--line);border-radius:var(--r);background:var(--surf-2);color:var(--tx-1);font-size:var(--fs-4);font-weight:600;letter-spacing:var(--ls-none);min-height:var(--tap);box-shadow:var(--edge-hi);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.btn{padding:0 var(--sp-4);backdrop-filter:blur(var(--blur-panel))}.mbtn{padding:var(--sp-3) var(--sp-4)}.btn:hover,.mbtn:hover{background:var(--surf-3);border-color:var(--line-strong)}.btn:active,.mbtn:active{transform:scale(.975);background:var(--surf-2)}.btn:disabled,.mbtn:disabled{opacity:.45;cursor:default;transform:none;background:var(--surf-2);border-color:var(--line-weak)}.mbtn.primary{background:var(--accent);border-color:transparent;color:var(--tx-on-accent);font-weight:700}.mbtn.primary:hover{background:var(--accent-hi);border-color:transparent}.mbtn.primary:active{background:var(--accent)}.mbtn.ghost{background:transparent;border-color:var(--line-weak);color:var(--tx-2);font-weight:500}.mbtn.ghost:hover{background:var(--surf-2);border-color:var(--line);color:var(--tx-1)}.mbtn.danger{border-color:var(--neg-line);color:var(--neg)}.mbtn.danger:hover{background:var(--neg-tint);border-color:var(--neg)}.mbtn.mode{display:flex;flex-direction:column;gap:2px}.mSub{font-size:var(--fs-2);font-weight:500;color:var(--tx-3);letter-spacing:var(--ls-none)}.mbtn.primary .mSub{color:#ffffffb8}#hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom) + var(--ad-banner-h));font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);color:var(--tx-3);pointer-events:none;z-index:5;white-space:nowrap;transition:opacity var(--dur-4) var(--ease-out)}#hint.gone{opacity:0}#winCard{text-align:center;padding:var(--sp-8) calc(var(--sp-8) + var(--sp-5));border-radius:var(--r);background:var(--surf-1);border:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:var(--edge-hi),var(--shadow-2)}#winOverlay.show #winCard{animation:winIn var(--dur-4) var(--ease-spring)}@keyframes winIn{0%{opacity:0;transform:scale(.55) translateY(48px)}to{opacity:1;transform:scale(1) translateY(0)}}#winTitle{font-family:var(--font-display);font-size:var(--fs-9);font-weight:700;letter-spacing:var(--ls-display);margin-bottom:var(--sp-2);background:linear-gradient(96deg,var(--gold),#fff6d8,var(--gold));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:winShimmer 3s linear infinite}@keyframes winShimmer{to{background-position:300% 0}}#winStars{display:flex;justify-content:center;gap:var(--sp-2);font-size:var(--fs-7);line-height:1;margin-top:var(--sp-3)}.star{color:var(--line)}.star.on{color:var(--gold)}#winOverlay.show .star.on{animation:starIn var(--dur-4) var(--ease-spring) backwards}#winOverlay.show .star:nth-child(2).on{animation-delay:.12s}#winOverlay.show .star:nth-child(3).on{animation-delay:.24s}@keyframes starIn{0%{opacity:0;transform:scale(.3) rotate(-30deg)}to{opacity:1;transform:none}}#winStats{font-size:var(--fs-5);color:var(--tx-2);margin:var(--sp-3) 0 var(--sp-1);font-variant-numeric:tabular-nums}#winBest{font-size:var(--fs-3);color:var(--tx-3);margin-bottom:var(--sp-3);font-variant-numeric:tabular-nums}#winBest.newRecord{color:var(--gold);font-weight:700}#winDaily{font-size:var(--fs-3);color:var(--tx-3);margin-bottom:var(--sp-3)}#winDaily.earned{color:var(--pos);font-weight:600}#btnAgain{margin-top:var(--sp-3);font-size:var(--fs-5);padding:0 var(--sp-7);min-height:52px;background:var(--accent);border-color:transparent;color:var(--tx-on-accent);font-weight:700}#btnAgain:hover{background:var(--accent-hi);border-color:transparent}#scoreboard{display:none;align-items:center;gap:var(--sp-4);background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-2) var(--sp-4);backdrop-filter:blur(var(--blur-panel));box-shadow:var(--edge-hi),var(--shadow-1);pointer-events:none}#scoreboard.show{display:flex}body.mp #soloPanel,body.mp #btnRestart,body.mp #hint{display:none}.scTile{position:relative;display:flex;flex-direction:column;align-items:center;min-width:74px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);border:1px solid transparent;transition:opacity var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.scEmote{position:absolute;top:100%;margin-top:var(--sp-2);left:50%;transform:translate(-50%);font-size:30px;line-height:1;opacity:0;pointer-events:none}.scEmote.pop{animation:emotePop 1.7s ease-out}@keyframes emotePop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.3)}14%{opacity:1;transform:translate(-50%) translateY(0) scale(1.15)}28%{transform:translate(-50%) translateY(2px) scale(1)}72%{opacity:1;transform:translate(-50%) translateY(8px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}}.scTile:not(.active){opacity:.5}.scTile.active{opacity:1;border-color:var(--line-strong);background:var(--surf-sel);transform:scale(1.1);animation:scBreath 1.6s ease-in-out infinite}@keyframes scBreath{0%,to{transform:scale(1.08)}50%{transform:scale(1.14)}}.scName{font-size:var(--fs-1);font-weight:600;letter-spacing:var(--ls-wide);color:var(--tx-3)}.scTile.active .scName{color:var(--tx-1)}.scVal{font-family:var(--font-display);font-weight:700;font-size:var(--fs-6);color:var(--tx-1);font-variant-numeric:tabular-nums}.scTurn{font-size:var(--fs-2);font-weight:700;letter-spacing:var(--ls-wide);text-align:center;min-width:108px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);border:1px solid transparent;text-transform:uppercase}.scTurn.mine{color:var(--pos);background:var(--pos-tint);border-color:var(--pos-line)}.scTurn:not(.mine){color:var(--warn);background:var(--warn-tint);border-color:var(--warn-line)}.scTurn.nack{animation:nackFlash .4s ease-out}.scSeries{display:block;margin-top:3px;font-size:var(--fs-1);font-weight:600;letter-spacing:var(--ls-none);color:var(--tx-3);text-transform:none;font-variant-numeric:tabular-nums}@keyframes nackFlash{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.scClock{display:inline-block;min-width:16px;margin-left:var(--sp-1);font-variant-numeric:tabular-nums}.scClock:empty{margin-left:0}.scClock.urgent{color:var(--neg);font-weight:800}#menu,#mpOverlay,#settings,#boards,#progress,#intro,#netOverlay,#winOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(128% 96% at 50% 44%,#04050c7a,#020308ed);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-3) var(--ease-out),visibility 0s linear var(--dur-3)}#menu.show,#mpOverlay.show,#settings.show,#boards.show,#progress.show,#intro.show,#netOverlay.show,#winOverlay.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;backdrop-filter:blur(var(--blur-scrim))}#menu,#mpOverlay{z-index:30}#netOverlay{z-index:28}#winOverlay{z-index:10;flex-direction:column;background:radial-gradient(120% 90% at 50% 46%,transparent,rgba(2,3,8,.55))}#winOverlay.show{pointer-events:none;backdrop-filter:none}#winCard{pointer-events:auto}#settings,#boards,#progress{z-index:40}#intro{z-index:50}#menuCard,#mpCard,#settingsCard,#boardsCard,#progressCard,#introCard,#netCard{background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-7) var(--sp-7);width:calc(100% - var(--sp-8));max-width:360px;text-align:center;box-shadow:var(--edge-hi),var(--shadow-2);transform:translateY(10px) scale(.985);transition:transform var(--dur-3) var(--ease-out)}.show>#menuCard,.show>#mpCard,.show>#settingsCard,.show>#boardsCard,.show>#progressCard,.show>#introCard,.show>#netCard{transform:none}#menuTitle,#settingsTitle,#boardsTitle,#progressTitle,#introTitle{font-family:var(--font-display);font-size:var(--fs-7);font-weight:700;letter-spacing:var(--ls-display);margin-bottom:var(--sp-6);background:linear-gradient(96deg,var(--tx-1),var(--tx-accent));-webkit-background-clip:text;background-clip:text;color:transparent}#menuMain,#menuBot,#menuMulti,#menuWait,#mpButtons{display:flex;flex-direction:column;gap:var(--sp-3)}#menuFoot{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);border-top:1px solid var(--line-weak);padding-top:var(--sp-3)}#menuFoot .mbtn{flex:1;min-width:0}#menu.show #menuMain>*,#menu.show #menuBot>*,#menu.show #menuMulti>*,#menu.show #menuWait>*{animation:rowIn var(--dur-3) var(--ease-out) both}#menu.show :is(#menuMain,#menuBot,#menuMulti,#menuWait)>:nth-child(1){animation-delay:calc(0 * var(--stagger))}#menu.show :is(#menuMain,#menuBot,#menuMulti,#menuWait)>:nth-child(2){animation-delay:calc(1 * var(--stagger))}#menu.show :is(#menuMain,#menuBot,#menuMulti,#menuWait)>:nth-child(3){animation-delay:calc(2 * var(--stagger))}#menu.show :is(#menuMain,#menuBot,#menuMulti,#menuWait)>:nth-child(4){animation-delay:calc(3 * var(--stagger))}#menu.show :is(#menuMain,#menuBot,#menuMulti,#menuWait)>:nth-child(n+5){animation-delay:calc(4 * var(--stagger))}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sizeLabel{font-size:var(--fs-1);font-weight:600;letter-spacing:var(--ls-wide);color:var(--tx-3);text-transform:uppercase;text-align:left;margin:2px 2px calc(var(--sp-1) * -1)}.sizeSel{display:flex;gap:var(--sp-1)}.sizeChip{flex:1;min-width:0;cursor:pointer;border:1px solid var(--line);border-radius:var(--r);background:var(--surf-2);color:var(--tx-2);padding:var(--sp-2) var(--sp-1);min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:var(--edge-hi);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.sizeChip b{font-size:var(--fs-3);font-weight:600;letter-spacing:var(--ls-none)}.sizeChip span{font-size:var(--fs-2);color:var(--tx-3);font-variant-numeric:tabular-nums}.sizeChip:hover{border-color:var(--line-strong);color:var(--tx-1)}.sizeChip:active{transform:scale(.97)}.sizeChip.active{background:var(--surf-sel);border-color:var(--line-strong);color:var(--tx-1)}.sizeChip.active span{color:var(--tx-2)}#mCode,#pName,#lbRenameRow input{background:var(--surf-0);border:1px solid var(--line);border-radius:var(--r);color:var(--tx-1);outline:none;font-size:var(--fs-4);transition:border-color var(--dur-2) var(--ease-out)}#mCode:focus,#pName:focus,#lbRenameRow input:focus{border-color:var(--line-strong)}#mCode::placeholder,#pName::placeholder,#lbRenameRow input::placeholder{color:var(--tx-3)}#joinRow{display:flex;gap:var(--sp-2)}#mCode{flex:1;min-width:0;text-transform:uppercase;text-align:center;letter-spacing:.35em;font-family:var(--font-display);font-size:var(--fs-5);font-weight:700;padding:var(--sp-3) var(--sp-2)}#joinRow .mbtn{flex:0 0 auto}#idRow{display:flex;gap:var(--sp-2)}.idEmoji{flex:0 0 auto;width:var(--tap);min-height:var(--tap);cursor:pointer;font-size:var(--fs-6);line-height:1;border-radius:var(--r);border:1px solid var(--line);background:var(--surf-0);color:var(--tx-1);display:flex;align-items:center;justify-content:center;transition:border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.idEmoji:hover{border-color:var(--line-strong)}.idEmoji:active{transform:scale(.95)}#pName{flex:1;min-width:0;padding:var(--sp-3);min-height:var(--tap)}#pName.locked{background:#06081273;border-color:var(--line-weak);color:var(--tx-2);cursor:default}#pName.locked:focus{border-color:var(--line-weak)}#pNameNote{font-size:var(--fs-2);line-height:1.45;color:var(--tx-3);text-align:left}.emojiSel{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-1)}.emojiChip{cursor:pointer;font-size:var(--fs-5);line-height:1;min-height:40px;border-radius:var(--r);border:1px solid var(--line);background:var(--surf-2);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.emojiChip:hover{border-color:var(--line-strong)}.emojiChip:active{transform:scale(.94)}.emojiChip.active{background:var(--surf-sel);border-color:var(--line-strong)}#emoteBar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--sp-4) + var(--ad-banner-h));display:none;align-items:center;gap:var(--sp-2);z-index:55;padding-bottom:env(safe-area-inset-bottom,0)}body.mp #emoteBar{display:flex}#emoteRow{display:flex;gap:var(--sp-1);background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-1);backdrop-filter:blur(var(--blur-panel));box-shadow:var(--edge-hi),var(--shadow-1)}.emoteBtn{cursor:pointer;width:var(--tap);height:var(--tap);font-size:var(--fs-6);line-height:1;border-radius:var(--r);border:1px solid transparent;background:var(--surf-2);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.emoteBtn:hover{border-color:var(--line-strong);transform:translateY(-2px)}.emoteBtn:active{transform:scale(.92)}#adFree{position:fixed;right:var(--sp-4);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom) + var(--ad-banner-h));z-index:55;cursor:pointer;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-2);font-weight:500;letter-spacing:var(--ls-wide);color:var(--tx-3);background:var(--surf-1);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(var(--blur-panel));box-shadow:var(--edge-hi),var(--shadow-1);transition:color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}#adFree:hover{color:var(--tx-2);border-color:var(--line-strong)}#adFree:active{transform:scale(.96)}#adFree[disabled]{opacity:.5;pointer-events:none}#toast{position:fixed;left:50%;transform:translate(-50%) translateY(12px);bottom:calc(var(--sp-7) + var(--ad-banner-h));background:var(--surf-1);border:1px solid var(--line);color:var(--tx-1);padding:var(--sp-3) var(--sp-5);border-radius:var(--r);font-size:var(--fs-4);backdrop-filter:blur(var(--blur-panel));box-shadow:var(--edge-hi),var(--shadow-1);z-index:60;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.waitMsg{font-size:var(--fs-5);color:var(--tx-1);margin-bottom:var(--sp-1)}#waitNote,#waitCode{font-size:var(--fs-3);color:var(--tx-2)}#waitCode b{display:inline-block;font-family:var(--font-display);letter-spacing:.35em;font-size:var(--fs-6);color:var(--tx-1);margin-left:var(--sp-2)}#menuErr{margin-top:var(--sp-3);font-size:var(--fs-3);color:var(--neg)}#netCard{max-width:320px;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6) var(--sp-7)}#netTitle{font-family:var(--font-display);font-size:var(--fs-5);font-weight:700;letter-spacing:var(--ls-wide);color:var(--tx-1)}#netSub{font-size:var(--fs-3);color:var(--tx-2)}#mpTitle{font-family:var(--font-display);font-size:var(--fs-7);font-weight:700;letter-spacing:var(--ls-wide);margin-bottom:var(--sp-3);color:var(--tx-1)}#mpTitle.win{color:var(--pos)}#mpTitle.lose{color:var(--neg)}#mpTitle.draw{color:var(--gold)}#mpScore{font-size:var(--fs-5);color:var(--tx-1);margin-bottom:var(--sp-2);font-variant-numeric:tabular-nums}#mpSeries{font-size:var(--fs-3);color:var(--tx-2);margin-bottom:var(--sp-3);font-variant-numeric:tabular-nums}#mpPoints{font-size:var(--fs-3);color:var(--tx-3);margin-bottom:var(--sp-3)}#mpPoints.earned{color:var(--pos);font-weight:700}#mpStats{margin:0 auto var(--sp-5);max-width:280px;width:100%;font-variant-numeric:tabular-nums}.mpStatRow{display:grid;grid-template-columns:1fr 64px 64px;align-items:center;padding:var(--sp-1) var(--sp-1);border-top:1px solid var(--line-weak)}.mpStatRow span:first-child{text-align:left;font-size:var(--fs-2);color:var(--tx-3);letter-spacing:var(--ls-wide);text-transform:uppercase}.mpStatRow b{font-size:var(--fs-4);font-weight:700}.mpStatRow.head{border-top:none}.mpStatRow.head span{font-size:var(--fs-1);color:var(--tx-3);letter-spacing:var(--ls-wide);text-align:center}.mpStatRow.head span:first-child{text-align:left}#mpAgain.offered{border-color:var(--pos-line);background:var(--pos-tint);color:var(--pos)}#settingsCard{display:flex;flex-direction:column;gap:var(--sp-6)}.setRow{display:flex;flex-direction:column;gap:var(--sp-2)}.setRow .sizeLabel{margin:0;display:flex;justify-content:space-between;align-items:baseline}#volValue{font-size:var(--fs-3);letter-spacing:var(--ls-none);color:var(--tx-1);font-variant-numeric:tabular-nums}#fxHint{font-size:var(--fs-2);line-height:1.55;color:var(--tx-3);text-align:left;min-height:2.2em}#volRange{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0}#volRange::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-sm);background:var(--surf-2);border:1px solid var(--line)}#volRange::-moz-range-track{height:4px;border-radius:var(--r-sm);background:var(--surf-2);border:1px solid var(--line)}#volRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:var(--r);background:var(--accent-hi);border:1px solid var(--line-strong)}#volRange::-moz-range-thumb{width:18px;height:18px;border-radius:var(--r);background:var(--accent-hi);border:1px solid var(--line-strong)}#volRange:focus-visible{outline:none}#volRange:focus-visible::-webkit-slider-thumb{border-color:var(--tx-1)}#volRange:focus-visible::-moz-range-thumb{border-color:var(--tx-1)}#btnSettings,#btnMute{padding:0 var(--sp-3);font-size:var(--fs-5);line-height:1}#introCard{display:flex;flex-direction:column;gap:var(--sp-3)}#introTitle{margin-bottom:0}#introText{font-size:var(--fs-3);line-height:1.65;color:var(--tx-2);text-align:left}#introHint{font-size:var(--fs-2);line-height:1.55;color:var(--tx-3);text-align:left;min-height:2.2em}#introStart{margin-top:var(--sp-1)}#boardsCard{display:flex;flex-direction:column;gap:var(--sp-3);max-width:400px;max-height:calc(100% - var(--sp-8));overflow-y:auto}#boardsTitle{margin-bottom:var(--sp-1)}#boardNote{font-size:var(--fs-2);line-height:1.55;color:var(--tx-3);text-align:left}#mDaily{position:relative;border-color:var(--line-strong)}#mDaily.done{border-color:var(--line-weak);color:var(--tx-2)}#dailyBadge{position:absolute;top:50%;right:var(--sp-3);transform:translateY(-50%);font-size:var(--fs-3);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.chipStars{display:block;margin-top:2px;font-style:normal;font-size:var(--fs-2);letter-spacing:.06em;color:var(--line-strong)}.chipStars.s1,.chipStars.s2,.chipStars.s3{color:var(--gold)}#progressCard{display:flex;flex-direction:column;gap:var(--sp-4);max-width:420px;max-height:calc(100% - var(--sp-8));overflow-y:auto}#progressTitle{margin-bottom:var(--sp-1)}.progHero{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3);border:1px solid var(--line-weak);border-radius:var(--r);background:var(--surf-0)}.progHero.live{border-color:var(--warn-line);background:var(--warn-tint)}.progHero b{font-size:var(--fs-5);font-weight:700;color:var(--tx-1)}.progHero.live b{color:var(--warn)}.progHero span{font-size:var(--fs-2);color:var(--tx-3);font-variant-numeric:tabular-nums}.progHead{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-1);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--tx-3);text-align:left;margin-bottom:var(--sp-2)}.progHead b{font-size:var(--fs-3);letter-spacing:var(--ls-none);text-transform:none;color:var(--gold);font-variant-numeric:tabular-nums}.progRow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-1);border-top:1px solid var(--line-weak);font-size:var(--fs-3)}.progKey{flex:0 0 auto;min-width:42px;text-align:left;color:var(--tx-2);font-weight:600;font-variant-numeric:tabular-nums}.progDetail{flex:1;min-width:0;text-align:left;color:var(--tx-3);font-variant-numeric:tabular-nums}.progStars{flex:0 0 auto;letter-spacing:.08em;color:var(--line-strong)}.progStars.s1,.progStars.s2,.progStars.s3{color:var(--gold)}.progGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1)}.progTile{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);border:1px solid var(--line-weak);border-radius:var(--r);background:var(--surf-0);text-align:left}.progTile span{font-size:var(--fs-1);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--tx-3)}.progTile b{font-size:var(--fs-4);color:var(--tx-1);font-variant-numeric:tabular-nums}.achGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1)}.achTile{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);border:1px solid var(--line-weak);border-radius:var(--r);background:var(--surf-0);text-align:left}.achTile.on{border-color:var(--line-strong);background:var(--surf-2)}.achIcon{font-size:var(--fs-5);filter:grayscale(1)}.achTile.on .achIcon{filter:none}.achTile b{font-size:var(--fs-3);font-weight:600;color:var(--tx-3)}.achTile.on b{color:var(--tx-1)}.achHint{font-size:var(--fs-1);line-height:1.4;color:var(--tx-3)}#boardList{display:flex;flex-direction:column;min-height:120px}.lbRow{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);border-top:1px solid var(--line-weak);font-variant-numeric:tabular-nums}.lbRow:first-child{border-top:none}.lbRow.me{background:var(--accent-tint);border-top-color:var(--line-strong)}.lbRank{font-size:var(--fs-3);color:var(--tx-3);text-align:right}.lbNick{text-align:left;font-size:var(--fs-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbVal{font-family:var(--font-display);font-size:var(--fs-4);font-weight:700}.lbEmpty{font-size:var(--fs-3);color:var(--tx-3);padding:var(--sp-6) var(--sp-1)}#boardMe{display:flex;flex-direction:column}.lbMeHead{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-1);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--tx-3);padding:2px var(--sp-1) var(--sp-2)}.lbMeHead b{font-family:var(--font-display);font-size:var(--fs-4);letter-spacing:var(--ls-none);color:var(--tx-1);font-variant-numeric:tabular-nums}.lbRow.sub .lbNick{font-size:var(--fs-2);color:var(--tx-3)}.lbNick.wide{grid-column:1 / 3}.lbRow.sub .lbVal{font-size:var(--fs-3)}#accountRow{display:flex;flex-direction:column;gap:var(--sp-2);border-top:1px solid var(--line-weak);padding-top:var(--sp-3)}#accountBody{display:flex;flex-direction:column;gap:var(--sp-2)}.lbNote{font-size:var(--fs-3);line-height:1.55;color:var(--tx-2);text-align:left}.lbNote b{color:var(--tx-1)}.lbAccBtns{display:flex;gap:var(--sp-2)}.lbAccBtns .mbtn{flex:1}#lbRenameRow{display:flex;gap:var(--sp-2)}#lbRenameRow input{flex:1;min-width:0;padding:var(--sp-3)}#lbNickErr{font-size:var(--fs-3);color:var(--neg);text-align:left}@media(max-width:640px){#hud{flex-direction:column;align-items:stretch;gap:var(--sp-2);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--sp-3) var(--sp-3)}.panel{padding:var(--sp-2) var(--sp-3)}#title{display:none}#stats{gap:0;margin-top:0;justify-content:space-between}.stat{text-align:center;flex:1}.stat b{font-size:var(--fs-5)}#comboBadge{margin-left:var(--sp-1);padding:1px var(--sp-2);font-size:var(--fs-2)}#controls{justify-content:flex-end}#hint{white-space:normal;width:calc(100% - var(--sp-6));max-width:420px;text-align:center;font-size:var(--fs-1);line-height:1.6}#winCard{padding:var(--sp-7) var(--sp-6);width:calc(100% - var(--sp-8));max-width:360px}#winTitle{font-size:var(--fs-8)}#winStats{font-size:var(--fs-4)}#btnAgain{font-size:var(--fs-4);padding:0 var(--sp-6);min-height:var(--tap)}#scoreboard{gap:var(--sp-2);padding:var(--sp-1) var(--sp-4);justify-content:space-between}.scTile{min-width:56px;padding:3px var(--sp-2)}.scVal{font-size:var(--fs-5)}.scTurn{min-width:76px;font-size:var(--fs-1)}#menuCard,#mpCard,#settingsCard,#boardsCard,#progressCard,#introCard{padding:var(--sp-6) var(--sp-5)}#menuTitle,#settingsTitle,#boardsTitle,#progressTitle,#introTitle{font-size:var(--fs-6);margin-bottom:var(--sp-5)}}@media(orientation:landscape)and (max-height:480px){#hud{flex-direction:row;align-items:flex-start;padding:calc(var(--sp-2) + env(safe-area-inset-top)) var(--sp-3) var(--sp-2)}.panel{padding:var(--sp-1) var(--sp-3)}#title{display:none}#stats{gap:var(--sp-4);margin-top:0}.stat b{font-size:var(--fs-4)}.statBar,#hint{display:none}#controls{gap:var(--sp-1)}.btn{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-3)}#scoreboard{padding:var(--sp-1) var(--sp-3);gap:var(--sp-3)}.scTile.active{animation:none;transform:scale(1.05)}#menuCard,#mpCard,#settingsCard,#boardsCard,#progressCard,#introCard,#netCard{max-height:calc(100% - var(--sp-5));overflow-y:auto;padding:var(--sp-5) var(--sp-6)}#menuCard{max-width:620px}#menuMain{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-3);align-items:stretch}#mDaily,#menuMain>.sizeLabel,#menuMain>.sizeSel,#mMulti,#menuFoot{grid-column:1 / -1}#menuTitle,#settingsTitle,#boardsTitle,#progressTitle,#introTitle{font-size:var(--fs-6);margin-bottom:var(--sp-4)}#winCard{padding:var(--sp-5) var(--sp-7)}#winTitle{font-size:var(--fs-7)}#emoteBar{bottom:calc(var(--sp-2) + var(--ad-banner-h))}}@media(min-width:1100px){#menuCard,#mpCard,#settingsCard,#introCard{max-width:400px;padding:var(--sp-8) var(--sp-7)}#boardsCard{max-width:440px}#hud{padding:calc(var(--sp-6) + env(safe-area-inset-top)) var(--sp-7) var(--sp-6)}}@media(prefers-reduced-motion:reduce){.scTile.active{animation:none;transform:scale(1.1)}#winTitle{animation:none}#comboBadge.mega{animation-name:comboPop}#bootBar i{animation:none;width:100%}#hud.shake{animation:none}}