@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/rowni/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/rowni/assets/unbounded-vietnamese-wght-normal-rat7GD3o.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/rowni/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.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:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/rowni/assets/unbounded-latin-wght-normal-D5afBTBx.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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-math-wght-normal-Bl4ZGkZl.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-symbols-wght-normal-DxQzqQfC.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-latin-ext-wght-normal-QAhDxQuo.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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/rowni/assets/onest-latin-wght-normal-Dun_Rd-l.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}:root{--night: #070b22;--night2: #0d1336;--ink: #eef0ff;--muted: #a3abdb;--dim: #7781b8;--panel: rgba(14, 19, 52, .78);--panel2: rgba(26, 33, 82, .72);--line: rgba(170, 182, 255, .16);--line2: rgba(243, 213, 138, .28);--gold: #f3d58a;--brass: #e7c475;--good: #6ff0b0;--bad: #ff6b7d;--focus: #ffe08a;--display: "Unbounded Variable", "Unbounded", system-ui, sans-serif;--ui: "Onest Variable", "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--bar: 64px;--panel-w: 320px;--r: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--night);color:var(--ink);font:15px/1.4 var(--ui);overflow:hidden;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[hidden]{display:none!important}.app{height:100dvh;display:grid;grid-template-rows:var(--bar) 1fr}.bar{position:relative;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));background:linear-gradient(180deg,#0a0e28f5,#0a0e28d1);backdrop-filter:blur(10px)}.bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line2) 20%,rgba(243,213,138,.5) 50%,var(--line2) 80%,transparent)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 21px/1 var(--display);letter-spacing:.02em}.brand svg{width:34px;height:34px}.brand .b-ring{fill:none;stroke:var(--line2);stroke-width:1.2}.brand .b-line{stroke:#fff;stroke-width:1.6;stroke-linecap:round;opacity:.85}.brand .b-d{fill:var(--gold)}.brand .b-2,.brand .b-4{fill:#7fd3ff}.score{justify-self:center;display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}.side{--c: #fff;--left: 1;display:flex;align-items:center;gap:9px;min-width:0;flex:0 1 auto;padding:5px 12px 5px 6px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);transition:background .25s,border-color .25s,box-shadow .25s,opacity .25s}.side[data-seat="1"]{flex-direction:row-reverse;padding:5px 6px 5px 12px;text-align:right}.side.empty{opacity:.6}.side.turn{background:#ffffff14;border-color:color-mix(in srgb,var(--tone, #fff) 40%,transparent);box-shadow:0 0 0 1px #ffffff0a,0 0 24px -6px var(--tone, #fff)}.side.scored{animation:scored .6s ease-out}@keyframes scored{40%{transform:scale(1.06);box-shadow:0 0 32px -4px var(--tone, #fff)}}.side .who{display:grid;min-width:0;flex:1 1 auto}.side .name{display:block;max-width:150px;min-width:0;border:0;background:transparent;padding:0;font-weight:650;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.side input.name{border-bottom:1px dashed rgba(255,255,255,.25);width:130px}.side[data-seat="1"] input.name{text-align:right}.side input.name:focus{outline:none;border-bottom-color:var(--gold)}.side small{color:var(--muted);font-size:11.5px;line-height:1.1;min-height:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side .pips{display:flex;gap:3px}.side .pips i{width:9px;height:9px;transform:rotate(45deg);border-radius:2px;border:1.5px solid rgba(255,255,255,.28)}.side .pips i.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #f3d58ab3}.side .pips i.fresh{animation:pip .5s 1.55s both}@keyframes pip{0%{background:transparent;border-color:#ffffff47;box-shadow:none;transform:rotate(45deg) scale(.6)}60%{transform:rotate(45deg) scale(1.5)}}.mid{display:grid;justify-items:center;color:var(--muted);font-size:11px;line-height:1.2;min-width:64px}.mid b{font:600 12px/1.2 var(--display);color:var(--gold);letter-spacing:.04em;white-space:nowrap}.token-button{border:0;background:none;padding:0;border-radius:50%;position:relative}.token-button:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--tone, #fff) calc(var(--left) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);opacity:0;transition:opacity .2s}.side.turn .token-button:after{opacity:.9}.token-button:not(:disabled):hover .token{transform:scale(1.08)}.token{--c: #fff;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;transition:transform .15s;background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--c) 45%,#fff),var(--c) 48%,color-mix(in srgb,var(--c) 62%,#060820) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 70%,#000),inset 0 2px 3px #ffffff73,0 2px 8px #0006}.token svg{width:60%;height:60%;fill:color-mix(in srgb,var(--c) 40%,#fff);stroke:color-mix(in srgb,var(--c) 40%,#fff);stroke-width:1.6;stroke-linecap:round;opacity:.9}.token.big{width:46px;height:46px}.tools{display:flex;gap:6px}.icon{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;font-weight:700;transition:background .15s,border-color .15s,transform .1s}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff47}.icon:active:not(:disabled){transform:scale(.95)}.icon:disabled{opacity:.4}.icon[aria-pressed=true]{background:#f3d58a29;border-color:var(--line2);color:var(--gold)}#menuButton{display:none}.stage{position:relative;display:grid;grid-template-columns:1fr var(--panel-w);min-height:0}.arena{position:relative;overflow:hidden;min-width:0;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--night)}#sky,.layer{position:absolute;left:0;top:0;display:block}.layer{pointer-events:none;will-change:transform}.layer.fx{pointer-events:auto;will-change:auto}.status{--tone: #9fb0ff;position:absolute;z-index:5;left:50%;top:12px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);padding:7px 16px 7px 10px;border-radius:999px;background:#090d26b8;border:1px solid var(--line);backdrop-filter:blur(8px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 24px #00000059;transition:border-color .2s,box-shadow .2s}.status #statusText{overflow:hidden;text-overflow:ellipsis}.status.mine{border-color:color-mix(in srgb,var(--tone) 55%,transparent);box-shadow:0 0 28px -6px var(--tone),0 6px 24px #00000059}.status.warn{border-color:#ff6b7db3;color:#ffd0d6}.status.trouble{border-color:#ffc87880;color:#ffe2b0}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--tone);box-shadow:0 0 10px var(--tone);flex:none}.clock{width:24px;height:24px;flex:none;transform:rotate(-90deg)}.clock-bg{fill:none;stroke:#ffffff1f;stroke-width:4}.clock-arc{fill:none;stroke:var(--tone);stroke-width:4;stroke-linecap:round;stroke-dasharray:94.25;transition:stroke-dashoffset .1s linear}.clock.urgent .clock-arc{stroke:var(--bad)}.clock:not([hidden])+.status-dot{display:none}.banner{--tone: #fff;position:absolute;z-index:6;left:50%;top:26%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;pointer-events:none;text-align:center;width:max-content;max-width:92%;padding:14px 34px;isolation:isolate}.banner:before{content:"";position:absolute;inset:-10px -30px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(5,8,26,.78),rgba(5,8,26,.45) 60%,transparent)}.banner b{font:700 clamp(26px,5vw,54px)/1.05 var(--display);letter-spacing:.01em;color:#fff;text-shadow:0 0 24px var(--tone),0 0 2px rgba(0,0,0,.9),0 4px 30px rgba(0,0,0,.6)}.banner span{font-weight:600;color:#e7eaff;padding:5px 14px;border-radius:999px;background:#080b20a8;border:1px solid var(--line)}.banner span:empty{display:none}.banner.beside{width:auto;padding:10px 12px}.banner.beside b{font-size:22px;line-height:1.15;white-space:normal}.banner.beside span{font-size:13px}.banner.in{animation:bannerIn .55s cubic-bezier(.2,1.4,.4,1) both}.banner.out{animation:bannerOut .4s ease-in both}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7);filter:blur(6px)}}@keyframes bannerOut{to{opacity:0;transform:translate(-50%,-62%) scale(1.04);filter:blur(4px)}}.result{--tone: #c8d2ff;position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 45%,#070a1e59,#070a1eb8);animation:fade .5s ease-out .2s both}.result-card{position:relative;display:grid;justify-items:center;gap:10px;width:min(420px,100%);padding:30px 28px 24px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#1e2660eb,#0d1132f0);border:1px solid var(--line2);box-shadow:0 0 60px -10px var(--tone),0 30px 80px #00000080;animation:pop .6s cubic-bezier(.2,1.4,.4,1) .3s both}.result-stars{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(1.5px 1.5px at 18% 22%,#fff,transparent),radial-gradient(1px 1px at 72% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 86% 64%,#fff,transparent),radial-gradient(1px 1px at 28% 78%,#fff,transparent),radial-gradient(1px 1px at 52% 10%,#fff,transparent);opacity:.6}.result h2{margin:0;font:700 26px/1.15 var(--display);text-shadow:0 0 22px var(--tone)}.result-score{display:flex;align-items:center;gap:12px;margin:4px 0;font:700 34px/1 var(--display)}.result-score span{color:var(--muted);font-size:24px}.result-note{margin:0;min-height:1.2em;color:var(--muted)}.result-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85) translateY(14px)}}.welcome{position:absolute;z-index:9;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 50%,#070a1e33,#070a1e99);animation:fade .6s both}.welcome-card{display:grid;justify-items:center;gap:12px;width:min(440px,100%);padding:30px 28px 26px;border-radius:24px;text-align:center;background:linear-gradient(180deg,#1c245ce0,#0c1030eb);border:1px solid var(--line2);box-shadow:0 0 80px -20px #6f7dff,0 30px 80px #00000080;backdrop-filter:blur(6px);animation:pop .7s cubic-bezier(.2,1.3,.4,1) .15s both}.wordmark{margin:0;font:800 54px/1 var(--display);letter-spacing:.02em;background:linear-gradient(180deg,#fff 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(243,213,138,.35))}.tagline{margin:-4px 0 0;color:var(--gold);font:600 13px/1.3 var(--display);letter-spacing:.08em;text-transform:uppercase}.welcome-text{margin:0 0 6px;color:var(--muted);max-width:34ch}.welcome-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.primary,.ghost{min-height:44px;padding:0 18px;border-radius:12px;font-weight:700;transition:transform .1s,filter .15s,background .15s}.primary{border:0;color:#1a1033;background:linear-gradient(180deg,#ffe7a3,#f1bf55);box-shadow:0 0 0 1px #fff0c880 inset,0 8px 24px -8px #f3bf55b3}.primary:hover:not(:disabled){filter:brightness(1.06)}.primary:active:not(:disabled){transform:scale(.97)}.primary:disabled{opacity:.6}.primary.big{width:100%;min-height:52px;font-size:17px}.primary.small,.ghost.small{min-height:36px;padding:0 12px;font-size:14px}.ghost{border:1px solid var(--line);background:#ffffff0d}.ghost:hover:not(:disabled){background:#ffffff1a}.panel{position:relative;z-index:10;display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:linear-gradient(180deg,#0e1334f5,#090d26fa);border-left:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px}.panel-head h2{margin:0;font:700 18px/1 var(--display);color:var(--gold);letter-spacing:.03em}.panel .close{display:none}.panel-body{overflow:auto;padding:8px 18px 16px;display:grid;gap:16px;align-content:start}.group{display:grid;gap:8px}.label,.rules summary{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rules{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px 12px;background:#ffffff05;gap:12px}.rules summary{cursor:pointer;list-style:none}.rules summary::-webkit-details-marker{display:none}.rules[open] summary{margin-bottom:10px}.rules .row{display:grid;gap:6px;margin-bottom:10px;font-size:13px;color:var(--muted)}.seg{display:grid;gap:4px;padding:4px;border-radius:12px;background:#00000040;border:1px solid var(--line)}.seg.two{grid-template-columns:1fr 1fr}.seg.three{grid-template-columns:repeat(3,1fr)}.seg.four{grid-template-columns:repeat(4,1fr)}.seg button{min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:650;font-size:14px;display:grid;place-items:center;line-height:1.15;padding:4px 6px;transition:background .15s,color .15s}.seg button small{font-weight:500;font-size:11px;color:var(--dim)}.seg button:hover:not(:disabled){color:var(--ink);background:#ffffff0f}.seg button.on{background:linear-gradient(180deg,#f3d58a42,#f3d58a24);color:#fff4d4;box-shadow:inset 0 0 0 1px #f3d58a73}.seg button.on small{color:#e6d3a6}.seg button:disabled{opacity:.55}.seg button.on:disabled{opacity:.8}.toggle{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;cursor:pointer}.toggle span{display:grid;gap:2px}.toggle b{font-weight:650;font-size:14px}.toggle small{color:var(--dim);font-size:12px;line-height:1.3}.switch{position:relative;width:46px;height:28px;border-radius:999px;border:1px solid var(--line);background:#0000004d;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#c6cbea;transition:transform .2s,background .2s}.switch[aria-checked=true]{background:#f3d58a59;border-color:var(--line2)}.switch[aria-checked=true]:after{transform:translate(18px);background:var(--gold)}.switch:disabled{opacity:.5}.invite{display:grid;grid-template-columns:1fr auto;gap:6px}.invite input{min-width:0;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:var(--ink);font-size:13px}.note{margin:0;color:var(--dim);font-size:12.5px}.panel-links{display:flex;gap:16px}.link{border:0;background:none;padding:4px 0;color:var(--muted);font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.link:hover{color:var(--ink)}.link.danger{color:#ffb3bd}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:13px}.conn{color:var(--dim);display:flex;align-items:center;gap:6px}.conn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dim)}.conn.online:before{background:var(--good);box-shadow:0 0 8px var(--good)}.conn.trouble:before{background:#ffc078}.conn:empty:before{display:none}.picker{position:fixed;z-index:40;padding:10px;border-radius:16px;background:#0e1334f7;border:1px solid var(--line2);box-shadow:0 20px 50px #00000080}.swatches{display:grid;grid-template-columns:repeat(4,44px);gap:8px}.swatches button{width:44px;height:44px;border-radius:50%;border:2px solid transparent;background:none;padding:3px}.swatches button .token{width:100%;height:100%}.swatches button.on{border-color:var(--gold)}.swatches button:disabled{opacity:.25}dialog{max-width:min(560px,calc(100% - 24px));padding:0 0 20px;border-radius:20px;border:1px solid var(--line2);background:linear-gradient(180deg,#1a2160,#0c1132);color:var(--ink);box-shadow:0 30px 90px #0009}dialog::backdrop{background:#04061499;backdrop-filter:blur(3px)}dialog .close{display:inline-grid}.help-body{padding:0 22px;color:#dfe3ff}.help-body b{color:var(--gold)}.keys{padding:0 22px;color:var(--muted);font-size:13px}dialog .primary{margin:0 22px}.toast{position:fixed;z-index:50;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:#0e1334f2;border:1px solid var(--line);box-shadow:0 10px 30px #00000073;font-weight:600;animation:toast .25s ease-out}.toast.bad{border-color:#ff6b7d99}.toast.good{border-color:#6ff0b08c}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}}.flying-star{position:fixed;z-index:45;width:34px;height:34px;pointer-events:none;background:radial-gradient(circle,#fff 0 12%,var(--tone) 30%,transparent 68%);filter:drop-shadow(0 0 10px var(--tone));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}@media(max-width:1099px){.stage{grid-template-columns:1fr}#menuButton{display:inline-grid}.panel{position:fixed;top:var(--bar);right:0;bottom:0;width:min(360px,92vw);transform:translate(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 60px #00000073}.panel-open .panel{transform:none}.panel .close{display:inline-grid}}@media(max-width:860px){.side .name{max-width:96px}.side input.name{width:96px}.mid{min-width:0}.mid span{display:none}}@media(max-width:700px){:root{--bar: 56px}.bar{gap:8px;padding:0 8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.brand span{display:none}.brand svg{width:30px;height:30px}.score{gap:4px;justify-self:stretch;justify-content:center}.side{gap:6px;padding:3px 8px 3px 3px}.side[data-seat="1"]{padding:3px 3px 3px 8px}.token{width:30px;height:30px}.side{flex:1 1 0}.side .name{max-width:100%;font-size:13.5px}.side input.name{width:100%}.side small{font-size:10.5px}.side .pips i{width:7px;height:7px}.mid{display:none}.tools{gap:4px}.icon{width:36px;height:36px;border-radius:10px}#helpButton{display:none}.status{top:8px;font-size:14px;padding:6px 14px 6px 8px}.wordmark{font-size:44px}.welcome-card,.result-card{padding:24px 18px 18px}}@media(max-width:480px){.side .pips{display:none}.token-button:before{content:attr(data-score);position:absolute;z-index:2;right:-5px;bottom:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold);color:#1a1033;font:700 11px/17px var(--display);text-align:center;box-shadow:0 0 0 2px var(--night)}.token-button[data-score="0"]:before{background:#2a3270;color:#c7cdf5}#hintsButton{display:none}}@media(max-height:500px){:root{--bar: 48px}.icon{width:34px;height:34px}.token{width:28px;height:28px}.status{top:6px;padding:4px 12px 4px 8px;font-size:13.5px}.banner{top:30%}.welcome-card{gap:8px;padding:16px 18px 14px}.wordmark{font-size:36px}.welcome-text{display:none}.result-card{gap:6px;padding:16px 18px 14px}.result h2{font-size:21px}}@media(max-height:500px)and (min-aspect-ratio:7/5){.app{grid-template-rows:1fr}.bar{position:absolute;inset:0;z-index:20;display:block;padding:0;background:none;backdrop-filter:none;pointer-events:none}.bar:after{display:none}.bar>*{pointer-events:auto}.brand{position:absolute;left:max(10px,env(safe-area-inset-left));top:8px}.brand span{display:inline;font-size:18px}.tools{position:absolute;right:max(10px,env(safe-area-inset-right));top:8px}.score{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:56px;display:flex;justify-self:stretch;justify-content:space-between;pointer-events:none}.score .side{pointer-events:auto;background:#0a0e28b3}.score .side .pips{display:flex}.score .token-button:before{display:none}.mid{display:none}.status{left:max(10px,env(safe-area-inset-left));top:auto;bottom:12px;transform:none;max-width:calc(50% - 200px);white-space:normal}.panel{top:0}.stage{grid-row:1}}@media(pointer:coarse){.seg button{min-height:42px}.icon{min-width:40px;min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}
