:root{--bg: 12 24 20;--bg-deep: 7 15 12;--card: 17 32 27;--card-2: 24 42 36;--field: 10 21 17;--line: 32 52 45;--line-2: 46 72 63;--pri: 16 185 129;--pri-2: 52 211 153;--lime: 163 230 53;--gold: 255 203 119;--red: 248 113 113;--sky: 96 165 250;--text: 255 255 255;--mut: 138 163 153;--mut-2: 88 112 103;--display: "Baloo 2", "Lexend", system-ui, sans-serif;--body: "Lexend", system-ui, sans-serif;--pc: rgb(var(--pri-2));--ease-back: cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{font:400 15px/1.5 var(--body);color:rgb(var(--text));background:rgb(var(--bg-deep));min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{position:relative;z-index:1;isolation:isolate}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;margin:0}p{margin:0}a{color:rgb(var(--pri-2))}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgb(var(--lime));outline-offset:2px}fieldset{border:0;padding:0;margin:0;min-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgb(var(--line-2));border-radius:8px}.invisible{visibility:hidden}.muted{color:rgb(var(--mut))}.good{color:rgb(var(--pri-2))}.bad{color:rgb(var(--red))}.bgfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bgfx canvas{width:100%;height:100%;display:block}.bgfx .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(80% 60% at 50% 15%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(80% 60% at 50% 15%,#000 30%,transparent 100%)}.bgfx .vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgb(0 0 0 / .45) 100%)}.in-pop{animation:pop .5s var(--ease-back) var(--d, 0s) both}.in-drop{animation:drop .5s var(--ease-back) var(--d, 0s) both}.in-fade{animation:fade .5s ease var(--d, 0s) both}.in-rise{animation:rise .5s cubic-bezier(.2,.8,.2,1) var(--d, 0s) both}.in-slide{animation:slide .5s cubic-bezier(.2,.8,.2,1) var(--d, 0s) both}.in-slam{animation:slam .55s cubic-bezier(.2,1.5,.4,1) var(--d, 0s) both}.in-flip{animation:flip .55s cubic-bezier(.2,1.3,.4,1) var(--d, 0s) both}.in-bounce{animation:bounce 1.1s ease var(--d, 0s) both}.in-out{animation:outfade .3s ease var(--d, 0s) forwards;animation-delay:2.8s}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes drop{0%{opacity:0;transform:translateY(-26px) scale(.9)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes slide{0%{opacity:0;transform:translate(-24px)}}@keyframes slam{0%{opacity:0;transform:scale(1.8);filter:blur(6px)}60%{opacity:1;filter:blur(0)}}@keyframes flip{0%{opacity:0;transform:perspective(500px) rotateX(-90deg)}}@keyframes bounce{0%{opacity:0;transform:translateY(-30px) scale(.5)}30%{opacity:1;transform:translateY(0) scale(1.1)}45%{transform:translateY(-10px) scale(1)}60%{transform:translateY(0)}75%{transform:translateY(-4px)}}@keyframes outfade{to{opacity:0;width:0}}@keyframes spin{to{rotate:360deg}}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;border:1px solid rgb(var(--line-2));background:rgb(var(--card-2));color:rgb(var(--text));font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:transform .12s ease,filter .15s,background .15s,border-color .15s,box-shadow .2s}.btn:hover:not(:disabled){filter:brightness(1.15);border-color:rgb(var(--pri) / .6)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border:0;background:linear-gradient(180deg,rgb(var(--pri-2)),rgb(var(--pri)));color:#04120c;box-shadow:0 6px 24px rgb(var(--pri) / .3),inset 0 1px #ffffff40}.btn.gold{border:0;background:linear-gradient(180deg,#ffd68c,rgb(var(--gold)));color:#2b1d00;box-shadow:0 6px 24px rgb(var(--gold) / .2)}.btn.primary:after,.btn.gold:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .4),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.btn.primary:hover:not(:disabled):after,.btn.gold:hover:not(:disabled):after{left:130%}.btn.ghost{background:rgb(var(--card) / .6)}.btn.discord{border:0;background:#5865f2;color:#fff;box-shadow:0 6px 22px #5865f259}.btn.big{min-height:52px;padding:0 24px;font-size:1.05rem;border-radius:12px}.btn.small{min-height:34px;padding:0 12px;font-size:.86rem;border-radius:8px}.btn.warn{border-color:rgb(var(--red));color:#ffd9dd}.btn.yes{border-color:rgb(var(--pri-2) / .7)}.btn.yes.on,.btn.yes:hover:not(:disabled){background:rgb(var(--pri-2));color:#052616}.btn.no{border-color:rgb(var(--red) / .7)}.btn.no.on,.btn.no:hover:not(:disabled){background:rgb(var(--red));color:#33040a}.btn.idk{border-color:rgb(var(--gold) / .7)}.btn.idk.on,.btn.idk:hover:not(:disabled){background:rgb(var(--gold));color:#332000}.btn.on{transform:scale(1.04);box-shadow:0 0 0 3px #ffffff26}.icon-btn{background:none;border:0;padding:6px;border-radius:8px;color:rgb(var(--mut));display:inline-flex}.icon-btn:hover:not(:disabled){color:rgb(var(--text));background:rgb(var(--card-2))}.icon-btn:disabled{opacity:.3;cursor:default}input:not([type]),input[type=text],select{background:rgb(var(--field));border:1px solid rgb(var(--line-2));border-radius:10px;padding:10px 14px;min-width:0;width:100%;transition:border-color .15s,box-shadow .15s}input:not([type]):focus,input[type=text]:focus,select:focus{border-color:rgb(var(--pri-2));box-shadow:0 0 0 3px rgb(var(--pri) / .2);outline:none}select:disabled,input:disabled{opacity:.7}.field{display:grid;gap:8px}.field>span{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;color:rgb(var(--mut))}.field>span b{color:rgb(var(--text));font-weight:600}.field>span b.free{color:rgb(var(--lime))}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,rgb(var(--pri-2)) var(--p, 50%),rgb(var(--line)) var(--p, 50%))}input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,rgb(var(--pri-2)) var(--p, 50%),rgb(var(--line)) var(--p, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;margin-top:-6px;background:#fff;border:3px solid rgb(var(--pri));box-shadow:0 2px 8px #0006;transition:transform .12s}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid rgb(var(--pri))}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]:disabled{cursor:default;opacity:.6}.check{display:flex;gap:10px;align-items:center;cursor:pointer}.check input{width:18px;height:18px;accent-color:rgb(var(--pri));flex:none}.toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle i{flex:none;width:42px;height:24px;border-radius:12px;background:rgb(var(--line));position:relative;transition:background .2s}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-back)}.toggle input:checked+i{background:rgb(var(--pri))}.toggle input:checked+i:after{transform:translate(18px)}.toggle input:focus-visible+i{outline:3px solid rgb(var(--lime));outline-offset:2px}.toggle span{display:grid;font-size:.92rem}.toggle small{color:rgb(var(--mut));font-size:.8rem}.toggle.off{cursor:default;opacity:.7}.seg{display:flex;background:rgb(var(--field));border:1px solid rgb(var(--line));border-radius:10px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:none;padding:8px 6px;border-radius:8px;font-size:.85rem;font-weight:600;color:rgb(var(--mut));transition:background .2s,color .2s}.seg button[aria-checked=true]{background:rgb(var(--pri) / .2);color:rgb(var(--pri-2));box-shadow:inset 0 0 0 1px rgb(var(--pri) / .5)}.seg button:disabled{cursor:default}.chips{display:flex;flex-wrap:wrap;gap:6px}.chipbtn{border:1px solid rgb(var(--line-2));background:rgb(var(--field));border-radius:999px;padding:5px 11px;font-size:.82rem;color:rgb(var(--mut));transition:all .15s}.chipbtn.on{background:rgb(var(--pri) / .18);border-color:rgb(var(--pri-2));color:rgb(var(--text))}.chipbtn:disabled{cursor:default;opacity:.55}.chipbtn.on:disabled{opacity:.85}.hint{color:rgb(var(--mut));font-size:.88rem}.center{text-align:center}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.row.left{justify-content:flex-start}.pill{display:inline-flex;align-items:center;gap:8px;background:rgb(var(--card) / .8);border:1px solid rgb(var(--line-2));border-radius:999px;padding:5px 14px;font-weight:600;font-size:.86rem;white-space:nowrap}.pill small{color:rgb(var(--mut));font-weight:500}.pill b{color:rgb(var(--gold))}.notice{padding:10px 14px;border-radius:10px;background:rgb(var(--card));border:1px solid rgb(var(--line-2))}.notice.bad{border-color:rgb(var(--red));color:#ffd9dd}.notice.floating{position:fixed;top:74px;left:50%;translate:-50% 0;z-index:30}.toast{position:fixed;bottom:104px;left:50%;translate:-50% 0;z-index:60;background:rgb(var(--text));color:rgb(var(--bg-deep));padding:10px 18px;border-radius:12px;font-weight:600;animation:rise .25s ease-out;max-width:calc(100vw - 32px);box-shadow:0 10px 30px #0006}.toast.bad{background:rgb(var(--red));color:#2b0308}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgb(var(--line));border-top-color:rgb(var(--pri-2));animation:spin .8s linear infinite}.center-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;padding:24px}.center-screen h1{font-size:clamp(1.6rem,4vw,2.4rem);max-width:22ch}.divider{height:1px;background:rgb(var(--line))}.kicker{color:rgb(var(--mut));font-weight:600;font-size:.9rem;text-align:center;display:block;font-family:var(--body)}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,3vw,32px)}.top-mid{flex:1;display:flex;justify-content:center}.top-right{display:flex;align-items:center;gap:10px}.logo{display:inline-flex;align-items:center;gap:10px;color:rgb(var(--text));text-decoration:none}.logo-mark{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#134433,#0d2a1f);display:grid;place-items:center;box-shadow:0 0 0 1px rgb(var(--pri) / .35),0 6px 20px rgb(var(--pri) / .2);transition:transform .3s var(--ease-back)}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)}.logo-word{font:800 1.35rem/1 var(--display);letter-spacing:.01em}.logo-word b{color:rgb(var(--pri-2));margin-left:3px}.who{display:flex;align-items:center;gap:10px}.who img{width:32px;height:32px;border-radius:50%}.code-chip{display:inline-flex;align-items:center;gap:8px;background:rgb(var(--card) / .8);border:1px dashed rgb(var(--line-2));border-radius:10px;padding:6px 14px;color:rgb(var(--mut));transition:border-color .2s}.code-chip span{font:800 1.2rem/1 var(--display);letter-spacing:.14em;color:rgb(var(--lime))}.code-chip:hover{border-color:rgb(var(--pri-2))}.game-pill{font-size:.9rem}.home{max-width:1180px;margin:0 auto}.hero{text-align:center;padding:clamp(28px,7vw,72px) 16px 36px;display:grid;justify-items:center;gap:16px}.hero-mark{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#145a41,#0d2a1f 70%);display:grid;place-items:center;box-shadow:0 0 0 1px rgb(var(--pri) / .4),0 0 60px rgb(var(--pri) / .35);animation:pop .6s var(--ease-back) both,float 5s ease-in-out .6s infinite}.hero-mark img{width:64px}@keyframes float{50%{transform:translateY(-8px) rotate(-3deg)}}.hero h1{font-size:clamp(2.2rem,6.4vw,4.4rem);max-width:16ch;background:linear-gradient(180deg,#fff 30%,rgb(var(--pri-2)));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}.hero>p{color:rgb(var(--mut));max-width:52ch;font-size:1.05rem}.join{display:flex;gap:10px;width:min(440px,100%);margin-top:6px}.join input{font-weight:600;letter-spacing:.04em}.join input::placeholder{letter-spacing:0;font-weight:400;color:rgb(var(--mut-2))}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;padding:8px 16px 40px}.game-card{background:linear-gradient(180deg,rgb(var(--card)),rgb(var(--card) / .7));border:1px solid rgb(var(--line));border-radius:18px;overflow:hidden;display:grid;grid-template-rows:150px 1fr;transition:transform .25s var(--ease-back),border-color .2s,box-shadow .25s}.game-card:hover{transform:translateY(-4px);border-color:rgb(var(--pri) / .5);box-shadow:0 18px 40px #00000059,0 0 0 1px rgb(var(--pri) / .2)}.game-body{padding:18px 20px 20px;display:grid;gap:10px;align-content:start}.game-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.game-body h2{font-size:1.8rem}.game-body p{color:rgb(var(--mut));font-size:.92rem}.game-body .btn{margin-top:4px;justify-self:start}.tag{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:rgb(var(--lime));font-weight:600;white-space:nowrap}.foot{text-align:center;color:rgb(var(--mut));font-size:.86rem;padding:8px 16px 40px}.art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(80% 90% at 50% 100%,rgb(var(--pri) / .16),transparent 70%),rgb(var(--bg));border-bottom:1px solid rgb(var(--line))}.gicon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--gc);background:color-mix(in srgb,var(--gc) 16%,rgb(var(--bg-deep)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 35%,transparent);transition:transform .25s var(--ease-back)}.pick:hover:not(:disabled) .gicon,.pick[aria-checked=true] .gicon{transform:rotate(-6deg) scale(1.08)}.beans{display:flex;gap:12px;align-items:flex-end}.beans i{width:34px;height:60px;border-radius:17px 17px 7px 7px;position:relative;animation:beanhop 2.4s ease-in-out calc(var(--i) * .15s) infinite}.beans i:nth-child(1){background:#ff8a3d}.beans i:nth-child(2){background:#ffd23f}.beans i:nth-child(3){background:#4ade80}.beans i:nth-child(4){background:#4fb6ff}.beans i:nth-child(5){background:#ff5d8f}.beans i:before{content:"";position:absolute;top:13px;left:7px;width:20px;height:8px;border-radius:4px;background:rgb(var(--bg-deep))}.beans i.sus{animation:beanhop 2.4s ease-in-out .45s infinite,sus 3.2s steps(1) infinite}@keyframes beanhop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-8px)}}@keyframes sus{0%,62%{filter:none}64%,70%,78%,to{filter:hue-rotate(160deg) saturate(1.6)}67%,74%{filter:none}}.face{position:relative;width:92px;height:92px;border-radius:50%;background:#ffcf9e;animation:tilt 4s ease-in-out infinite}.face .card{position:absolute;top:-16px;left:50%;translate:-50% 0;background:#fff;color:rgb(var(--bg-deep));font:800 1.05rem var(--display);padding:3px 14px;border-radius:8px;box-shadow:0 3px #b8c9c1;animation:cardwob 4s ease-in-out infinite;white-space:nowrap}.face .eye{position:absolute;top:38px;width:9px;height:12px;border-radius:50%;background:rgb(var(--bg-deep));animation:blink 4s infinite}.face .eye.l{left:26px}.face .eye.r{right:26px}.face .mouth{position:absolute;bottom:20px;left:50%;translate:-50% 0;width:34px;height:15px;border-radius:0 0 17px 17px;background:rgb(var(--bg-deep))}@keyframes tilt{50%{rotate:-6deg}}@keyframes cardwob{50%{rotate:5deg}}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.1)}}.tiles{display:flex;gap:10px}.tiles span{width:56px;height:64px;border-radius:10px;background:linear-gradient(180deg,#fff,#dfe9e4);color:rgb(var(--bg-deep));font:800 2.2rem/64px var(--display);text-align:center;box-shadow:0 5px #9fb3aa;animation:tileflip 3.6s ease-in-out calc(var(--i) * .25s) infinite}.tiles span:nth-child(2){background:linear-gradient(180deg,#ffdea0,rgb(var(--gold)));box-shadow:0 5px #b48a3a}@keyframes tileflip{0%,70%,to{transform:none}80%{transform:rotateX(180deg)}90%{transform:rotateX(360deg)}}.tttsvg{width:92px;height:92px}.tttsvg .grid{stroke:rgb(var(--line-2));stroke-width:3;stroke-linecap:round;fill:none}.tttsvg .x{stroke:#ff8a3d;stroke-width:5;stroke-linecap:round;fill:none;stroke-dasharray:20;animation:drawloop 4s ease infinite}.tttsvg .o{stroke:#4fb6ff;stroke-width:5;fill:none;stroke-dasharray:60;animation:drawloop 4s ease infinite}.tttsvg .o1{animation-delay:.5s}.tttsvg .x2{animation-delay:1s}.tttsvg .o2{animation-delay:1.5s}@keyframes drawloop{0%{stroke-dashoffset:60;opacity:0}15%,80%{stroke-dashoffset:0;opacity:1}to{opacity:0}}.sea{position:relative;width:150px;height:90px;border-radius:10px;background:repeating-linear-gradient(90deg,rgb(var(--sky) / .12) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgb(var(--sky) / .12) 0 1px,transparent 1px 18px),#14324680}.sea .ship{position:absolute;left:18px;top:36px;width:72px;height:18px;border-radius:9px 4px 4px 9px;background:linear-gradient(180deg,#cfe2dc,#8aa399);animation:sail 4s ease-in-out infinite}.sea .splash{position:absolute;right:26px;top:24px;width:18px;height:18px;border-radius:50%;border:2px solid rgb(var(--sky));animation:ripple 2s ease-out infinite}.sea .splash.s2{right:40px;top:58px;animation-delay:1s;border-color:rgb(var(--red))}@keyframes sail{50%{transform:translate(6px,-2px) rotate(-1deg)}}@keyframes ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(2.2);opacity:0}}.nums{position:relative;display:grid;place-items:center}.nums b{font:800 3.6rem/1 var(--display);color:rgb(var(--gold));text-shadow:0 4px 0 rgb(0 0 0 / .3);animation:numroll 3s ease-in-out infinite}.nums i{position:absolute;font-style:normal;font-size:1.2rem}.nums .up{top:-18px;color:rgb(var(--pri-2));animation:arrowup 1.5s ease-in-out infinite}.nums .down{bottom:-16px;color:rgb(var(--red));animation:arrowup 1.5s ease-in-out .75s infinite reverse}@keyframes numroll{0%,to{transform:none}50%{transform:scale(1.08)}}@keyframes arrowup{50%{transform:translateY(-5px);opacity:.5}}.tile{position:relative;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:rgb(var(--bg-deep));border:3px solid var(--pc);transition:box-shadow .2s;isolation:isolate}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile.speaking{box-shadow:0 0 0 2px var(--pc),0 0 24px var(--pc)}.tile.away{filter:grayscale(.8) brightness(.6)}.tile-avatar{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--pc) 30%,rgb(var(--bg-deep))),rgb(var(--bg-deep)) 75%)}.tile-avatar img{width:46%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--pc)}.tile-avatar span{font:800 2.4rem var(--display);color:var(--pc)}.tile-flag{position:absolute;left:6px;bottom:6px;background:rgb(var(--red));color:#2b0308;border-radius:8px;padding:4px;display:flex;z-index:2}.room{min-height:100dvh;display:flex;flex-direction:column}.room-main{flex:1;display:flex;flex-direction:column;padding:0 clamp(12px,3vw,32px) 8px;min-width:0;animation:fade .35s ease}.controls{position:sticky;bottom:12px;align-self:center;margin:4px 0 12px;z-index:40;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgb(var(--bg-deep) / .85);border:1px solid rgb(var(--line-2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 20px);box-shadow:0 10px 30px #0006}.controls-note{color:rgb(var(--mut));font-size:.84rem;padding:0 6px}.round-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgb(var(--line-2));background:rgb(var(--card-2));display:grid;place-items:center;flex:none;transition:transform .15s var(--ease-back),border-color .15s,background .15s}.round-btn:hover:not(:disabled){border-color:rgb(var(--pri-2));transform:translateY(-2px)}.round-btn.off,.round-btn.leave:hover{background:rgb(var(--red));border-color:rgb(var(--red));color:#2b0308}.round-btn:disabled{opacity:.45;cursor:not-allowed}.lobby{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;max-width:1320px;width:100%;margin:8px auto 0;align-items:start}.lobby h1{font-size:2.2rem;margin-bottom:14px}.lobby h1 span{font:500 .95rem var(--body);color:rgb(var(--mut));margin-left:8px}.seat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.seat{display:grid;gap:8px}.seat-name{display:flex;align-items:center;gap:6px;font-weight:600;min-height:30px;color:var(--pc)}.seat-name span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--text))}.seat.empty{border:1px dashed rgb(var(--line-2));border-radius:14px;padding:18px;color:rgb(var(--mut));align-content:center;aspect-ratio:4 / 3;background:rgb(var(--card) / .35)}.seat.empty b{color:rgb(var(--lime));letter-spacing:.08em}.seat.add-bot{background:rgb(var(--card) / .35);text-align:center;justify-items:center;gap:6px;font-size:.84rem;transition:border-color .2s,color .2s,background .2s}.seat.add-bot b{color:rgb(var(--pri-2));letter-spacing:0;font-size:.98rem}.seat.add-bot:hover{border-color:rgb(var(--pri-2));color:rgb(var(--text));background:rgb(var(--pri) / .08)}.lobby-side{background:rgb(var(--card) / .85);border:1px solid rgb(var(--line));border-radius:18px;padding:18px;display:grid;gap:16px}.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick{display:grid;justify-items:center;gap:6px;padding:10px 4px 8px;border-radius:12px;border:1px solid rgb(var(--line));background:rgb(var(--field));font-size:.78rem;font-weight:600;color:rgb(var(--mut));text-align:center;transition:border-color .2s,background .2s,transform .2s var(--ease-back),color .2s}.pick:hover:not(:disabled){transform:translateY(-2px);border-color:rgb(var(--line-2));color:rgb(var(--text))}.pick[aria-checked=true]{border-color:rgb(var(--pri-2));background:rgb(var(--pri) / .14);color:rgb(var(--text));box-shadow:0 0 0 1px rgb(var(--pri-2) / .4),0 6px 20px rgb(var(--pri) / .15)}.pick:disabled{cursor:default}.game-blurb{color:rgb(var(--mut));font-size:.86rem}.set-col{display:grid;gap:14px;align-content:start;animation:fade .3s ease}.queue{display:grid;gap:10px;border-top:1px solid rgb(var(--line));padding-top:14px}.queue-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.queue h3{font-size:1.2rem}.queue-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.queue-list li{display:flex;align-items:center;gap:10px;background:rgb(var(--field));border:1px solid rgb(var(--line));border-radius:10px;padding:5px 6px 5px 10px}.queue-list .gicon{width:30px;height:30px;border-radius:8px}.qn{font:800 1.1rem var(--display);color:rgb(var(--gold));width:18px;text-align:center}.qname{flex:1;font-weight:600;font-size:.9rem}.qbtns{display:flex}.start-btns{display:grid;gap:10px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#030806bf;display:grid;place-items:center;padding:16px;animation:fade .2s ease}.modal{background:rgb(var(--card));border:1px solid rgb(var(--line-2));border-radius:20px;width:min(720px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;display:grid;gap:16px;animation:pop .3s var(--ease-back);box-shadow:0 30px 80px #00000080}.modal header{display:flex;justify-content:space-between;align-items:center}.modal h2{font-size:1.7rem}.tabs{display:flex;gap:6px;border-bottom:1px solid rgb(var(--line))}.tabs button{background:none;border:0;padding:10px 14px;color:rgb(var(--mut));font-weight:600;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.tabs button[aria-selected=true]{color:rgb(var(--text));border-color:rgb(var(--pri-2))}.set-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.set-grid .hint{margin-top:8px}.meter{height:12px;border-radius:6px;background:rgb(var(--field));overflow:hidden}.meter div{height:100%;background:linear-gradient(90deg,rgb(var(--pri-2)),rgb(var(--gold)) 75%,rgb(var(--red)));transform-origin:left;transform:scaleX(0)}.timer{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center}.timer svg{position:absolute;top:0;right:0;bottom:0;left:0;rotate:-90deg}.timer circle{fill:none;stroke:rgb(var(--line));stroke-width:4}.timer .timer-arc{stroke:rgb(var(--pri-2));stroke-dasharray:106.8;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.timer span{font:800 1.15rem var(--display)}.timer.low .timer-arc{stroke:rgb(var(--red))}.timer.low span{color:rgb(var(--red));animation:pulse .5s ease infinite alternate}@keyframes pulse{to{transform:scale(1.15)}}.reel{--row: 40px;position:relative;height:calc(var(--row) * 3);overflow:hidden;border-radius:12px;background:rgb(var(--bg-deep) / .7);border:1px solid rgb(var(--line-2));mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);min-width:160px}.reel-lg{--row: 72px;min-width:260px}.reel-sm{--row: 26px;height:calc(var(--row) * 1.9);min-width:0;width:100%;border:0;background:none;border-radius:6px}.reel-strip{will-change:transform}.reel-strip.spinning{filter:blur(2.2px)}.reel-row{height:var(--row);display:grid;place-items:center;padding:0 12px;white-space:nowrap;overflow:hidden}.reel-row span{font:800 calc(var(--row) * .5)/1 var(--display);color:rgb(var(--text) / .55);text-overflow:ellipsis;overflow:hidden;max-width:100%;text-transform:uppercase;letter-spacing:.02em}.reel-sm .reel-row span{text-transform:none;color:rgb(var(--bg-deep) / .45);font-size:calc(var(--row) * .62)}.reel-frame{position:absolute;left:0;right:0;top:50%;height:var(--row);translate:0 -50%;border-top:2px solid rgb(var(--pri-2) / .55);border-bottom:2px solid rgb(var(--pri-2) / .55);pointer-events:none;background:linear-gradient(90deg,transparent,rgb(var(--pri) / .12),transparent)}.reel-sm .reel-frame{border:0;background:none}.reel.landed .reel-row.win span{color:rgb(var(--text));animation:landpop .5s var(--ease-back);display:inline-block}.reel-sm.landed .reel-row.win span{color:rgb(var(--bg-deep))}.reel.tone-gold.landed .reel-row.win span{color:rgb(var(--gold));text-shadow:0 0 24px rgb(var(--gold) / .6)}.reel.tone-bad.landed .reel-row.win span{color:rgb(var(--red));text-shadow:0 0 24px rgb(var(--red) / .6)}.reel.tone-hidden.landed .reel-row.win span{color:rgb(var(--mut-2));letter-spacing:.2em}.reel.landed .reel-frame{animation:frameflash .6s ease}@keyframes landpop{0%{transform:scale(1.35)}to{transform:none}}@keyframes frameflash{0%{background:rgb(var(--pri-2) / .45)}}.intro{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;min-height:calc(100dvh - 160px)}.intro-top{padding:4px 0 8px}.intro-brand{font:800 1rem var(--display);color:rgb(var(--pri-2));letter-spacing:.04em;text-transform:uppercase}.intro-brand small{color:rgb(var(--mut));font:500 .8rem var(--body);text-transform:none;margin-left:8px;letter-spacing:0}.intro-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding:20px 0}.intro-title{font-size:clamp(2rem,5vw,3.6rem)}.intro-title em{font-style:normal;color:rgb(var(--pri-2))}.intro-title em.bad,.intro-title .bad{color:rgb(var(--red))}.intro-title .mega{display:block;font-size:clamp(3rem,10vw,7rem);line-height:.95}.intro-title .mega b{display:inline-block}.intro-title .mega.bad{color:rgb(var(--red));text-shadow:0 0 40px rgb(var(--red) / .35)}.intro-title .kicker{margin-bottom:4px}.intro-body{display:grid;justify-items:center;gap:18px;width:100%}.intro-bottom{display:grid;gap:12px;padding-bottom:6px}.intro-progress{height:4px;background:rgb(var(--line));border-radius:4px;overflow:hidden}.intro-progress i{display:block;height:100%;background:linear-gradient(90deg,rgb(var(--pri)),rgb(var(--lime)));transform-origin:left;animation:prog var(--ms) linear both}@keyframes prog{0%{transform:scaleX(var(--from))}to{transform:scaleX(var(--to))}}.intro-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.ichips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.icol{display:grid;justify-items:center;gap:8px;position:relative;min-width:104px}.ichip{position:relative;min-width:104px;padding:9px 14px;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 92%,#fff),var(--pc));color:#0a1410;font-weight:700;font-size:.92rem;box-shadow:0 4px color-mix(in srgb,var(--pc) 55%,#000),0 10px 24px #0000004d}.ichip-name{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ichip.target{animation:pop .5s var(--ease-back) var(--d) both,targetglow 1s ease 2.4s infinite alternate}@keyframes targetglow{to{box-shadow:0 0 0 4px rgb(var(--red)),0 0 30px rgb(var(--red) / .7)}}.qmark{position:absolute;top:-40px;left:50%;translate:-50% 0;width:32px;height:32px;border-radius:8px;background:rgb(var(--red));color:#fff;font:800 1.3rem/32px var(--display)}.itag{position:absolute;top:-30px;left:50%;translate:-50% 0;white-space:nowrap;background:rgb(var(--red));color:#fff;font:800 .82rem var(--display);padding:3px 10px;border-radius:6px;letter-spacing:.04em}.ex .itag,.lastchance .itag{position:static;translate:none;display:inline-block}.icap{font-size:clamp(1rem,2vw,1.25rem);color:rgb(var(--text) / .9)}.icap.strong{font:800 clamp(1.4rem,3vw,2rem) var(--display);color:rgb(var(--text))}.icap.muted{color:rgb(var(--mut));font-size:1rem}.secret-card{background:linear-gradient(180deg,#fffaf0,#f3ead6);color:rgb(var(--bg-deep));border-radius:14px;padding:8px 34px 10px;display:grid;box-shadow:0 8px #b9ad92,0 20px 40px #00000059}.secret-card small{font-size:.78rem;color:#6c6352}.secret-card b{font:800 2.4rem/1 var(--display)}.wcard{min-width:104px;padding:9px 12px;border-radius:10px;background:#fffaf0;color:rgb(var(--bg-deep));font:800 1.05rem var(--display);box-shadow:0 4px #b9ad92;min-height:42px;display:grid;place-items:center}.wcard.light{font-family:var(--body);font-weight:600;font-size:.95rem;text-transform:none}.wcard.bad{background:rgb(var(--red));color:#fff;box-shadow:0 4px #8f2b2b;font-size:.8rem;line-height:1.1}.wcard.big{font-size:2rem;padding:12px 26px;position:relative}.wcard.strike:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:5px;border-radius:3px;background:rgb(var(--red));transform:scaleX(0);transform-origin:left;animation:strike .4s ease var(--d) forwards}@keyframes strike{to{transform:scaleX(1)}}.twocol{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.ex{display:grid;justify-items:center;gap:10px}.ex p{color:rgb(var(--mut))}.bubble{display:inline-flex;gap:4px;background:#fff;padding:7px 10px;border-radius:12px}.bubble i,.dots i{width:7px;height:7px;border-radius:50%;background:rgb(var(--mut-2));animation:dot 1s infinite}.bubble i:nth-child(2),.dots i:nth-child(2){animation-delay:.15s}.bubble i:nth-child(3),.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.3;translate:0 0}30%{opacity:1;translate:0 -4px}}.dots{display:inline-flex;gap:5px;justify-content:center;padding:6px 0}.dots i{background:var(--pc, rgb(var(--mut-2)))}.ballots{display:flex;justify-content:center;gap:4px;min-height:20px}.ballots i{width:18px;height:18px;border-radius:50%;border:2px solid rgb(var(--bg-deep))}.mega-line{font:800 clamp(1.8rem,5vw,3.2rem)/1 var(--display)}.mega-line.bad{color:rgb(var(--red));text-shadow:0 0 40px rgb(var(--red) / .4)}.lastchance{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center}.guessbox{position:relative;min-width:260px;min-height:64px;display:grid;place-items:center;border-radius:14px;border:2px solid rgb(var(--pri-2));background:rgb(var(--bg-deep) / .6);font:800 2rem var(--display);letter-spacing:.04em;box-shadow:0 0 30px rgb(var(--pri) / .25);padding:0 40px}.guessbox .ok{position:absolute;top:-12px;right:-12px;width:34px;height:34px;border-radius:50%;background:rgb(var(--pri-2));color:#052616;display:grid;place-items:center}.caret{display:inline-block;width:2px;height:1em;background:currentColor;margin-left:2px;vertical-align:-.1em;animation:caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.points{display:grid;gap:12px;text-align:left}.prow{display:flex;align-items:center;gap:16px}.prow b{min-width:74px;height:58px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,rgb(var(--pri-2)),rgb(var(--pri)));color:#052616;font:800 1.8rem var(--display);box-shadow:0 5px #0a7a55}.prow span{font:800 1.5rem/1.1 var(--display);display:grid}.prow small{font:400 .9rem var(--body);color:rgb(var(--mut))}.prow.muted b{background:rgb(var(--line-2));color:rgb(var(--text));box-shadow:0 5px rgb(var(--line))}.plate-demo{min-width:120px;padding:8px 12px;border-radius:10px;background:#fffaf0;color:rgb(var(--bg-deep));font:800 1rem var(--display);box-shadow:0 4px #b9ad92}.plate-demo.hidden{color:rgb(var(--mut));letter-spacing:.2em}.say{display:inline-flex;align-items:center;gap:10px;background:#fff;color:rgb(var(--bg-deep));padding:12px 20px;border-radius:18px 18px 18px 4px;font-weight:700;font-size:1.2rem}.answers{display:flex;gap:10px}.abtn{padding:10px 22px;border-radius:12px;font-weight:700}.abtn.yes{background:rgb(var(--pri-2));color:#052616}.abtn.no{background:rgb(var(--red));color:#33040a}.abtn.idk{background:rgb(var(--gold));color:#332000}.mini-reel{width:220px;background:#fffaf0;border-radius:10px;padding:2px 8px;box-shadow:0 4px #b9ad92}.crownbig{color:rgb(var(--gold));filter:drop-shadow(0 0 20px rgb(var(--gold) / .5))}.crownbig svg{fill:rgb(var(--gold))}.letter-reel .reel,.bignum .reel{min-width:180px}.pmdemo{display:grid;gap:8px;width:min(420px,100%)}.pmrow{display:flex;justify-content:space-between;gap:16px;background:rgb(var(--card));border:1px solid rgb(var(--line-2));border-radius:10px;padding:10px 14px;text-align:left}.pmrow span{color:rgb(var(--mut))}.pmrow b{font-weight:700}.stopbtn{border:0;border-radius:16px;background:linear-gradient(180deg,#ff8080,#e04848);color:#fff;font:800 2.4rem/1 var(--display);padding:18px 46px;box-shadow:0 8px #8f2b2b,0 20px 40px rgb(var(--red) / .3);letter-spacing:.06em}.tttdemo svg{width:180px;height:180px}.tttdemo .grid{stroke:rgb(var(--line-2));stroke-width:3;stroke-linecap:round;fill:none}.tttdemo .x{stroke:#ff8a3d;stroke-width:5;stroke-linecap:round;fill:none;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .4s ease var(--d) forwards}.tttdemo .o{stroke:#4fb6ff;stroke-width:5;fill:none;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .4s ease var(--d) forwards}.tttdemo .win{stroke:rgb(var(--gold));stroke-width:6;stroke-linecap:round;stroke-dasharray:110;stroke-dashoffset:110;animation:draw .5s ease var(--d) forwards}@keyframes draw{to{stroke-dashoffset:0}}.shipsdemo{display:grid;gap:10px;justify-items:start}.sdship{display:flex;gap:3px}.sdship i{width:34px;height:34px;border-radius:6px;background:linear-gradient(180deg,#d8e8e2,#93aaa1)}.shotdemo{display:flex;gap:24px}.shotdemo span{width:56px;height:56px;border-radius:10px;background:#14324699;border:1px solid rgb(var(--sky) / .3);position:relative}.shotdemo .miss:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;background:rgb(var(--sky))}.shotdemo .hit{background:rgb(var(--red) / .25)}.shotdemo .hit:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:rgb(var(--red));font:800 1.8rem var(--display)}.numdemo{display:flex;align-items:center;gap:14px;font:800 2rem var(--display)}.numdemo .up{color:rgb(var(--pri-2));font-size:1.2rem}.numdemo .down{color:rgb(var(--red));font-size:1.2rem}.rangedemo{width:min(420px,90%);height:14px;border-radius:7px;background:rgb(var(--line));position:relative;overflow:hidden}.rangedemo i{position:absolute;top:0;bottom:0;left:0;right:0;background:rgb(var(--pri-2));animation:narrow 2.6s ease var(--d) forwards}@keyframes narrow{40%{left:50%;right:0}to{left:50%;right:25%}}.dock{min-height:120px;display:grid;gap:12px;justify-items:center;align-content:center;text-align:center;padding:12px 0;animation:rise .3s ease-out}.dock-line{font-size:1.05rem;max-width:62ch}.dock-line small{color:rgb(var(--mut));margin-left:8px;white-space:nowrap}.dock-line.big{font:800 clamp(1.3rem,3vw,1.9rem)/1.2 var(--display)}.dock-form{display:flex;gap:10px;width:min(620px,100%);flex-wrap:wrap;align-items:center;justify-content:center}.dock-form input{flex:1 1 220px;font-size:1.1rem;padding:12px 16px}.imp{flex:1;display:flex;flex-direction:column;max-width:1500px;width:100%;margin:0 auto}.imp.flyin{overflow:clip}.imp-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:2px 0 10px}.imp-head .pill{justify-self:start}.imp-head .timer{justify-self:end}.secret{display:grid;justify-items:center;text-align:center;min-height:64px;align-content:center}.secret span{color:rgb(var(--mut));font-size:.85rem;display:inline-flex;gap:8px;align-items:center}.secret span small.cat{background:rgb(var(--card-2));border-radius:999px;padding:1px 9px;font-size:.75rem}.secret strong{font:800 clamp(1.8rem,4.6vw,3.2rem)/1 var(--display);color:rgb(var(--gold));text-transform:uppercase;letter-spacing:.03em;text-shadow:0 0 30px rgb(var(--gold) / .35),0 3px 0 rgb(0 0 0 / .4)}.secret.is-imp strong{color:rgb(var(--red));text-shadow:0 0 30px rgb(var(--red) / .4),0 3px 0 rgb(0 0 0 / .4)}.secret-wait{font:800 1.3rem var(--display)!important;color:rgb(var(--mut))!important;animation:pulse .7s ease infinite alternate}.studio{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;transform-origin:50% 80%}.imp.flyin .studio{animation:flyin 2.8s cubic-bezier(.2,.7,.15,1) both}@keyframes flyin{0%{transform:perspective(1100px) rotateX(62deg) translateY(-12%) scale(.45);filter:brightness(.25) blur(3px)}55%{filter:brightness(.8) blur(0)}to{transform:none;filter:none}}.studio-lights{position:absolute;top:-40px;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.studio-lights i{position:absolute;top:-30px;left:calc(6% + var(--i) * 17.5%);width:120px;height:115%;translate:-50% 0;transform-origin:top center;background:linear-gradient(rgb(var(--pri-2) / .14),transparent 75%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);animation:beam 9s ease-in-out calc(var(--i) * -1.4s) infinite alternate}.studio-lights i:nth-child(2n){background:linear-gradient(rgb(var(--lime) / .1),transparent 75%)}@keyframes beam{0%{rotate:-14deg}to{rotate:14deg}}.imp.flyin .studio-lights i{animation:beam 9s ease-in-out calc(var(--i) * -1.4s) infinite alternate,fade 1.5s ease 1.6s both}.stage{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;gap:clamp(6px,1.2vw,18px);perspective:1600px;padding:26px 0 0}.stand{width:min(240px,calc((100vw - 40px) / var(--n) - 12px));display:grid;gap:8px;align-content:end;position:relative;padding:0;border:0;background:none;text-align:center;color:inherit;transform:translateY(calc(var(--o) * var(--o) * -5px)) rotateY(calc(var(--o) * -5deg));transition:transform .35s var(--ease-back),filter .3s}.imp.flyin .stand{animation:rise .6s cubic-bezier(.2,.8,.2,1) calc(1.4s + var(--k) * .1s) both}.stand:before{content:"";position:absolute;left:50%;bottom:30px;width:190%;height:160%;translate:-50% 0;z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--pc) 50%,transparent),transparent 80%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:0;transition:opacity .35s}.stand.turn:before{opacity:.3}.stand.turn{transform:translateY(calc(var(--o) * var(--o) * -5px - 12px)) rotateY(calc(var(--o) * -5deg))}.stand.accused:before{opacity:.45;background:linear-gradient(rgb(var(--red) / .7),transparent 80%)}.board{min-height:84px;background:rgb(var(--bg-deep) / .9);border:1px solid color-mix(in srgb,var(--pc) 50%,transparent);border-top:7px solid var(--pc);border-radius:10px;padding:8px 6px;display:grid;align-content:center;gap:2px;box-shadow:0 0 22px color-mix(in srgb,var(--pc) 18%,transparent)}.board span{font:800 clamp(.8rem,1.5vw,1.2rem)/1.15 var(--display);text-transform:uppercase;overflow-wrap:anywhere;color:rgb(var(--mut));animation:flip .5s cubic-bezier(.2,1.3,.4,1) backwards}.board span:last-of-type{color:rgb(var(--text))}.board span.none{font:500 .8rem var(--body);text-transform:none;color:rgb(var(--mut-2))}.podium{position:relative;background:linear-gradient(color-mix(in srgb,var(--pc) 18%,rgb(var(--bg-deep))),rgb(var(--bg-deep)));border:1px solid var(--pc);border-bottom-width:7px;border-radius:10px 10px 4px 4px;padding:8px 6px;display:grid;gap:2px;margin:0 7%;box-shadow:0 10px 30px #0006}.podium span{font-weight:600;font-size:clamp(.75rem,1.2vw,.95rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}.podium b{font:800 clamp(1.4rem,3vw,2.2rem)/1 var(--display);color:var(--pc);display:inline-block}.podium em{position:absolute;right:10%;top:-4px;font:800 1.3rem var(--display);font-style:normal;color:rgb(var(--lime));animation:plus 1.6s ease-out both}@keyframes plus{0%{opacity:0;translate:0 14px;scale:.6}30%{opacity:1;scale:1.35}to{translate:0 0;scale:1}}.stand .ballots{position:absolute;top:2px;left:0;right:0;z-index:3}.stand.votable{cursor:pointer}.stand.votable:hover{transform:translateY(calc(var(--o) * var(--o) * -5px - 8px)) rotateY(calc(var(--o) * -5deg))}.stand.votable:hover .tile,.stand.picked .tile{box-shadow:0 0 0 4px rgb(var(--text))}.stand.picked .tile:after{content:"Twój głos";position:absolute;inset:auto 0 0 0;background:rgb(var(--text));color:rgb(var(--bg-deep));font-weight:700;font-size:.82rem;padding:3px}.stand.accused .tile{animation:shake .5s 2}.stand.impostor .tile{border-color:rgb(var(--red));box-shadow:0 0 0 3px rgb(var(--red)),0 0 34px rgb(var(--red))}.imp-tag{position:absolute;inset:auto 0 0 0;background:rgb(var(--red));color:#fff;font:800 1rem var(--display);padding:3px;text-transform:uppercase;z-index:3;letter-spacing:.05em}.voted{position:absolute;top:6px;right:6px;background:rgb(var(--pri-2));color:#052616;border-radius:50%;padding:3px;display:flex;z-index:2}@keyframes shake{25%{translate:-6px 0}75%{translate:6px 0}}.floor{height:54px;margin:-6px 4% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--pri) / .22),transparent),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 26px,rgb(var(--pri-2) / .14) 27px 28px);opacity:.9}.role-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:radial-gradient(60% 50% at 50% 50%,rgb(var(--bg-deep) / .7),rgb(var(--bg-deep) / .94));animation:fade .4s ease both}.role-card{display:grid;justify-items:center;gap:14px;width:min(520px,100%);padding:26px 26px 22px;border-radius:22px;background:linear-gradient(180deg,rgb(var(--card-2)),rgb(var(--card)));border:1px solid rgb(var(--gold) / .45);box-shadow:0 30px 80px #0009,0 0 60px rgb(var(--gold) / .12);animation:pop .55s var(--ease-back) both;text-align:center}.role-card.bad{border-color:rgb(var(--red) / .55);box-shadow:0 30px 80px #0009,0 0 60px rgb(var(--red) / .15)}.role-card.done{animation:pop .55s var(--ease-back) both,cardglow 1.2s ease .1s}.role-card .reel{width:100%}.role-card p{color:rgb(var(--mut))}.role-kicker{font:800 .95rem var(--display);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--mut))!important}@keyframes cardglow{30%{box-shadow:0 30px 80px #0009,0 0 120px rgb(var(--gold) / .45)}}.czo{flex:1;display:flex;flex-direction:column;max-width:1400px;width:100%;margin:0 auto}.czo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 12px;min-height:66px}.verdict{font:800 clamp(1rem,2.4vw,1.5rem) var(--display);padding:6px 18px;border-radius:12px;background:rgb(var(--card-2));animation:slam .5s cubic-bezier(.2,1.5,.4,1) both;text-align:center}.verdict.yes{background:rgb(var(--pri-2));color:#052616}.verdict.no,.verdict.miss,.verdict.time{background:rgb(var(--red));color:#2b0308}.verdict.idk,.verdict.pass{background:rgb(var(--gold));color:#332000}.verdict.deal{background:rgb(var(--card-2));color:rgb(var(--gold))}.czo-main{flex:1;width:100%;max-width:max(560px,calc((100dvh - 390px)*2.67));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(12px,2vw,28px);align-items:center}.czo-others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,22px)}.czo-main[style*="--n: 1;"] .czo-others{grid-template-columns:1fr}.czo-card{display:grid;position:relative;padding-bottom:28px;animation:pop .4s var(--ease-back) both}.czo-card .tile{border-width:4px;border-radius:18px}.czo-card.big .tile{box-shadow:0 0 40px color-mix(in srgb,var(--pc) 30%,transparent)}.plate{position:absolute;left:50%;bottom:0;translate:-50% 0;background:linear-gradient(180deg,#fffdf6,#f1ead8);color:rgb(var(--bg-deep));border-radius:12px;padding:4px 16px 6px;text-align:center;min-width:58%;max-width:94%;box-shadow:0 5px #b9ad92,0 12px 26px #00000059;display:grid;overflow:hidden}.plate small{font-size:.72rem;font-weight:600;color:#6c6352;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate strong{font:800 clamp(.95rem,1.7vw,1.3rem)/1.2 var(--display);overflow-wrap:break-word}.plate strong.hidden{letter-spacing:.2em;color:#a69d88}.plate strong.reveal{color:#0a7a55}.czo-card.big .plate strong{font-size:clamp(1.3rem,2.8vw,2.1rem)}.czo-card.big .reel-sm{--row: 38px}.czo-card.revealed .plate{background:linear-gradient(180deg,#b9f5d6,#7fe0b0);box-shadow:0 5px #2d8f61,0 0 40px rgb(var(--pri-2) / .5)}.score{position:absolute;top:8px;right:8px;background:#fffdf6;color:rgb(var(--bg-deep));border-radius:10px;min-width:38px;padding:2px 6px 4px;text-align:center;font:800 1.3rem/1 var(--display);z-index:2;box-shadow:0 3px #b9ad92}.score span{display:inline-block}.score small{display:block;font:600 .6rem var(--body);color:#6c6352}.czo-card.big .score{font-size:1.9rem;min-width:52px}.crown{position:absolute;top:8px;right:52px;color:rgb(var(--gold));fill:rgb(var(--gold));z-index:3;rotate:8deg;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .5))}.czo-card.big .crown{right:68px;top:10px}.asking{position:absolute;top:8px;left:8px;background:var(--pc);color:rgb(var(--bg-deep));font-weight:700;border-radius:999px;padding:2px 12px;font-size:.82rem;z-index:2}.ans{position:absolute;inset:8px auto auto 8px;z-index:2;font:800 1rem var(--display);padding:2px 12px;border-radius:10px;animation:slam .45s cubic-bezier(.2,1.5,.4,1) both}.ans.yes{background:rgb(var(--pri-2));color:#052616}.ans.no{background:rgb(var(--red));color:#2b0308}.ans.idk{background:rgb(var(--gold));color:#332000}.assign{flex:1;display:grid;justify-items:center;align-content:center;gap:16px;text-align:center}.assign .tile{width:min(360px,80vw)}.assign h2{font-size:clamp(1.6rem,4vw,2.4rem)}.pm{flex:1;display:flex;flex-direction:column;gap:14px;max-width:1200px;width:100%;margin:0 auto}.pm-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.pm-head .pill{justify-self:start}.pm-head .timer{justify-self:end}.pm-letter{display:grid;place-items:center;min-height:100px}.letter-big{width:96px;height:104px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#ffdea0,rgb(var(--gold)));color:#2b1d00;font:800 4.4rem/1 var(--display);box-shadow:0 7px #b48a3a,0 0 50px rgb(var(--gold) / .3)}.pm-letter .reel-lg{min-width:130px}.stop-banner{align-self:center;background:rgb(var(--red));color:#fff;padding:8px 22px;border-radius:12px;font-weight:600;box-shadow:0 0 40px rgb(var(--red) / .45)}.stop-banner b{font:800 1.3rem var(--display);margin-right:6px}.pm-write{display:grid;gap:16px;justify-items:center}.pm-progress{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pm-prog{display:flex;align-items:center;gap:8px;background:rgb(var(--card) / .8);border:1px solid rgb(var(--line));border-radius:999px;padding:4px 12px;font-size:.82rem}.pm-prog i{width:60px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--pc) calc(var(--f) * 100%),rgb(var(--line)) calc(var(--f) * 100%));transition:all .3s}.pm-prog b{color:rgb(var(--mut));font-weight:600}.pm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:min(860px,100%)}.pm-field{display:grid;gap:4px;background:rgb(var(--card) / .85);border:1px solid rgb(var(--line));border-radius:12px;padding:8px 12px 10px;transition:border-color .2s,box-shadow .2s}.pm-field span{font-size:.8rem;color:rgb(var(--mut));font-weight:600}.pm-field input{border:0;background:transparent;padding:2px 0;font-size:1.15rem;font-weight:600;box-shadow:none!important}.pm-field.filled{border-color:rgb(var(--pri) / .55);box-shadow:0 0 0 1px rgb(var(--pri) / .2)}.pm-form .stopbtn{grid-column:1 / -1;justify-self:center;font-size:1.5rem;padding:14px 40px;transition:transform .2s var(--ease-back),filter .2s}.pm-form .stopbtn:disabled{filter:grayscale(.9) brightness(.6);font:600 1rem var(--body);cursor:not-allowed}.pm-form .stopbtn.ready{animation:stoppulse 1.1s ease infinite}.pm-form .stopbtn.ready:hover{transform:scale(1.05)}@keyframes stoppulse{50%{box-shadow:0 8px #8f2b2b,0 0 50px rgb(var(--red) / .7)}}.pm-table-wrap{display:grid;gap:14px;overflow-x:auto}.pm-table{border-collapse:separate;border-spacing:4px;width:100%;min-width:520px}.pm-table th{font-size:.85rem;color:rgb(var(--mut));text-align:left;padding:6px 8px;white-space:nowrap}.pm-table thead th{text-align:center;font-weight:700}.pm-table thead th svg{margin-left:4px;color:rgb(var(--pri-2));vertical-align:-2px}.pm-table td{background:rgb(var(--card) / .85);border:1px solid rgb(var(--line));border-radius:10px;padding:6px 8px;text-align:center;position:relative;min-width:100px}.pm-table td.empty{opacity:.55}.pm-table td.bad .ans-btn,.pm-table td.bad .ans-txt{text-decoration:line-through;text-decoration-color:rgb(var(--red));text-decoration-thickness:3px;color:rgb(var(--mut))}.ans-btn{border:0;background:none;font-weight:600;padding:2px 6px;border-radius:6px;transition:background .15s}.ans-btn:hover{background:rgb(var(--red) / .15)}.ans-btn.mine{background:rgb(var(--red) / .2)}.ans-txt{font-weight:600}.rej{position:absolute;top:3px;right:4px;display:flex;gap:2px}.rej i{width:8px;height:8px;border-radius:50%}.pts{display:block;font:800 1rem var(--display);color:rgb(var(--mut))}.pts.p15{color:rgb(var(--gold))}.pts.p10{color:rgb(var(--pri-2))}.pts.p5{color:rgb(var(--lime))}.pm-table tr.sum td{background:rgb(var(--pri) / .15);border-color:rgb(var(--pri) / .5);font:800 1.3rem var(--display)}.ttt{flex:1;display:flex;flex-direction:column;gap:12px;max-width:1300px;width:100%;margin:0 auto}.ttt-head,.ships-head,.num-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ttt-arena{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px;align-items:start}.ttt-main{display:grid;justify-items:center;gap:12px}.ttt-others{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;align-content:start}.ttt-board{display:grid;gap:10px;width:100%;max-width:230px}.ttt-board.mine{max-width:min(460px,100%)}.ttt-players{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.85rem;font-weight:600}.ttt-players .timer{width:40px;height:40px}.ttt-players .timer span{font-size:.9rem}.tp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgb(var(--line));color:rgb(var(--mut));transition:all .2s;max-width:45%;overflow:hidden;white-space:nowrap}.tp i{font-style:normal;font-weight:800}.tp.x i{color:var(--cx)}.tp.o i{color:var(--co)}.tp.on{color:rgb(var(--text));border-color:rgb(var(--pri-2));box-shadow:0 0 16px rgb(var(--pri) / .3)}.tp.won{background:rgb(var(--gold));color:#2b1d00;border-color:rgb(var(--gold))}.ttt-grid{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:6px;aspect-ratio:1;padding:6px;border-radius:16px;background:rgb(var(--card) / .85);border:1px solid rgb(var(--line-2))}.ttt-board.myturn .ttt-grid{border-color:rgb(var(--pri-2));box-shadow:0 0 0 1px rgb(var(--pri-2) / .4),0 0 40px rgb(var(--pri) / .2)}.cell{aspect-ratio:1;min-width:0;min-height:0;border:0;border-radius:10px;background:rgb(var(--bg-deep) / .8);display:grid;place-items:center;padding:10%;transition:background .15s,transform .15s}.cell:not(:disabled):hover{background:rgb(var(--pri) / .18);transform:scale(.96)}.cell:disabled{cursor:default}.cell.last{background:#ffffff0f}.cell.win{background:rgb(var(--gold) / .2)}.mk{width:100%;height:100%;fill:none;stroke-width:5;stroke-linecap:round}.mk.x{stroke:var(--cx);stroke-dasharray:60;animation:drawmk .35s ease forwards;stroke-dashoffset:60}.mk.o{stroke:var(--co);stroke-dasharray:70;animation:drawmk .35s ease forwards;stroke-dashoffset:70}@keyframes drawmk{to{stroke-dashoffset:0}}.ttt-line{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);pointer-events:none;overflow:visible}.ttt-line line{stroke:rgb(var(--gold));stroke-width:.12;stroke-linecap:round;stroke-dasharray:10;stroke-dashoffset:10;animation:drawmk .5s ease .1s forwards;filter:drop-shadow(0 0 .1px rgb(var(--gold)))}.ttt-result{text-align:center;font:800 1.3rem var(--display);color:rgb(var(--gold))}.ships{flex:1;display:flex;flex-direction:column;gap:14px;max-width:1300px;width:100%;margin:0 auto}.sea-grid{display:grid;grid-template-columns:22px repeat(var(--n),1fr);gap:3px;width:100%;-webkit-user-select:none;user-select:none}.sea-grid .axis{font-size:.7rem;color:rgb(var(--mut-2));display:grid;place-items:center;font-weight:600}.sq{aspect-ratio:1;border:0;border-radius:5px;background:#1432468c;position:relative;padding:0;display:grid;place-items:center;transition:background .15s,transform .12s}button.sq:hover{background:rgb(var(--sky) / .3)}.sea-grid.enemy button.sq:hover{background:rgb(var(--red) / .35);box-shadow:inset 0 0 0 2px rgb(var(--red))}.sea-grid.enemy button.sq:hover:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;border:2px solid rgb(var(--red))}.sq.ship{background:linear-gradient(180deg,#d8e8e2,#93aaa1)}.sq.sel{background:linear-gradient(180deg,rgb(var(--pri-2)),rgb(var(--pri)))}.sq.prev{background:rgb(var(--pri-2) / .55)}.sq.prev.bad{background:rgb(var(--red) / .55)}.sq.sunk{background:linear-gradient(180deg,#7a3b3b,#4a2020)}.sq.hit:not(.ship){background:rgb(var(--red) / .35)}.sq .drop{width:30%;height:30%;border-radius:50%;background:rgb(var(--sky));opacity:.8}.sq .boom{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle,#fff3b0,rgb(var(--gold)) 40%,rgb(var(--red)) 75%);box-shadow:0 0 10px rgb(var(--red))}.sq.last .drop{animation:splashin .6s ease-out}.sq.last .boom{animation:boomin .6s ease-out}.sq.last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid currentColor;color:rgb(var(--sky));animation:ripple .8s ease-out forwards;pointer-events:none}.sq.last.hit:after{color:rgb(var(--gold))}@keyframes splashin{0%{transform:scale(2.5);opacity:0}}@keyframes boomin{0%{transform:scale(.2)}40%{transform:scale(1.6);filter:brightness(2)}to{transform:none}}.ships-place{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.place-board{max-width:min(520px,calc(100dvh - 250px));width:100%;justify-self:center}.sea-grid.locked{opacity:.75;pointer-events:none}.place-side{display:grid;gap:14px;background:rgb(var(--card) / .85);border:1px solid rgb(var(--line));border-radius:16px;padding:16px}.place-side h3{font-size:1.3rem}.fleet-list{display:grid;gap:6px}.fleet-ship{display:flex;align-items:center;gap:3px;padding:6px 8px;border:1px solid rgb(var(--line));border-radius:10px;background:rgb(var(--field));transition:border-color .2s,background .2s}.fleet-ship i{width:20px;height:20px;border-radius:4px;background:linear-gradient(180deg,#d8e8e2,#93aaa1)}.fleet-ship span{margin-left:auto;color:rgb(var(--mut));font-size:.8rem}.fleet-ship.done{opacity:.45}.fleet-ship.sel{border-color:rgb(var(--pri-2));background:rgb(var(--pri) / .12);opacity:1}.fleet-ship.sel i{background:linear-gradient(180deg,rgb(var(--pri-2)),rgb(var(--pri)))}.battle{display:grid;gap:12px}.battle-head{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;flex-wrap:wrap}.battle-head .who{font:800 1.4rem var(--display);color:rgb(var(--mut))}.battle-head .who.on{color:rgb(var(--pri-2))}.shot-msg{font:800 1.1rem var(--display);padding:4px 14px;border-radius:10px}.shot-msg.miss{background:rgb(var(--sky) / .2);color:rgb(var(--sky))}.shot-msg.hit{background:rgb(var(--gold));color:#2b1d00}.shot-msg.sunk{background:rgb(var(--red));color:#fff}.battle-boards{display:grid;grid-template-columns:repeat(2,minmax(0,540px));justify-content:center;gap:24px}.bside{display:grid;gap:10px;align-content:start;padding:14px;border-radius:18px;background:rgb(var(--card) / .75);border:1px solid rgb(var(--line));transition:border-color .25s,box-shadow .25s,opacity .25s}.bside-head{display:flex;gap:12px;align-items:center}.bside-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgb(var(--card-2));color:rgb(var(--mut))}.bside h3{font-size:1.25rem}.bside-head p{font-size:.84rem;color:rgb(var(--mut))}.bside-head p b{color:var(--pc)}.bside.enemy .bside-ico{color:rgb(var(--red));background:rgb(var(--red) / .12)}.bside.own .bside-ico{color:rgb(var(--pri-2));background:rgb(var(--pri) / .12)}.bside.myshot{border-color:rgb(var(--red) / .75);box-shadow:0 0 0 1px rgb(var(--red) / .35),0 0 40px rgb(var(--red) / .15)}.bside.myshot h3{color:rgb(var(--red))}.bside.underfire{border-color:rgb(var(--gold) / .45)}.sea-legend{display:flex;justify-content:center;gap:22px;font-size:.82rem;color:rgb(var(--mut))}.sea-legend span{display:inline-flex;align-items:center;gap:7px}.sea-legend i{width:14px;height:14px;border-radius:50%;display:inline-block}.sea-legend .drop{background:rgb(var(--sky));width:9px;height:9px}.sea-legend .boom{background:radial-gradient(circle,#fff3b0,rgb(var(--gold)) 40%,rgb(var(--red)) 75%)}.sea-legend .sunkbox{border-radius:3px;background:linear-gradient(180deg,#7a3b3b,#4a2020)}.fleet-mini{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fleet-mini small{width:100%;font-size:.78rem;color:rgb(var(--mut))}.fleet-mini span{display:flex;gap:2px}.fleet-mini i{width:10px;height:10px;border-radius:2px;background:#93aaa1}.fleet-mini span.sunk i{background:rgb(var(--red) / .6)}.other-battles{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.ob{display:flex;gap:10px;background:rgb(var(--card) / .6);border:1px solid rgb(var(--line));border-radius:12px;padding:10px}.ob-side{display:grid;gap:4px;width:130px;font-size:.78rem;font-weight:600}.sea-grid.tiny{grid-template-columns:repeat(var(--n),1fr);gap:1px}.sea-grid.tiny .axis,.sea-grid.tiny .corner{display:none}.sea-grid.tiny .sq{border-radius:2px}.num{flex:1;display:flex;flex-direction:column;gap:14px;max-width:1200px;width:100%;margin:0 auto}.num-pick{flex:1;display:grid;justify-items:center;align-content:center;gap:16px;text-align:center}.lockico{color:rgb(var(--gold))}.num-pick h2{font-size:clamp(1.6rem,4vw,2.4rem)}.bignum-input{max-width:200px;text-align:center;font:800 2.6rem var(--display)!important}.num-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.num-card{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:10px;border-radius:16px;border:1px solid rgb(var(--line));background:rgb(var(--card) / .85);text-align:left;transition:transform .2s var(--ease-back),border-color .2s,box-shadow .2s}.num-card .tile{border-width:2px;border-radius:10px}.num-card:not(:disabled):hover{transform:translateY(-3px);border-color:rgb(var(--red) / .6)}.num-card:disabled{cursor:default}.num-card.sel{border-color:rgb(var(--red));box-shadow:0 0 0 1px rgb(var(--red)),0 0 30px rgb(var(--red) / .25)}.num-card.active{box-shadow:0 0 0 2px var(--pc),0 0 26px color-mix(in srgb,var(--pc) 35%,transparent)}.num-card.found{opacity:.75}.num-info{display:grid;gap:6px;min-width:0}.nname{display:flex;justify-content:space-between;gap:8px;font-weight:600;color:var(--pc);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nname b{color:rgb(var(--text));font-weight:600;font-size:.82rem}.secretbox{display:flex;align-items:baseline;gap:8px}.secretbox b,.secretbox span{font:800 1.9rem/1 var(--display);color:rgb(var(--gold))}.secretbox span{color:rgb(var(--mut-2))}.secretbox small{color:rgb(var(--mut));font-size:.75rem}.range-txt{font-size:.82rem;color:rgb(var(--mut))}.range-txt b{color:rgb(var(--text));font-size:.95rem}.rangebar{position:relative;height:10px;border-radius:5px;background:rgb(var(--line));margin-top:2px}.rangebar i{position:absolute;top:0;bottom:0;left:calc(var(--a) * 100%);right:calc((1 - var(--b)) * 100%);min-width:4px;border-radius:5px;background:var(--pc);transition:left .6s var(--ease-back),right .6s var(--ease-back)}.range-scale{display:flex;justify-content:space-between;font-size:.68rem;color:rgb(var(--mut-2));margin-top:-2px}.num-aim{display:inline-flex;gap:6px;align-items:center;color:rgb(var(--red));font-weight:600}.numlog{list-style:none;margin:0;padding:0;display:grid;gap:4px;width:min(560px,100%)}.numlog li{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.9rem;color:rgb(var(--mut))}.numlog li:first-child{color:rgb(var(--text));font-size:1rem}.numlog .n{font:800 1.1rem var(--display);color:rgb(var(--text))}.numlog em{font-style:normal;display:inline-flex;align-items:center;gap:3px;font-weight:700}.numlog .up{color:rgb(var(--pri-2))}.numlog .down{color:rgb(var(--red))}.numlog .hit{color:rgb(var(--gold))}.final{max-width:760px;width:100%;margin:6px auto 0;display:grid;gap:18px}.final h1{font-size:clamp(2rem,6vw,3.4rem);text-align:center;color:rgb(var(--gold));text-shadow:0 0 40px rgb(var(--gold) / .3),0 4px 0 rgb(0 0 0 / .4)}.podium3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}.pod{display:grid;gap:8px;justify-items:center;position:relative;animation:rise .6s cubic-bezier(.2,.8,.2,1) var(--d) both}.pod .tile{width:100%}.pod-crown{position:absolute;top:-26px;color:rgb(var(--gold));fill:rgb(var(--gold));filter:drop-shadow(0 0 12px rgb(var(--gold) / .6));animation:bounce 1.2s ease 1.2s both;z-index:2}.pod-name{font-weight:700;color:var(--pc);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-block{width:100%;display:grid;justify-items:center;align-content:start;padding-top:10px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 35%,rgb(var(--card))),rgb(var(--card)));border:1px solid var(--pc);position:relative}.pod-1 .pod-block{height:120px}.pod-2 .pod-block{height:92px}.pod-3 .pod-block{height:74px}.pod-block b{font:800 2rem/1 var(--display)}.pod-block small{color:rgb(var(--mut));font-size:.75rem}.ranking,.series ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ranking li,.series li{display:grid;grid-template-columns:32px 12px 1fr auto;align-items:center;gap:12px;background:rgb(var(--card) / .85);border:1px solid rgb(var(--line));border-left:5px solid var(--pc);border-radius:12px;padding:8px 14px;animation:rise .4s ease-out backwards;animation-delay:calc(1s + var(--i, 0) * .08s)}.series li{grid-template-columns:32px 1fr auto}.place{font:800 1.3rem var(--display);text-align:center;color:rgb(var(--mut))}.ranking .dot{width:12px;height:12px;border-radius:50%;background:var(--pc)}.rname{font-weight:600;overflow:hidden;text-overflow:ellipsis}.ranking b,.series b{font:800 1.3rem var(--display);color:var(--pc);white-space:nowrap}.series{display:grid;gap:10px;background:rgb(var(--card) / .6);border:1px solid rgb(var(--gold) / .35);border-radius:16px;padding:16px}.series h2{font-size:1.4rem;color:rgb(var(--gold))}.series li:first-child{border-color:rgb(var(--gold) / .6)}@media(max-width:960px){.lobby,.ttt-arena,.ships-place{grid-template-columns:1fr}.battle-boards{grid-template-columns:minmax(0,540px)}.set-grid{grid-template-columns:1fr}.czo-main{grid-template-columns:1fr;align-items:start;max-width:none}.czo-card.big{max-width:420px;width:100%;margin:0 auto}.plate{min-width:80%;max-width:100%;padding-inline:8px}.czo-card:not(.big) .plate strong{font-size:.9rem}}@media(max-width:700px){.logo-word,.top-mid,.hide-sm{display:none}.top{gap:8px}.code-chip{padding:6px 10px}.stage{flex-wrap:wrap;align-items:flex-start;perspective:none;row-gap:22px}.stand,.stand.turn,.stand.votable:hover{width:calc(33.3% - 10px);min-width:96px;transform:none}.stand:before{display:none}.stand.turn .tile{box-shadow:0 0 0 3px var(--pc),0 0 22px var(--pc)}.board{min-height:60px}.imp-head,.pm-head{grid-template-columns:auto 1fr auto}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-form,.games{grid-template-columns:1fr}.picker{grid-template-columns:repeat(3,1fr)}.podium3{gap:6px}.intro-title .mega{font-size:clamp(2.4rem,13vw,4rem)}.icol,.ichip{min-width:84px}.ichip-name{max-width:90px}.floor{display:none}.num-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.num-card{grid-template-columns:1fr;gap:8px;padding:8px}.num-card .tile{display:none}.secretbox b,.secretbox span{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}