:root{--sa-top: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));--sa-bottom: max(env(safe-area-inset-bottom, 0px), var(--safe-area-inset-bottom, 0px));--sa-left: max(env(safe-area-inset-left, 0px), var(--safe-area-inset-left, 0px));--sa-right: max(env(safe-area-inset-right, 0px), var(--safe-area-inset-right, 0px))}:root{--ink: #eef1ff;--muted: #93a0c8;--mint: #22d3ee;--blue: #3b82f6;--pink: #ff8a3d;--orange: #ff7a1a;--red: #ff4d5e;--gold: #ffcc4d;--card: rgba(255, 255, 255, .055);--card-hi: rgba(255, 255, 255, .11);--line: rgba(130, 170, 255, .16);--glow: 0 0 0 1px rgba(120, 170, 255, .12), 0 8px 26px rgba(0, 0, 0, .35);--bg: radial-gradient(120% 70% at 50% 0%, #23164a 0%, transparent 60%), linear-gradient(180deg, #160f2e 0%, #10183a 45%, #0a1b2c 100%);--display: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}html{background:#10183a}body{background:var(--bg);background-attachment:fixed;min-height:100%;overscroll-behavior:none;user-select:none;-webkit-user-select:none}h1,h2,h3,b,.code,.score,.qval,.sval{font-family:var(--display)}h2{font-weight:800}.muted{color:var(--muted);font-size:14px}.error{color:var(--red);text-align:center}body.offline:after,body.back-online:after{content:attr(data-offline);position:fixed;z-index:50;left:50%;transform:translate(-50%);top:calc(var(--sa-top) + 8px);white-space:nowrap;background:var(--red);color:#fff;font:800 13px var(--display);border-radius:99px;padding:6px 14px;box-shadow:0 4px 14px #0006}body.back-online:after{content:attr(data-online);background:#22a06b}button{font:700 15px var(--display);color:inherit;border:0;cursor:pointer;border-radius:14px;padding:10px 18px;background:var(--card-hi);transition:transform .08s ease,filter .15s ease}button:active{transform:scale(.97)}button:disabled{opacity:.55;cursor:default}button.ghost{background:transparent;color:var(--muted)}button.small{padding:6px 13px;font-size:14px;border-radius:11px}.btn-orange,.btn-blue,.btn-red{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:380px;margin:0 auto;color:#fff;font-weight:800;letter-spacing:.5px;border-radius:18px;padding:14px;font-size:19px}.btn-orange.big,.btn-blue.big,.btn-red.big{padding:16px;font-size:22px}.btn-orange{background:linear-gradient(180deg,#ffa043,#ff7417 60%,#f05f08);box-shadow:0 6px #b9470a,0 10px 28px #ff7a1a73,inset 0 1px #fff6}.btn-blue{background:linear-gradient(180deg,#5fa2ff,#2f72f0 60%,#2259d6);box-shadow:0 6px #1a3f9e,0 10px 28px #3b82f673,inset 0 1px #fff6}.btn-red{background:linear-gradient(180deg,#ff6b6b,#ef3b45 60%,#d42b36);box-shadow:0 6px #92161f,0 10px 28px #ef3b4573,inset 0 1px #ffffff59}.btn-orange:active,.btn-blue:active,.btn-red:active{transform:translateY(3px)}button.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.12)}}button.secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:380px;margin:0 auto;padding:13px;font-weight:800;font-size:16px;border:1px solid rgba(34,211,238,.4);background:#22d3ee17;color:#c6f4ff;border-radius:16px}button.secondary.narrow{max-width:200px}.icon-btn{position:relative;width:44px;height:44px;padding:0;border-radius:14px;font-size:20px;background:var(--card);box-shadow:var(--glow);flex:none}.icon-btn .count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font:800 12px/20px var(--display)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:7px 13px;font-size:14px;border:1px solid var(--line);background:var(--card)}.chip.on{background:var(--mint);color:#05202a;border-color:var(--mint)}.row{display:flex;align-items:center;gap:8px}.code-input{flex:1;min-width:0;font:800 18px var(--display);letter-spacing:3px;text-transform:uppercase;color:var(--ink);background:#00000040;border:1px solid var(--line);border-radius:12px;padding:9px 12px}.avatar{--size: 40px;position:relative;display:inline-grid;place-items:center;flex:none;width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 55%),var(--bg, #345);box-shadow:inset 0 -3px 6px #00000040,0 0 0 2px #ffffff1f}.avatar .face{font-size:calc(var(--size) * .6);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.avatar.ring-blue{box-shadow:0 0 0 2.5px var(--mint),0 0 14px #22d3ee73}.avatar.ring-orange{box-shadow:0 0 0 2.5px var(--pink),0 0 14px #ff8a3d73}.avatar .badge{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;padding:2px;border-radius:99px;background:#1b2348;color:#fff;box-shadow:0 0 0 1.5px #ffffff59}.avatar.unknown{background:#ffffff12;box-shadow:0 0 0 2.5px var(--pink),0 0 14px #ff8a3d73}.avatar.unknown .face{font:800 calc(var(--size) * .5) var(--display);color:var(--pink);animation:pulse 1.2s infinite}.avatar.mood-win{box-shadow:0 0 0 3px var(--gold),0 0 28px #ffcc4d8c}.avatar .crown{position:absolute;top:calc(var(--size) * -.42);display:grid;color:#fff;transform:rotate(-12deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.avatar.mood-wet{filter:saturate(.65);transform:rotate(-8deg);box-shadow:0 0 0 3px #7fd3ff,0 0 24px #7fd3ff73}.avatar.mood-wet:after{content:"?";position:absolute;top:-6%;right:-10%;font:800 calc(var(--size) * .32) var(--display);color:#bfe9ff;transform:rotate(14deg)}.avatar .drip{position:absolute;top:8%;width:calc(var(--size) * .07);height:calc(var(--size) * .12);background:#bfe9ff;border-radius:50%/30% 30% 70% 70%;opacity:0;animation:drip 1.6s ease-in infinite}.avatar .drip.d0{left:18%;animation-delay:0s}.avatar .drip.d1{left:42%;animation-delay:.5s}.avatar .drip.d2{left:66%;animation-delay:.9s}.avatar .drip.d3{left:82%;animation-delay:1.25s}@keyframes drip{0%{transform:translateY(0);opacity:.95}to{transform:translateY(calc(var(--size) * 1.05));opacity:0}}.ptag{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.ptag .ptext{display:flex;flex-direction:column;min-width:0;line-height:1.15}.ptag .pname{font:700 15px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ptag .pextra{color:var(--muted);font-size:12px;white-space:nowrap}.ptag .host{font-size:14px}.pics{display:flex}.pics .avatar+.avatar{margin-left:-10px}.login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;font:700 16px var(--display)}.logo-art{position:relative;width:220px;height:130px}.logo-art .orb{position:absolute;border-radius:50%;animation:float 3.2s ease-in-out infinite}.logo-art .orb.blue{left:34px;top:10px;width:96px;height:96px;background:radial-gradient(circle at 32% 28%,#fff 0 8%,#8fd8ff 18%,#2f8cff 60%,#1a4fd0);box-shadow:0 0 36px #2f8cff99}.logo-art .orb.orange{right:30px;top:22px;width:82px;height:82px;animation-delay:-1.4s;background:radial-gradient(circle at 32% 28%,#fff 0 8%,#ffc98f 18%,#ff7a1a 60%,#d14f05);box-shadow:0 0 36px #ff7a1a99}.logo-art .drop{position:absolute;width:9px;height:13px;border-radius:50%/35% 35% 65% 65%;background:#9fdcff;opacity:.85;animation:float 2.6s ease-in-out infinite}.logo-art .d0{left:12px;top:40px}.logo-art .d1{left:24px;top:96px;animation-delay:-.6s}.logo-art .d2{left:110px;top:0;animation-delay:-1.1s}.logo-art .d3{right:10px;top:14px;background:#ffbf87}.logo-art .d4{right:14px;top:100px;animation-delay:-.3s}.logo-art .d5{left:128px;top:112px;background:#ffbf87}.logo-art .d6{left:70px;top:116px;animation-delay:-1.8s}@keyframes float{50%{transform:translateY(-8px)}}.logo-text{margin:-8px 0 0;line-height:.92;font-weight:800;display:flex;flex-direction:row;justify-content:center}.logo-text span{display:block;font-size:44px;letter-spacing:1px;filter:drop-shadow(0 0 1px rgba(10,20,60,.95)) drop-shadow(0 0 1px rgba(10,20,60,.95)) drop-shadow(0 4px 0 rgba(8,14,40,.8)) drop-shadow(0 0 18px rgba(80,150,255,.35))}.logo-text .l1{margin-right:1px;color:transparent;background:linear-gradient(180deg,#e9f8ff,#6fc7ff 45%,#2d7bff);-webkit-background-clip:text;background-clip:text}.logo-text .l2{color:transparent;background:linear-gradient(180deg,#fff1d6,#ffb15c 45%,#ff6b10);-webkit-background-clip:text;background-clip:text}.login .tagline{margin:0 0 14px;color:var(--muted);font-weight:700}.login .btn-blue{max-width:320px}.lobby,.page,.room-screen,.searching-screen{max-width:560px;margin:0 auto;min-height:100%;padding:calc(var(--sa-top) + 14px) 16px calc(var(--sa-bottom) + 18px);display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;gap:10px}.topbar .who{flex:1;display:flex;align-items:center;gap:12px;text-align:left;min-width:0;background:var(--card);border-radius:18px;padding:8px 12px 8px 8px;box-shadow:var(--glow)}.who-text{display:flex;flex-direction:column;min-width:0}.who-text{flex:1}.who-text .name{font-size:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-text .stats{color:var(--muted);font:700 13px var(--display);white-space:nowrap}.shields{display:inline-flex;gap:2px;color:#fff;flex:none}.shields .icon.empty{opacity:.4}.ban{background:#ff8a3d1f;border:1px solid rgba(255,138,61,.5);border-radius:14px;padding:10px 12px;font-size:14px}.play-area{display:flex;flex-direction:column;gap:12px;padding-top:2px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:92px;padding:10px 6px;border-radius:18px;background:var(--card);box-shadow:var(--glow)}.qcard .qicon{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;color:#fff}.qcard .qval{font-size:22px;line-height:1}.qcard .qlabel{font:700 13px var(--display);color:#cdd6f6}.nearby{display:flex;flex-direction:column;gap:8px}.nearby:empty{display:none}.nearby-room{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#22d3ee14;border:1px solid rgba(34,211,238,.4);font-size:14px}.nearby-room .label{color:#7eeaff;font:800 14px var(--display);white-space:nowrap}.nearby-room .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:4px}.section-title>span{font:800 18px var(--display)}.section-title>span:first-letter{color:var(--red)}.match-list{display:flex;flex-direction:column;gap:10px}.match{display:grid;grid-template-columns:1fr;grid-template-areas:"head" "vs";gap:8px;align-items:center;background:var(--card);border-radius:16px;padding:10px 12px;box-shadow:var(--glow)}.match.live{box-shadow:0 0 0 1px #ff4d5e8c,0 0 18px #ff4d5e2e}.match .mhead{grid-area:head;display:flex;align-items:center;gap:8px;font:700 13px var(--display);color:var(--muted)}.match .live-badge{background:var(--red);color:#fff;border-radius:6px;padding:1px 7px;font-weight:800;font-size:12px}.match .vs{grid-area:vs;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;min-width:0}.match .vs .ptag .pname{font-size:14px}.match .x{color:var(--muted);font:800 12px var(--display)}.match .watch{margin-left:auto;padding:6px 16px}button.watch{padding:8px 16px;font-weight:800;color:#fff;background:linear-gradient(180deg,#4b8dff,#2f6ae6);border-radius:12px}.searching-screen{align-items:center;text-align:center}.searching-screen .page-head{align-self:stretch}.searching-screen .title{margin:6px 0 0;font-size:26px}.versus-ring{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:290px;height:290px;margin:6px 0;border-radius:50%;background:radial-gradient(circle,rgba(60,100,255,.14) 0%,transparent 65%)}.versus-ring:before,.versus-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--mint);border-left-color:#22d3ee59;animation:spin 1.6s linear infinite}.versus-ring:after{inset:18px;border-top-color:var(--pink);border-left-color:transparent;border-right-color:#ff8a3d59;animation-duration:2.3s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.vs-text{font:800 44px var(--display);background:linear-gradient(90deg,var(--mint),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.streak-line{font:800 18px var(--display);color:#8fe6ff}.streak-line .from{color:var(--muted)}.streak-line .to{color:var(--gold)}.dots{display:flex;gap:8px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--mint);animation:blink 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.searching-screen .note{background:var(--card);border-radius:14px;padding:12px 16px;color:var(--muted);font-size:14px;max-width:320px}.page-head{display:flex;align-items:center;gap:12px;min-height:44px}.page-head h2{margin:0;font-size:24px}.page-body{display:flex;flex-direction:column;gap:14px}.board{background:var(--card);border-radius:18px;padding:6px 14px 12px;box-shadow:var(--glow)}.board h3{font-size:16px;margin:10px 0 6px}.board>.muted{margin:0 0 6px}.board .row{padding:7px 0;border-bottom:1px solid var(--line)}.board .row:last-child{border-bottom:0}.board .rank{width:26px;text-align:center;font:800 15px var(--display);color:var(--muted)}.board .rank.medal{font-size:20px}.board .s{font:800 15px var(--display)}.board.requests{box-shadow:0 0 0 1px #ffcc4d99}.rules{background:var(--card);border-radius:18px;padding:4px 16px 10px;font-size:15px;line-height:1.5;box-shadow:var(--glow)}.rules h3{margin:14px 0 4px;font-size:18px}.rules p{margin:4px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-grid.three{grid-template-columns:repeat(3,1fr)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000038;border:1px solid var(--line);border-radius:14px;padding:10px 6px}.stat .slabel{font:700 12px var(--display);color:var(--muted);text-align:center}.stat .sval{font-size:24px;line-height:1.1}.my-code{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--card);border-radius:18px;padding:4px 16px 12px;box-shadow:var(--glow)}.my-code h3{margin:10px 0 4px;font-size:16px}.my-code .muted{margin:0}.qr{background:#fff;border-radius:16px;padding:8px;flex:none;box-shadow:0 0 22px #5096ff40}.qr svg{display:block;width:100%;height:100%}.code{font-size:28px;font-weight:800;letter-spacing:6px}.dot{width:9px;height:9px;border-radius:50%;background:#4b5578;flex:none}.dot.on{background:#34d399;box-shadow:0 0 8px #34d399}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:20px;padding:12px 14px;box-shadow:var(--glow)}.room-code{display:flex;flex-direction:column;gap:2px}.room-code .code{font-size:44px;line-height:1}.room-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;justify-content:space-between;background:var(--card);border-radius:18px;padding:10px 14px;box-shadow:var(--glow)}.room-status>b{font-size:18px}.room-status .score{font-size:26px;font-weight:800;display:flex;gap:6px}.room-status .sa{color:var(--mint)}.room-status .sb{color:var(--pink)}.room-status .sx{color:var(--muted)}.room-status .over,.room-status .next,.room-status .chips{flex-basis:100%}.room-status .pending{flex-basis:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.room-status .pending p{margin:0;font:800 17px var(--display);text-align:center}.room-status .pending .row{gap:10px}.room-status .pending .row button{min-width:120px;white-space:nowrap}.room-status>.muted{margin:0}.room-status .over{color:var(--gold);font:800 16px var(--display)}.room-status .next{color:#7eeaff;font:800 16px var(--display)}.teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:18px;background:var(--card);min-width:0}.team h3{margin:0 0 2px;font-size:15px}.team0{box-shadow:0 0 0 1px #22d3ee80,0 0 18px #22d3ee1f}.team0 h3{color:#7eeaff}.team1{box-shadow:0 0 0 1px #ff8a3d80,0 0 18px #ff8a3d1f}.team1 h3{color:#ffb27a}.team-1{flex-direction:row;flex-wrap:wrap;align-items:center;box-shadow:var(--glow)}.team-1 h3{flex-basis:100%;color:var(--muted)}.member{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 4px 5px 6px;border-radius:12px;background:#ffffff0f;min-width:0}.member .ptag .pname{font-size:13px}.member.me{outline:2px solid var(--mint)}.member .small{padding:2px 8px}.room-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.pending:empty,.invites:empty{display:none}.pending,.invites{display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:18px;padding:8px 12px 10px;box-shadow:var(--glow)}.pending{box-shadow:0 0 0 1px #ffcc4db3}.pending h3,.invites h3{margin:4px 0;font-size:15px}.sheet{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#05081499;padding:16px;padding-bottom:calc(var(--sa-bottom) + 16px)}.sheet .card{width:100%;max-width:420px;background:#161e44;border:1px solid var(--line);border-radius:26px;padding:12px 18px 10px;display:flex;flex-direction:column;gap:12px;box-shadow:0 -10px 40px #00000080}.sheet .grabber{width:44px;height:5px;border-radius:9px;background:#fff3;margin:0 auto 2px}.sheet h2{margin:0;font-size:26px}.sheet .muted{margin:4px 0 0}.game{position:fixed;inset:0;display:flex;flex-direction:column;padding:var(--sa-top) var(--sa-right) var(--sa-bottom) var(--sa-left)}.game canvas{flex:1;width:100%;min-height:0;touch-action:none}.spec-bar{background:#0a0e24eb;border-top:1px solid var(--line);padding:8px 12px 12px;display:flex;flex-direction:column;gap:10px}.spec-head{display:flex;align-items:center;gap:10px}.spec-head .icon-btn{width:38px;height:38px;font-size:18px}.spec-head .muted{flex:1}.spec-bar .report{background:#ff4d5e24;color:#ff8b97;font-size:14px;padding:7px 12px}.spec-bar .cheer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-bar .side{display:flex;align-items:center;gap:8px;padding:8px;text-align:left;background:var(--card);border-radius:14px;min-width:0}.spec-bar .side .who{display:flex;flex-direction:column;min-width:0}.spec-bar .side .who b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-bar .side .who small{color:var(--muted);font-size:12px}.spec-bar .side1 .who b{color:#ffb27a}.spec-bar .side0 .who b{color:#7eeaff}.spec-bar .side0.on{box-shadow:0 0 0 2px var(--mint),0 0 16px #22d3ee59}.spec-bar .side1.on{box-shadow:0 0 0 2px var(--pink),0 0 16px #ff8a3d59}.spec-bar .emojis{display:flex;justify-content:space-between;gap:6px;background:var(--card);border-radius:18px;padding:6px}.spec-bar .emojis button{flex:1;font-size:26px;padding:6px 0;background:transparent}.result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05081699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;animation:fade .25s ease-out}.result .card{position:relative;overflow:hidden;width:100%;max-width:360px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:28px;padding:30px 20px 18px;background:#151d42;border:1px solid var(--line);box-shadow:0 16px 50px #0000008c}.result.win .card{background:radial-gradient(120% 70% at 50% 0%,rgba(59,130,246,.45),transparent 60%),#151d42;box-shadow:0 0 0 1px #ffcc4d59,0 16px 50px #0000008c}.result.lose .card{background:radial-gradient(120% 70% at 50% 0%,rgba(239,59,69,.42),transparent 60%),#1a1736;box-shadow:0 0 0 1px #ef3b4566,0 16px 50px #0000008c}.result .avatar{margin-top:10px}.result .big-emoji{display:grid;place-items:center;color:#fff}.result .rtitle{margin:6px 0 0;font-size:32px;line-height:1.05}.result.win .rtitle{color:#fff;text-shadow:0 0 22px rgba(80,160,255,.7)}.result.lose .rtitle{color:#ffe6e8;text-shadow:0 0 22px rgba(239,59,69,.75)}.result .muted,.result .score-line{margin:0}.result .score-line{font:800 18px var(--display)}.result .stat-grid{width:100%;margin:4px 0 6px}.result .stat .sval{font-size:22px}.result button.secondary{margin-top:2px}.result .save-note{margin:-4px 0 2px;font-size:13px}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:confetti 2.4s linear infinite}.confetti i.c0{background:var(--gold)}.confetti i.c1{background:var(--mint)}.confetti i.c2{background:var(--pink)}.confetti i.c3{background:#a78bfa}.confetti i.c4{background:#fff}.confetti i.c5{background:#34d399}.confetti i:nth-child(1){left:6%;animation-delay:0s}.confetti i:nth-child(2){left:14%;animation-delay:.7s}.confetti i:nth-child(3){left:22%;animation-delay:1.3s}.confetti i:nth-child(4){left:30%;animation-delay:.3s}.confetti i:nth-child(5){left:38%;animation-delay:1.9s}.confetti i:nth-child(6){left:46%;animation-delay:1s}.confetti i:nth-child(7){left:54%;animation-delay:.5s}.confetti i:nth-child(8){left:62%;animation-delay:1.6s}.confetti i:nth-child(9){left:70%;animation-delay:.2s}.confetti i:nth-child(10){left:78%;animation-delay:1.1s}.confetti i:nth-child(11){left:86%;animation-delay:.8s}.confetti i:nth-child(12){left:94%;animation-delay:1.4s}.confetti i:nth-child(13){left:10%;animation-delay:2.1s}.confetti i:nth-child(14){left:34%;animation-delay:2.3s}.confetti i:nth-child(15){left:58%;animation-delay:1.8s}.confetti i:nth-child(16){left:82%;animation-delay:2s}.confetti i:nth-child(17){left:50%;animation-delay:.1s}.confetti i:nth-child(18){left:74%;animation-delay:2.2s}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(560px) rotate(540deg);opacity:.2}}@keyframes fade{0%{opacity:0}}.toast-stack{position:fixed;z-index:30;left:50%;bottom:calc(var(--sa-bottom) + 24px);transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;max-width:100%;text-align:center;font:700 15px var(--display);background:#26305a;color:var(--ink);padding:11px 18px;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px #0000008c;border-radius:18px}body.in-game .toast-stack{bottom:auto;top:calc(var(--sa-top) + 8px);flex-direction:column-reverse}.toast-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.toast.join-request{box-shadow:0 0 0 1px #ffcc4db3,0 10px 30px #0000008c}.scanner{position:fixed;inset:0;z-index:40;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.scanner video{width:100%;max-width:480px;border-radius:20px;outline:3px solid rgba(34,211,238,.7);outline-offset:6px}.scanner p{color:#fff;text-align:center;margin:0;font:700 15px var(--display)}.icon{flex:none;vertical-align:-.16em}.icon.lead{margin-right:.38em}button:has(>.icon){display:inline-flex;align-items:center;justify-content:center}.icon-btn{display:grid;place-items:center;color:#fff}.who-text .stats{display:inline-flex;align-items:center}.who-text .stats .sep{font-style:normal;margin:0 .5em}.viewers,.ptag .pextra,.board .s,.ptag .host{display:inline-flex;align-items:center}.rules .icon{margin-right:.3em}body{font-variant-numeric:tabular-nums}.match .mhead{min-height:34px}.board .s{min-width:58px;justify-content:flex-start;flex:none}.who{cursor:pointer}.who-text .name{display:flex;align-items:center;min-width:0}.who-text .name .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.who-text .name .edit{margin-left:6px;opacity:.55;flex:none}.name-ask:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid rgba(255,204,77,.55);border-radius:16px;padding:10px 12px;box-shadow:var(--glow)}.name-ask p{margin:0;font:700 14px var(--display);flex:1 1 180px}.get-app:not([hidden]){display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);border:1px solid rgba(126,234,255,.45);border-radius:16px;padding:10px 12px}.get-app p{margin:0;font:700 14px var(--display);flex:1 1 180px}.get-app .qr{border-radius:10px;padding:4px;box-sizing:content-box}.get-app-text{flex:1 1 160px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.get-app-text p{flex:none}.name-sheet .card{max-height:calc(100dvh - 40px);overflow-y:auto}.name-preview{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:16px;background:#ffffff0d}.name-preview b{font:800 20px var(--display)}.name-group h3{margin:4px 0 6px;font-size:14px;color:var(--muted)}.chip.locked{opacity:.45}.tut{position:absolute;inset:0;pointer-events:none;z-index:6}.tut-card{position:absolute;left:50%;top:24%;transform:translate(-50%);width:min(320px,calc(100% - 40px));padding:14px 18px;border-radius:18px;text-align:center;font:800 19px/1.3 var(--display);color:#fff;background:#121a3aeb;box-shadow:0 0 0 1.5px var(--mint),0 12px 30px #00000073}.tut-card:empty{display:none}.tut-card.in{animation:tut-in .35s cubic-bezier(.2,1.4,.4,1)}@keyframes tut-in{0%{transform:translate(-50%) scale(.85);opacity:0}}.tut-finger{position:fixed;left:0;top:0;opacity:0;transition:opacity .2s}.tut-finger.swipe,.tut-finger.tap{opacity:1}.tut-finger .dot{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 0 7px #ffffff38,0 6px 18px #00000059}.tut-finger.swipe .dot{animation:tut-swipe 1.5s ease-in-out infinite}@keyframes tut-swipe{0%{transform:translateY(0) scale(.9);opacity:0}15%{opacity:1;transform:translateY(0) scale(1)}70%{transform:translateY(-150px);opacity:1}to{transform:translateY(-175px);opacity:0}}.tut-finger.tap .dot{animation:tut-tap .9s ease-in-out infinite;opacity:.55}.tut-finger.tap.ready .dot{opacity:1}@keyframes tut-tap{50%{transform:scale(.78);box-shadow:0 0 0 16px #ffffff1f,0 4px 12px #0000004d}}.tut-praise{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);opacity:0;font:800 40px var(--display);color:#fff;text-shadow:0 0 22px rgba(126,234,255,.9),0 4px 0 rgba(8,14,40,.8)}.tut-praise.go{animation:tut-cheer .95s ease-out}@keyframes tut-cheer{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-64%) scale(1)}}.tut-skip{position:absolute;left:50%;top:calc(var(--sa-top) + 12px);transform:translate(-50%);pointer-events:auto;padding:6px 16px;font-size:14px;color:var(--muted);background:#ffffff14;border-radius:99px}.game-hint{position:absolute;left:50%;top:20%;transform:translate(-50%);width:min(320px,calc(100% - 40px));z-index:5;padding:12px 16px;border-radius:16px;text-align:center;font:700 16px/1.35 var(--display);color:#fff;pointer-events:none;background:#121a3aeb;box-shadow:0 0 0 1.5px #ffcc4dcc,0 10px 26px #00000073;animation:tut-in .35s cubic-bezier(.2,1.4,.4,1);transition:opacity .4s}.game-hint.out{opacity:0}button.ghost.danger{color:#ff7a85;font-size:13px;padding-top:2px}.sound-btn{position:absolute;z-index:5;width:36px;height:36px;padding:0;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:99px;color:#fff;background:#ffffff1a}.sound-btn[aria-pressed=true],.icon-btn.sound[aria-pressed=true]{color:var(--muted)}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff")}