:root{--bg:#070b18;--ink:#eef2ff;--dim:#93a2cf;--cyan:#3dd6ff;--pink:#ff4d6d;--gold:#ffc93d;--green:#3dff8a;--red:#ff3d4d;--panel:#0d132ce6;--panel2:#18214a;--btn:#1f2a58;--edge:#8fb6ff24;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--display:"Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--ui:"Space Grotesk", system-ui, sans-serif;--ol-bg:#0d1330;--ol-surface:#1a2350;--ol-fg:var(--ink);--ol-muted:var(--dim);--ol-accent:#ff4d6d;--ol-accent-2:#d92a4b;--ol-accent-fg:#fff;--ol-ok:var(--green);--ol-warn:var(--gold);--ol-danger:var(--red);--ol-tile:#050814eb;--ol-tile-fg:var(--ink);--ol-qr-bg:#eef2ff;--ol-qr-fg:#070b18;--ol-scrim:#03050ebd;--ol-font:var(--ui);--ol-display:var(--display);--ol-radius:20px;--ol-btn-radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font:500 16px/1.35 var(--ui);overscroll-behavior:none;margin:0}body{-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}input{font:inherit;-webkit-user-select:text;user-select:text}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;display:block}.btn{background:var(--btn);min-height:48px;color:var(--ink);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 20px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex;box-shadow:0 4px #0a1030,0 10px 24px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 1px #0a1030,0 4px 12px #0000004d}.btn:disabled{opacity:.55;cursor:default}.btn small{opacity:.88;font-size:14px;font-weight:500}.btn.primary{background:linear-gradient(#ff6680,#e3304f);box-shadow:0 4px #7a1024,0 10px 30px #ff4d6d66}.btn.primary:active{box-shadow:0 1px #7a1024,0 4px 16px #ff4d6d59}.btn.big{width:100%;min-height:60px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:26px;font-weight:900}.btn.big small{font-family:var(--ui);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}.btn.ghost{box-shadow:none;color:var(--dim);background:0 0;flex-direction:row;gap:8px}.btn.ghost:active{color:var(--ink);transform:none}.btn.danger{color:#ff8da0}.btn:focus-visible,.pill:focus-visible,.mode:focus-visible,.tb:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.pills{background:#050814c7;border-radius:999px;gap:6px;width:100%;padding:5px;display:flex}.pill{min-height:46px;color:var(--dim);background:0 0;border:0;border-radius:999px;flex:1;font-size:16px;font-weight:700;transition:background .2s,color .2s}.pill[aria-pressed=true]{color:#031620;background:linear-gradient(#6be3ff,#20b4dd);box-shadow:0 0 18px #3dd6ff66}.pill:disabled{cursor:default}.title{font-family:var(--display);text-transform:uppercase;flex-direction:column;align-items:center;margin:0;font-weight:900;line-height:.82;display:flex}.title .t1{letter-spacing:.02em;color:#f4f7ff;text-shadow:0 0 2px #fff,0 0 18px #3dd6ff8c;font-size:clamp(46px,15vw,84px);animation:7s 1.4s infinite sign}.title .t2{letter-spacing:-.01em;color:var(--pink);text-shadow:0 0 22px #ff4d6d99,-14px 0 #ff4d6d38,-30px 0 #ff4d6d1a;font-size:clamp(84px,30vw,168px);font-style:italic;animation:.7s cubic-bezier(.2,1.3,.3,1) .2s both zoom;position:relative;transform:skew(-8deg)}.title.small .t1{font-size:26px}.title.small .t2{font-size:46px}@keyframes sign{0%,93%,to{opacity:1}94%{opacity:.4}95%{opacity:1}96.5%{opacity:.55}}@keyframes zoom{0%{opacity:0;transform:skew(-8deg)translate(-40vw)}to{opacity:1;transform:skew(-8deg)}}.rise{animation:.5s cubic-bezier(.2,.9,.3,1.2) both rise;animation-delay:calc(var(--i,0) * 70ms + .25s)}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.reduced *,.reduced :before,.reduced :after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}.landing{background:var(--bg);position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage.attract{filter:saturate(1.1)brightness(.92)}.landing:after{content:"";pointer-events:none;background:linear-gradient(#070b188c,#070b181a 30%,#070b1833 55%,#070b18eb 85%);position:absolute;inset:0}.landing-ui{z-index:2;overscroll-behavior:contain;height:100dvh;padding:calc(var(--st) + 60px) calc(var(--sr) + 16px) calc(var(--sb) + 16px) calc(var(--sl) + 16px);flex-direction:column;justify-content:space-between;align-items:center;gap:14px;max-width:480px;margin:0 auto;display:flex;position:relative;overflow-y:auto}.landing-ui header{flex-direction:column;align-items:center;display:flex}.tag{text-align:center;color:#c7d2f2;background:#070b1899;border-radius:99px;margin:12px 0 0;padding:6px 12px;font-size:15px}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;box-shadow:0 0 0 1px var(--edge), 0 20px 50px #00000080;background:#0a0f24db;border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode{min-height:64px;color:var(--dim);text-align:left;background:#050814b3;border:0;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;transition:background .2s,color .2s,box-shadow .2s;display:flex}.mode b{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);font-size:22px;font-weight:800;line-height:1}.mode small{font-size:14px}.mode.on{color:#c7d2f2;box-shadow:inset 0 0 0 2px var(--cyan), 0 0 22px #3dd6ff40;background:linear-gradient(160deg,#23306a,#141c44)}.quiet{justify-content:center;gap:4px;display:flex}.quiet .btn{min-height:44px;padding:8px 12px;font-size:15px}.join-code{gap:10px;display:flex}.join-code.nudge{animation:.35s nudge}@keyframes nudge{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.code-field{min-width:0;height:52px;color:var(--ink);font-family:var(--display);letter-spacing:.3em;text-align:center;background:#050814d9;border:0;border-radius:14px;flex:1;padding:0 16px;font-size:26px;font-weight:900}.code-field::placeholder{color:#45518a}.code-field:focus{box-shadow:0 0 0 3px var(--cyan);outline:0}.hint{text-align:center;color:var(--dim);margin:0;font-size:15px}.hub-cards{gap:8px;width:100%;display:grid}.hub-cards .ol-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d132ceb}.sheet{z-index:50;padding:calc(var(--st) + 16px) calc(var(--sr) + 16px) calc(var(--sb) + 16px) calc(var(--sl) + 16px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:auto;background:#03050eb8;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.card{background:var(--panel);width:min(440px,100%);box-shadow:0 0 0 1px var(--edge), 0 20px 60px #00000080;border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex}.card h2{text-align:center;font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:32px;font-weight:900}.toast{z-index:60;left:50%;bottom:calc(var(--sb) + 20px);color:#fff;background:#3a0c1c;border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;animation:.25s rise;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.loading{color:var(--dim);margin:auto}.oftr-badge{border-radius:50%;flex:none;display:inline-block;overflow:hidden}.oftr-badge svg{width:100%;height:100%;display:block}.menu{width:min(360px,100%)}.menu .toggles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu .toggles .btn{flex-direction:row;gap:8px;padding:10px;font-size:15px}.menu .btn.ghost{justify-content:center}.back-slot{display:inline-flex}.match{position:fixed;inset:0;overflow:hidden}.play{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--bg);height:100dvh;position:fixed;inset:0;overflow:hidden}.play:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(at 50% 55%,#0000 55%,#03050e8c);position:absolute;inset:0}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-top{top:calc(var(--st) + 8px);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.place{font-family:var(--display);text-shadow:0 3px 14px #000000b3;align-items:baseline;font-weight:900;line-height:.9;display:flex}.place b{color:#fff;font-size:58px;animation:.35s cubic-bezier(.2,1.6,.4,1) placepop}.place sup{vertical-align:26px;color:var(--gold);margin-left:1px;font-size:24px}.place small{color:var(--dim);margin-left:4px;font-size:24px}@keyframes placepop{0%{color:var(--gold);transform:scale(1.5)}}.clock{font-variant-numeric:tabular-nums;color:#c7d2f2;background:#05081499;border-radius:99px;padding:2px 10px;font-size:16px;font-weight:700}.tower-bar{left:calc(var(--sl) + 18px);top:calc(var(--st) + 120px);background:linear-gradient(#b98cff80,#3dd6ff80 50%,#ffc93d99);border-radius:2px;width:4px;position:absolute;bottom:48%}.tower-bar .fl{font-family:var(--display);letter-spacing:.06em;color:#c7d2f2b3;text-shadow:0 1px 4px #000;font-size:13px;font-weight:800;position:absolute;left:10px;transform:translateY(-50%)}.tower-bar .fl:before{content:"";background:#c7d2f280;width:8px;height:2px;position:absolute;top:50%;left:-13px}.tower-bar .fl.exit{color:var(--gold)}.tower-bar i{border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:top .12s linear;position:absolute;left:50%;box-shadow:0 0 0 2px #03050ecc}.tower-bar i.me{z-index:2;width:16px;height:16px;margin:-8px 0 0 -8px;box-shadow:0 0 0 3px #fff,0 0 14px #ffffffb3}.lift-chip,.close-chip,.done-chip{width:max-content;left:0;right:0;top:calc(var(--st) + 96px);font-family:var(--display);letter-spacing:.06em;white-space:nowrap;background:#050814c7;border-radius:99px;align-items:center;gap:8px;margin:0 auto;padding:6px 14px;font-size:18px;font-weight:800;animation:.25s rise;display:flex;position:absolute}.lift-chip i{border-radius:50%;width:10px;height:10px}.lift-chip.open{color:var(--green)}.lift-chip.open i{background:var(--green);box-shadow:0 0 10px var(--green)}.lift-chip.shut{color:#ff8da0}.lift-chip.shut i{background:var(--red);box-shadow:0 0 10px var(--red)}.lift-chip small{font-family:var(--ui);letter-spacing:0;color:var(--dim);font-size:13px;font-weight:600}.close-chip{top:calc(var(--st) + 132px);color:var(--gold);font-family:var(--ui);letter-spacing:0;font-size:14px;font-weight:600}.close-chip b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:20px}.done-chip{color:var(--gold)}.calls{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:31%;left:0;right:0}.floor-on .calls,.counting .calls{top:58%}.call{flex-direction:column;align-items:center;animation:.28s cubic-bezier(.2,1.6,.4,1) both callin;display:flex}.call b{font-family:var(--display);letter-spacing:.03em;color:#fff;text-shadow:0 0 16px var(--cc,var(--cyan)), 0 3px 0 #00000080;font-size:34px;font-style:italic;font-weight:900;line-height:1;transform:skew(-6deg)}.call small{color:#dde4ff;background:#050814b3;border-radius:99px;margin-top:2px;padding:2px 10px;font-size:14px;font-weight:600}.call.good{--cc:var(--cyan)}.call.bad{--cc:var(--red)}.call.bad b{color:#ffd0d7}.call.info{--cc:#fff9}.call.info b{font-size:26px}.call.big{--cc:var(--gold)}.call.big b{color:#fff4d1;font-size:50px}@keyframes callin{0%{opacity:0;transform:scale(1.8)}}.floorcard{z-index:6;left:0;right:0;top:calc(var(--st) + 22%);pointer-events:none;flex-direction:column;align-items:center;animation:2.6s cubic-bezier(.2,.9,.3,1) both floorin;display:flex;position:absolute}.floorcard b{font-family:var(--display);letter-spacing:.06em;color:#fff;text-shadow:0 0 20px #3dd6ff99;background:linear-gradient(90deg,#0000,#050814d1 15% 85%,#0000);padding:4px 22px;font-size:clamp(36px,10vw,64px);font-weight:900;line-height:1.05}.floorcard small{color:#c7d2f2;text-shadow:0 2px 8px #000;margin-top:4px;font-size:16px;font-style:italic}@keyframes floorin{0%{opacity:0;transform:translate(-30%)}12%{opacity:1;transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translate(20%)}}.count{z-index:7;pointer-events:none;font-family:var(--display);color:#fff;text-shadow:0 0 30px #3dd6ffcc,0 6px #0006;flex-direction:column;align-items:center;font-size:150px;font-weight:900;line-height:.9;animation:.95s cubic-bezier(.2,1.4,.4,1) both count;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.count.go{color:var(--green);text-shadow:0 0 40px #3dff8ae6,0 6px #0006}.count small{font-family:var(--ui);color:#fff;text-shadow:0 2px 10px #000;font-size:16px;font-weight:700}@keyframes count{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.gridcard{z-index:6;left:0;right:0;bottom:calc(var(--sb) + 26%);text-align:center;pointer-events:none;background:#050814cc;border-radius:20px;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 32px);margin:0 auto;padding:14px 22px;animation:.5s .3s both rise;display:flex;position:absolute}.gridcard small{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-size:13px}.gridcard b{font-family:var(--display);text-transform:uppercase;font-size:34px;font-weight:900;line-height:.95}.gridcard span{color:var(--dim);font-size:15px}.foamed{z-index:4;pointer-events:none;animation:.15s fade;position:absolute;inset:0}.foamed i{filter:drop-shadow(0 2px 3px #28467859);background:radial-gradient(circle at 30% 45%,#fff 0 17%,#0000 18%),radial-gradient(circle at 55% 35%,#f4f9ff 0 21%,#0000 22%),radial-gradient(circle at 75% 55%,#fff 0 15%,#0000 16%),radial-gradient(circle at 45% 65%,#e6f0ff 0 19%,#0000 20%),radial-gradient(circle at 20% 70%,#f4f9ff 0 10%,#0000 11%),radial-gradient(circle at 88% 38%,#fff 0 8%,#0000 9%);width:34vmin;height:26vmin;animation:1.4s ease-in forwards drip;position:absolute}.foamed i:first-child{top:34%;left:-6%}.foamed i:nth-child(2){top:22%;right:-8%;transform:scale(1.3)rotate(20deg)}.foamed i:nth-child(3){bottom:2%;left:12%;transform:scale(.9)rotate(-15deg)}.foamed i:nth-child(4){bottom:12%;right:16%;transform:scale(.7)rotate(40deg)}@keyframes drip{to{opacity:.2;transform:translateY(14%)scale(.9)}}.speedlines{z-index:4;pointer-events:none;opacity:0;background:repeating-conic-gradient(at 50% 46%,#ffffff29 0deg 1.2deg,#0000 1.2deg 9deg);transition:opacity .25s;position:absolute;inset:-20%;-webkit-mask:radial-gradient(circle at 50% 46%,#0000 30%,#000 62%);mask:radial-gradient(circle at 50% 46%,#0000 30%,#000 62%)}.boosting .speedlines{opacity:.85;animation:.25s steps(3,end) infinite lines}@keyframes lines{to{transform:rotate(4deg)}}.stunned:before{content:"";z-index:4;pointer-events:none;animation:.1s fade;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff3d4d8c}.menu-btn{z-index:8;top:max(12px, var(--st));right:calc(var(--sr) + 12px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#0e0a1ca8;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;box-shadow:0 8px 24px #00000059}.watching{z-index:9;left:50%;bottom:calc(var(--sb) + 70px);background:#050814d9;border-radius:12px;margin:0;padding:8px 14px;font-size:14px;position:fixed;transform:translate(-50%)}.thumbs{z-index:6;pointer-events:none;position:absolute;inset:0}.stickzone{pointer-events:auto;touch-action:none;width:55%;height:52%;position:absolute;bottom:0;left:0}.stick{left:calc(var(--sl) + 92px);top:calc(100% - var(--sb) - 92px);color:#ffffff73;opacity:.75;background:#05081473;border-radius:99px;justify-content:space-between;align-items:center;width:132px;height:56px;margin:-28px 0 0 -66px;padding:0 10px;font-size:24px;transition:opacity .2s;display:flex;position:absolute;box-shadow:inset 0 0 0 2px #ffffff24}.stick.held{opacity:1;background:#05081499}.stick i{background:radial-gradient(circle at 40% 35%,#fff,#c7d2f2 60%,#8d9bc8);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000080}.stick b{font-weight:400}.btnzone{pointer-events:none;width:45%;height:52%;position:absolute;bottom:0;right:0}.tb{pointer-events:auto;touch-action:none;color:#fff;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform 80ms,filter .1s,opacity .2s;display:flex;position:absolute;box-shadow:0 6px #00000059,0 10px 26px #0006}.tb svg{width:44%;height:44%}.tb small{font-family:var(--display);letter-spacing:.08em;font-size:15px;font-weight:900;line-height:1}.tb.on{filter:brightness(1.25);transform:scale(.92)translateY(3px);box-shadow:0 2px #00000059,0 4px 14px #0006}.tb.kick{right:calc(var(--sr) + 18px);bottom:calc(var(--sb) + 20px);--ready:0;background:radial-gradient(circle at 50% 30%,#ff7d93,#e3304f 70%);width:104px;height:104px}.tb.kick .ring{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;transform:rotate(-90deg)}.tb.kick .ring circle{fill:none;stroke:#ffffffd9;stroke-width:5px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ready));stroke-linecap:round;transition:stroke 80ms}.tb.kick.win .ring circle{stroke:var(--green);filter:drop-shadow(0 0 6px var(--green));stroke-width:7px}.tb.kick.win{box-shadow:0 6px #00000059,0 0 30px #3dff8a8c}.tb.kick.hit{animation:.16s hit}@keyframes hit{50%{filter:brightness(1.5);transform:scale(1.08)}}.tb.kick em{background:var(--green);color:#032010;font-style:normal;font-family:var(--display);border-radius:99px;padding:2px 7px;font-size:16px;font-weight:900;position:absolute;top:-14px;right:-6px}.tb.spin{right:calc(var(--sr) + 138px);bottom:calc(var(--sb) + 34px);background:radial-gradient(circle at 50% 30%,#6be3ff,#1e9fcc 70%);width:80px;height:80px}.tb.spin.grab{color:#2a1a00;background:radial-gradient(circle at 50% 30%,#ffe08a,#e0a516 70%);animation:.6s infinite alternate grabby}@keyframes grabby{to{box-shadow:0 6px #00000059,0 0 26px #ffc93db3}}.tb.spin.t1{box-shadow:0 0 0 4px #3dd6ff80,0 6px #00000059}.tb.spin.t2{box-shadow:0 0 0 6px #ffc93db3,0 6px #00000059}.tb.spin.t3{box-shadow:0 0 0 8px #ff4d6dcc,0 0 30px #ff4d6d99}.tb.spin svg{animation:none}.tb.spin.on:not(.grab) svg{animation:.3s linear infinite whirl}@keyframes whirl{to{transform:rotate(360deg)}}.tb.blast{right:calc(var(--sr) + 36px);bottom:calc(var(--sb) + 138px);color:#ffffff59;background:#2a2f44;width:70px;height:70px}.tb.blast.has{color:#fff;background:radial-gradient(circle at 50% 30%,#ff6a5a,#c4141f 70%);animation:.9s infinite alternate pulse}.tb.blast:disabled{cursor:default}@keyframes pulse{to{box-shadow:0 6px #00000059,0 0 26px #ff3d4dbf}}.thumbs.keys .stickzone,.thumbs.keys .btnzone .tb{opacity:.85}.keyhint{left:50%;bottom:calc(var(--sb) + 10px);color:var(--dim);white-space:nowrap;pointer-events:none;background:#05081499;border-radius:99px;margin:0;padding:6px 12px;font-size:13px;position:absolute;transform:translate(-50%)}.keyhint b{color:var(--ink)}@media (hover:hover) and (pointer:fine){.thumbs.keys .stick{display:none}}.results{z-index:20;padding:calc(max(12px, var(--st)) + 52px) calc(var(--sr) + 14px) calc(var(--sb) + 14px) calc(var(--sl) + 14px);touch-action:auto;background:#03050e99;place-items:center;animation:.4s fade;display:grid;position:absolute;inset:0;overflow-y:auto}.results-card{gap:12px;width:min(460px,100%)}.results-card header{text-align:center}.results-card header small{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-size:13px}.results-card h2{margin:4px 0;font-size:clamp(40px,12vw,58px);line-height:.9}.results-card header p{color:var(--dim);margin:0;font-size:15px;font-style:italic}.podium{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:6px;height:128px;padding:0 6px;display:grid}.pod{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}.pod i{background:var(--c);width:26px;height:26px;box-shadow:0 0 16px var(--c);border-radius:8px 8px 4px 4px;margin-bottom:4px;display:block}.pod b{width:100%;font-family:var(--display);transform-origin:bottom;background:linear-gradient(#2a376e,#18214a);border-radius:10px 10px 4px 4px;place-items:center;font-size:30px;font-weight:900;animation:.6s cubic-bezier(.2,1.2,.4,1) both grow;display:grid}.pod.p1 b{color:#2a1a00;background:linear-gradient(#ffd969,#d9a21a);height:62px;animation-delay:.45s}.pod.p2 b{height:44px;animation-delay:.3s}.pod.p3 b{height:30px;animation-delay:.15s}@keyframes grow{0%{transform:scaleY(0)}}.standings{gap:3px;margin:0;padding:0;list-style:none;display:grid}.standings li{background:#05081480;border-radius:10px;grid-template-columns:22px 10px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:4px 10px;font-size:15px;display:grid}.standings li.me{background:linear-gradient(90deg,#ff4d6d47,#05081480);box-shadow:inset 0 0 0 1px #ff4d6d80}.standings .pl{font-family:var(--display);color:var(--dim);text-align:right;font-size:18px;font-weight:900}.standings i{border-radius:50%;width:10px;height:10px}.standings .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.standings .nm small{color:var(--gold);margin-left:6px;font-size:13px;font-weight:500}.standings .tm{font-variant-numeric:tabular-nums;color:#c7d2f2;font-size:14px}.awards{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.awards li{background:#3dd6ff14;border-radius:12px;flex-direction:column;gap:1px;min-width:0;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #3dd6ff2e}.awards li.me{background:#ffc93d1f;box-shadow:inset 0 0 0 1px #ffc93d73}.awards b{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--gold);font-size:17px;font-weight:800;line-height:1.05}.awards span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.awards span i{border-radius:50%;flex:none;width:8px;height:8px}.awards small{color:var(--dim);font-size:13px}.results-acts{flex-direction:column;gap:8px;display:flex}.lobby{min-height:100dvh;padding:calc(var(--st) + 64px) calc(var(--sr) + 16px) calc(var(--sb) + 24px) calc(var(--sl) + 16px);background:radial-gradient(ellipse at 50% -10%, #1d2a66 0%, transparent 60%), linear-gradient(90deg, #8fb6ff0d 1px, transparent 1px) 0 0 / 46px 46px, linear-gradient(0deg, #8fb6ff0d 1px, transparent 1px) 0 0 / 46px 46px, var(--bg);flex-direction:column;align-items:center;gap:14px;display:flex}.skf-lobby .lcol{display:contents}.skf-lobby .ol-code{order:1}.skf-lobby .lcol-room>.ol-note{order:2}.skf-lobby .ol-players{order:3}.skf-lobby .ol-invite{order:4}.skf-lobby .ol-setup{order:5}.skf-lobby .ol-settings{order:6}.skf-lobby .ol-startbar{order:7}.skf-lobby .ol-leave{order:8}.skf-lobby .ol-startbar{z-index:2;padding:10px 12px calc(var(--sb) + 10px);background:#0f163a;border-radius:18px;margin:0 -12px;position:sticky;bottom:0;box-shadow:0 -14px 24px -10px #03050ee6}.skf-lobby .ol-setup>.ol-btn.big{bottom:calc(var(--sb) + 10px);z-index:2;position:sticky}body .ol-btn.primary{background:linear-gradient(#ff6680,#e3304f);box-shadow:0 4px #7a1024,0 10px 30px #ff4d6d66}body .ol-btn.primary.done{color:#032010;background:linear-gradient(#52ffa0,#1fc76a);box-shadow:0 4px #0c5a37,0 10px 26px #3dff8a4d}body .ol-btn.big{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:22px;font-weight:900}body .ol-btn:not(.primary):not(.ghost):not(.danger){box-shadow:0 4px #0a1030,0 10px 24px #00000059}body .ol-code b{text-shadow:0 0 18px #3dd6ff80;font-weight:900}body .ol-player{background:linear-gradient(90deg,#3dd6ff1a,#0d1330 70%)}body .ol-player.mine{background:linear-gradient(90deg,#ff4d6d33,#0d1330 70%)}body .ol-settings{flex-direction:column;gap:6px;display:flex}body .ol-settings .pills{margin:0}body .lobby.ended .ol-ended{width:min(440px,100%)}body .match~.ol-pill{top:calc(max(12px, var(--st)) + 52px)}body .ol-toast{top:38%;bottom:auto}.howto-scrim{padding:calc(var(--st) + 12px) calc(var(--sr) + 12px) calc(var(--sb) + 12px) calc(var(--sl) + 12px)}.howto-scrim.out{animation:.18s reverse forwards fade}.howto{background:var(--panel);width:min(440px,100%);max-height:100%;box-shadow:0 0 0 1px var(--edge), 0 20px 60px #0000008c;border-radius:24px;flex-direction:column;animation:.32s cubic-bezier(.2,.9,.3,1.2) rise;display:flex;position:relative;overflow:hidden}.howto-scrim.out .howto{animation:.18s ease-in forwards sink}@keyframes sink{to{opacity:0;transform:translateY(16px)scale(.96)}}.howto-x{z-index:2;width:44px;height:44px;color:var(--dim);background:#05081499;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.howto-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;min-height:0;display:flex;overflow:auto hidden}.howto-track::-webkit-scrollbar{display:none}.howto-page{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:14px;min-width:0;padding:22px 22px 4px;display:flex;overflow-y:auto}.howto-art{aspect-ratio:1;filter:drop-shadow(0 0 18px #3dd6ff33);flex:none;width:min(230px,64vw,34dvh)}.howto-text{text-align:center;gap:6px;display:grid}.howto-n{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.howto-text h2{font-family:var(--display);text-transform:uppercase;margin:0;font-size:34px;font-weight:900;line-height:.95}.howto-text p{text-wrap:balance;margin:0;font-size:17px;font-weight:500;line-height:1.4}.c-g{color:var(--green)}.c-c{color:var(--cyan)}.c-y{color:var(--gold)}.c-p{color:var(--pink)}.howto-nav{flex:none;justify-content:space-between;align-items:center;gap:6px;padding:10px 14px 14px;display:flex}.howto-nav .btn{min-width:96px}.howto-dots{display:flex}.howto-dots button{background:0 0;border:0;place-items:center;width:22px;height:44px;padding:0;display:grid}.howto-dots i{background:#ffffff40;border-radius:99px;width:8px;height:8px;transition:width .25s,background .25s;display:block}.howto-dots [aria-selected=true] i{background:var(--pink);width:20px;box-shadow:0 0 10px var(--pink)}.art-kick .leg{transform-origin:8px 12px;animation:.7s ease-in-out infinite kickleg}@keyframes kickleg{0%,to{transform:rotate(-30deg)}45%{transform:rotate(18deg)}}.art-kick .side-chair{animation:.7s ease-in-out infinite scoot}@keyframes scoot{50%{transform:translate(90px,92px)}}.art-kick .ring{stroke-dasharray:1;animation:.7s linear infinite ring}@keyframes ring{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.art-kick .dust{animation:.7s infinite fade}.art-spin .spinner>*{animation:.5s linear infinite whirl}.art-spin .tight{stroke-dasharray:260;animation:2s ease-in-out infinite draw}@keyframes draw{0%{stroke-dashoffset:260px}to{stroke-dashoffset:0}}.art-grab .swing{transform-origin:74px 74px;animation:1.6s ease-in-out infinite swing}@keyframes swing{0%{transform:rotate(0)}70%{transform:rotate(140deg)}to{opacity:0;transform:rotate(140deg)}}.art-grab .halo{animation:.8s infinite alternate pulse-o}@keyframes pulse-o{to{opacity:.6}}.art-grab .zoom{animation:.4s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-16px}}.art-lift .door{animation:3s ease-in-out infinite doors}.art-lift .door.r{animation-name:doorsr}@keyframes doors{0%,15%,85%,to{transform:none}35%,65%{transform:translate(-40px)}}@keyframes doorsr{0%,15%,85%,to{transform:none}35%,65%{transform:translate(40px)}}.art-lift .lamp{animation:3s step-end infinite lamp}@keyframes lamp{0%,75%{fill:#3dff8a}76%,to{fill:#ff3d4d}}.art-mess .bin{transform-origin:131px 148px;animation:1.8s ease-out infinite binfly}@keyframes binfly{0%,20%{transform:none}60%,to{transform:translate(30px,6px)rotate(80deg)}}.art-mess .sheet{opacity:0;animation:1.8s ease-out infinite sheet}.art-mess .s0{--x:-20px;--y:-60px}.art-mess .s1{--x:10px;--y:-80px}.art-mess .s2{--x:30px;--y:-50px}.art-mess .s3{--x:-5px;--y:-95px}.art-mess .s4{--x:45px;--y:-70px}@keyframes sheet{0%,20%{opacity:0;transform:none}30%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(200deg)}}.art-mess .foam{transform-origin:30px 150px;animation:1.8s ease-out infinite foam}@keyframes foam{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:.4;transform:scale(1.1)}}@media (height<=700px){.landing-ui{padding-top:calc(var(--st) + 56px);gap:10px}.title .t1{font-size:clamp(40px,12vw,64px)}.title .t2{font-size:clamp(70px,24vw,120px)}.tower-bar{top:calc(var(--st) + 112px)}}@media (orientation:landscape) and (height<=500px){.landing-ui{max-width:900px;padding:calc(var(--st) + 12px) calc(var(--sr) + 20px) calc(var(--sb) + 12px) calc(var(--sl) + 20px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:10px 28px;display:grid}.landing-ui header{grid-area:1/1/span 2}.landing-ui .hub-cards,.landing-ui .panel{grid-column:2}.title .t1{font-size:clamp(36px,6.5vw,60px)}.title .t2{font-size:clamp(70px,13vw,120px)}.landing:after{background:linear-gradient(90deg,#070b1859,#070b1826 40%,#070b18d9 75%)}.panel{gap:8px;padding:10px}.mode{min-height:54px}.btn.big{min-height:52px;font-size:22px}.pill,.quiet .btn{min-height:40px}.place b{font-size:46px}.place sup{vertical-align:20px;font-size:20px}.tower-bar{top:calc(var(--st) + 64px);bottom:34%}.lift-chip,.done-chip{top:calc(var(--st) + 80px)}.close-chip{top:calc(var(--st) + 114px)}.calls{top:33%}.floorcard{top:16%}.count{font-size:120px;top:40%}.gridcard{bottom:calc(var(--sb) + 14%)}.stickzone,.btnzone{height:70%}.tb.kick{width:96px;height:96px}.tb.spin{width:74px;height:74px;right:calc(var(--sr) + 128px)}.tb.blast{width:64px;height:64px;bottom:calc(var(--sb) + 128px)}.results{padding-top:calc(max(12px, var(--st)) + 6px)}.results-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;width:min(820px,100%);padding:14px 18px;display:grid}.results-card header{grid-column:1/-1}.results-card h2{font-size:40px}.podium{display:none}.standings{grid-area:2/1/span 2;align-content:start}.standings li{min-height:28px;padding:2px 10px}.awards{grid-column:2;align-content:start}.results-acts{grid-column:2;align-self:end}.lobby{height:100dvh;min-height:0;padding:calc(var(--st) + 10px) calc(var(--sr) + 12px) calc(var(--sb) + 10px) calc(var(--sl) + 12px);overflow-y:auto}.lobby>.title{display:none}.lobby-card{width:100%;max-width:980px;min-height:0;box-shadow:none;background:0 0;flex:1 1 0;padding:0}body .skf-lobby{align-items:stretch;gap:10px;max-width:none;height:100%;display:flex}body .skf-lobby .lcol{background:var(--panel);min-width:0;box-shadow:0 0 0 1px var(--edge), 0 16px 40px #00000073;border-radius:20px;flex-direction:column;flex:1 1 0;gap:8px;padding:10px;display:flex;overflow-y:auto}body .skf-lobby .lcol:empty{display:none}body .skf-lobby .lcol-room{padding-top:calc(max(12px, var(--st)) + 46px - var(--st) - 10px);flex-grow:1.05}body .skf-lobby .lcol-you{flex-grow:1.15}body .skf-lobby .ol-startbar{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;position:static}body .skf-lobby .ol-setup>.ol-btn.big{position:static}body .skf-lobby .ol-leave,body .skf-lobby .lcol-go .ol-startbar{margin-top:auto}.oftr-has-room body .skf-lobby .ol-code{display:none}body .skf-lobby .ol-code b{width:40px;height:46px;font-size:26px}body .skf-lobby .ol-player{gap:8px;min-height:46px;padding:4px 6px 4px 8px}body .skf-lobby .ol-pname b{font-size:16px}body .skf-lobby .ol-tags .ol-tag{display:none}body .skf-lobby .ol-ready{gap:0;padding:0 7px;font-size:0}body .skf-lobby .ol-setup{box-shadow:none;background:0 0;gap:8px;padding:0}body .skf-lobby .ol-setup-h{font-size:15px}body .skf-lobby .ol-steps{gap:6px}body .skf-lobby .ol-step{grid-template-columns:24px 1fr;gap:2px 8px;padding:7px 10px}body .skf-lobby .ol-step-n{width:24px;height:24px;font-size:13px}body .skf-lobby .ol-link{min-height:36px;font-size:13px;line-height:1.2}body .skf-lobby .ol-btn.small{min-height:40px}body .skf-lobby .ol-btn.big{min-height:52px;font-size:19px}body .skf-lobby .ol-btn{padding:0 12px;font-size:15px}body .skf-lobby .ol-invite{background:0 0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px 10px;padding:0;display:grid}body .skf-lobby .ol-invite-acts{display:contents}body .skf-lobby .ol-qr{width:72px;height:72px}body .skf-lobby .ol-invite-acts p{font-size:14px;line-height:1.25}body .skf-lobby .ol-invite .ol-btn,.skf-lobby .ol-sent,.skf-lobby .ol-phone{grid-column:1/-1}.howto{width:min(800px,100%);height:100%;max-height:440px}.howto-page{grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;column-gap:32px;padding:16px 64px 0 32px;display:grid}.howto-art{width:min(240px,100dvh - 150px)}.howto-text{text-align:left;gap:8px}.howto-text h2{font-size:40px}.howto-text p{text-wrap:pretty;font-size:18px}}:where(:root){--ol-bg:#17112c;--ol-surface:#221a3e;--ol-fg:#f6f1ff;--ol-muted:#a99fc7;--ol-accent:#ff3d7f;--ol-accent-2:#e0306e;--ol-accent-fg:#fff;--ol-ok:#3cd68a;--ol-warn:#ffc53d;--ol-danger:#ff5a4e;--ol-tile:#00000059;--ol-tile-fg:var(--ol-fg);--ol-qr-bg:#fff;--ol-qr-fg:#111;--ol-scrim:#05030ca8;--ol-radius:18px;--ol-btn-radius:999px;--ol-font:inherit;--ol-display:inherit;--ol-shadow:0 10px 30px #00000059}.ol-lobby,.ol-sheet,.ol-ended,.ol-card,.ol-toast,.ol-pill,.ol-result{font-family:var(--ol-font);color:var(--ol-fg);-webkit-tap-highlight-color:transparent}.ol-lobby{gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid}.ol-i{flex:none;display:block}.ol-btn{border-radius:var(--ol-btn-radius);background:var(--ol-surface);min-height:48px;color:var(--ol-fg);font:700 16px var(--ol-font);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .15s cubic-bezier(.2,.9,.25,1.15),filter .15s,opacity .2s;display:inline-flex;box-shadow:0 4px 14px #00000040}.ol-btn:active:not(:disabled){transform:scale(.96)}.ol-btn:disabled{opacity:.5;cursor:default}.ol-btn.primary{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 40%, transparent)}.ol-btn.primary.done{background:color-mix(in srgb, var(--ol-ok) 85%, #000);color:#062615;box-shadow:0 10px 28px color-mix(in srgb, var(--ol-ok) 35%, transparent)}.ol-btn.big{width:100%;min-height:58px;font-size:19px;font-family:var(--ol-display)}.ol-btn.small{min-height:44px;padding:0 14px;font-size:15px}.ol-btn.ghost{box-shadow:none;color:var(--ol-muted);background:0 0}.ol-btn.danger{background:var(--ol-danger);color:#fff}.ol-btn:focus-visible,.ol-iconbtn:focus-visible,.ol-more:focus-visible,.ol-link:focus-visible,.ol-x:focus-visible,.ol-field:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-iconbtn,.ol-more,.ol-x{background:var(--ol-surface);width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ol-iconbtn:disabled{opacity:.4}.ol-more,.ol-x{width:44px;height:44px;color:var(--ol-muted);background:0 0}.ol-link{min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 12px;text-decoration:underline}.ol-note{color:var(--ol-muted);text-align:center;margin:0;font-size:15px}.ol-note.warn{color:var(--ol-warn);font-weight:700}.ol-code{font:600 15px var(--ol-font);color:var(--ol-muted);justify-items:center;gap:6px;margin:0;display:grid}.ol-code span{gap:8px;display:flex}.ol-code b{background:var(--ol-tile);width:52px;height:60px;color:var(--ol-tile-fg);font:400 36px var(--ol-display);animation:ol-pop .4s calc(var(--i) * 60ms) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 2px 8px #00000059}.ol-pencil{align-items:center;gap:2px;min-width:0;display:flex}.ol-pencil b{white-space:nowrap}.ol-pname .ol-pencil b{text-overflow:ellipsis;overflow:hidden}.ol-pen{width:40px;height:40px;color:var(--ol-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px 0;padding:0;display:grid}.ol-pen:active{transform:scale(.92)}.ol-pen:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-pencil.editing .ol-field{min-height:40px;font-size:17px}.ol-pencil.editing{flex-wrap:wrap}.ol-pencil.editing .ol-note{text-align:left;flex-basis:100%;font-size:14px}.ol-field{min-width:0;min-height:52px;color:var(--ol-fg);font:600 19px var(--ol-font);background:#00000059;border:0;border-radius:14px;flex:1;padding:0 14px;box-shadow:inset 0 2px 6px #00000073}.ol-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-player{background:var(--ol-surface);border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 10px;display:flex}.ol-player.mine{background:color-mix(in srgb, var(--ol-accent) 18%, var(--ol-surface))}.ol-player.away .ol-pname small{color:var(--ol-warn)}.ol-player.empty{background:color-mix(in srgb, var(--ol-surface) 45%, transparent);color:var(--ol-muted)}.ol-ava{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.ol-ava.ghost{background:#ffffff0f}.ol-ava-spin{background:var(--ol-warn);color:#2a1a00;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-4px}.ol-ava-spin .ol-i{animation:1.2s linear infinite ol-spin}.ol-oftrava,.ol-oftrava svg{border-radius:50%;display:block}.ol-botava{color:var(--ol-muted);background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.ol-guest{display:block}.ol-pname{flex:1;min-width:0;display:grid}.ol-pname b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ol-pname small{color:var(--ol-muted);font-size:14px}.ol-tags{gap:4px;display:flex}.ol-tag{width:30px;height:30px;color:var(--ol-muted);background:#00000040;border-radius:50%;place-items:center;display:grid}.ol-tag.host{color:var(--ol-warn)}.ol-tag.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ready{min-height:30px;color:var(--ol-muted);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:14px;font-weight:700;display:inline-flex}.ol-ready.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ask{gap:6px;display:flex}.ol-invite{border-radius:var(--ol-radius);background:color-mix(in srgb, var(--ol-surface) 60%, transparent);align-items:center;gap:14px;padding:12px;display:flex}.ol-invite-acts{flex:1;gap:8px;min-width:0;display:grid}.ol-invite-acts p{margin:0;font-weight:700}.ol-qr{border-radius:10px;flex:none}.ol-qr-bg{fill:var(--ol-qr-bg)}.ol-qr-fg{fill:var(--ol-qr-fg)}@media (width<=360px){.ol-invite{flex-direction:column}.ol-invite-acts{width:100%}}.ol-settings,.ol-startbar{gap:8px;display:grid}.ol-stepper{justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex}.ol-stepper span{justify-content:center;align-items:center;gap:6px;min-width:7ch;display:inline-flex}.ol-leave{justify-items:center;gap:6px;display:grid}.ol-scrim{z-index:2147482500;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--ol-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:end center;animation:.2s both ol-fade;display:grid;position:fixed;inset:0}@media (width>=600px){.ol-scrim{place-items:center}}.ol-sheet{background:var(--ol-bg);text-align:center;border-radius:28px;justify-items:center;gap:10px;width:min(420px,100%);padding:24px 18px 18px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:grid;box-shadow:0 30px 80px #0000008c}.ol-sheet h2,.ol-ended h2{font:400 24px var(--ol-display);margin:0;line-height:1.15}.ol-sheet p,.ol-ended p{color:var(--ol-muted);max-width:34ch;margin:0;font-size:16px}.ol-sheet-acts{gap:6px;width:100%;margin-top:8px;display:grid}.ol-sheet-acts .ol-btn.primary{min-height:54px;font-size:18px}.ol-sheet-i{background:var(--ol-surface);width:60px;height:60px;color:var(--ol-accent);border-radius:50%;place-items:center;display:grid}.ol-sheet-i.small{flex:none;width:40px;height:40px}.ol-ended{background:var(--ol-bg);text-align:center;width:min(420px,100%);box-shadow:var(--ol-shadow);border-radius:28px;justify-items:center;gap:12px;margin:auto;padding:28px 20px;display:grid}.ol-card{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);align-items:center;gap:12px;padding:10px 8px 10px 12px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:flex}.ol-card-t{text-align:left;flex:1;min-width:0;display:grid}.ol-card-t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-card-t small{color:var(--ol-muted);font-size:14px}.ol-back2 .ol-card-t b{white-space:normal}.ol-friends{gap:8px;display:grid}.ol-toast{z-index:2147482400;left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ol-bg);text-align:center;width:max-content;max-width:calc(100vw - 32px);height:max-content;box-shadow:var(--ol-shadow), 0 0 18px color-mix(in srgb, var(--ol-warn) 30%, transparent);border-radius:16px;padding:12px 18px;font-weight:700;animation:.3s both ol-up;position:fixed;transform:translate(-50%)}.ol-pill{z-index:2147482400;top:max(12px, env(safe-area-inset-top));background:var(--ol-warn);color:#2a1a00;min-height:40px;box-shadow:var(--ol-shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;animation:.2s both ol-fade;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.ol-spin{animation:1.2s linear infinite ol-spin}@keyframes ol-spin{to{transform:rotate(360deg)}}@keyframes ol-fade{0%{opacity:0}}@keyframes ol-up{0%{opacity:0;transform:translateY(18px)}}.ol-toast{animation-name:ol-toast}@keyframes ol-toast{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes ol-pop{0%{opacity:0;transform:scale(.6)}}:where(:root){--ol-gold:var(--ol-warn);--ol-silver:#c9d4e3;--ol-bronze:#e09a62}.ol-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ol-board{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:18px 14px 14px;display:flex;position:relative}.ol-board>h2{text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 44px;display:flex}.ol-board>h2 .ol-i{color:var(--ol-gold)}.ol-board>.ol-x{position:absolute;top:8px;right:8px}.ol-board p{max-width:none}.ol-board .ol-note{padding:6px 4px}.ol-board .ol-note.small{padding:4px;font-size:13px}.ol-board.busy .ol-bscroll{opacity:.55;transition:opacity .2s}.ol-bctl{gap:6px;display:grid}.ol-tabs{border-radius:var(--ol-btn-radius);background:var(--ol-surface);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000040}.ol-tabs:before{content:"";border-radius:var(--ol-btn-radius);background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));width:calc(33.3333% - 2.66667px);box-shadow:0 6px 18px color-mix(in srgb, var(--ol-accent) 35%, transparent);transform:translateX(calc(var(--i,0) * 100%));transition:transform .3s cubic-bezier(.2,.9,.25,1.1);position:absolute;top:4px;bottom:4px;left:4px}.ol-tab{border-radius:var(--ol-btn-radius);min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 6px;transition:color .2s;position:relative}.ol-tab.on{color:var(--ol-accent-fg)}.ol-vs{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;display:flex}.ol-vs-lv{border-radius:var(--ol-btn-radius);background:color-mix(in srgb, var(--ol-surface) 50%, transparent);align-items:center;gap:2px;margin-left:4px;padding:0 2px;display:flex}.ol-chip{border-radius:var(--ol-btn-radius);min-height:40px;color:var(--ol-muted);font:700 14px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ol-chip.lv{padding:0 8px;font-size:13px}.ol-chip.on{background:var(--ol-surface);color:var(--ol-fg)}.ol-chip .ol-i{opacity:.8}.ol-tab:focus-visible,.ol-chip:focus-visible,.ol-result a:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-bscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:0 -6px;padding:0 6px 2px;display:flex;overflow-y:auto}.ol-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:0;padding:30px 0 0;list-style:none;display:grid}.ol-pod{--m:var(--ol-gold);text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ol-pod.p2{--m:var(--ol-silver);order:-1}.ol-pod.p3{--m:var(--ol-bronze)}.ol-pod-ava{background:color-mix(in srgb, var(--m) 30%, transparent);box-shadow:0 0 0 3px var(--m), 0 8px 22px color-mix(in srgb, var(--m) 35%, transparent);animation:ol-pop .45s calc(var(--d,0) + .2s) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:50%;place-items:center;padding:3px;display:grid;position:relative}.ol-pod.p1{--d:.12s}.ol-pod.p2{--d:0s}.ol-pod.p3{--d:.24s}.ol-pod.me .ol-pod-ava{box-shadow:0 0 0 3px var(--m), 0 0 24px 5px color-mix(in srgb, var(--ol-accent) 60%, transparent)}.ol-pod-crown{color:var(--ol-gold);filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--ol-gold) 60%, transparent));position:absolute;top:-24px;left:50%;translate:-50%;rotate:-8deg}.ol-pod-ghost{background:color-mix(in srgb, var(--ol-fg) 7%, transparent);border-radius:50%;width:54px;height:54px;display:block}.ol-pod.p1 .ol-pod-ghost{width:68px;height:68px}.ol-pod.open .ol-pod-ava{box-shadow:none;background:0 0}.ol-pod.open .ol-pod-crown{opacity:.35}.ol-pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:15px;overflow:hidden}.ol-pod.p1 .ol-pod-name{font-size:16px}.ol-pod.me .ol-pod-name{color:var(--ol-accent)}.ol-pod-stat{color:var(--ol-muted);align-items:baseline;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.ol-pod-stat>b{color:var(--ol-fg);font:400 22px var(--ol-display);font-variant-numeric:tabular-nums;line-height:1.1}.ol-pod.p1 .ol-pod-stat>b{font-size:26px}.ol-pod-extra,.ol-pod-open{max-width:100%;color:var(--ol-muted);text-wrap:balance;font-size:12px;line-height:1.25}.ol-pod-open{margin-top:8px}.ol-pod-step{background:linear-gradient(180deg, color-mix(in srgb, var(--m) 70%, var(--ol-bg)), color-mix(in srgb, var(--m) 22%, var(--ol-bg)));width:100%;height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 10px 24px color-mix(in srgb, var(--m) 18%, transparent);transform-origin:bottom;animation:ol-rise .5s var(--d,0s) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:14px 14px 6px 6px;place-items:start center;margin-top:8px;padding-top:6px;display:grid}.ol-pod.p1 .ol-pod-step{height:66px}.ol-pod.p3 .ol-pod-step{height:30px}.ol-pod-step span{font:400 24px var(--ol-display);color:color-mix(in srgb, var(--m) 25%, #160d05);line-height:1}.ol-pod.p3 .ol-pod-step span{font-size:18px}.ol-podium.empty .ol-pod-step{background:color-mix(in srgb, var(--m) 16%, var(--ol-bg));box-shadow:none}.ol-podium.empty .ol-pod-step span{color:color-mix(in srgb, var(--m) 45%, var(--ol-bg))}@keyframes ol-rise{0%{opacity:0;transform:scaleY(.2)}}.ol-blist{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ol-brow{background:var(--ol-surface);min-height:58px;animation:ol-up .35s calc(.3s + var(--i,0) * 35ms) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 6px;display:flex}.ol-brow.me{z-index:1;background:linear-gradient(color-mix(in srgb, var(--ol-accent) 26%, transparent), color-mix(in srgb, var(--ol-accent) 26%, transparent)), var(--ol-bg);box-shadow:0 0 20px color-mix(in srgb, var(--ol-accent) 30%, transparent), 0 8px 24px #00000073;position:sticky;top:0;bottom:0}.ol-brank{flex:none;justify-items:center;width:34px;line-height:1;display:grid}.ol-brank>b{font:400 19px var(--ol-display);color:var(--ol-muted);font-variant-numeric:tabular-nums}.ol-brow.me .ol-brank>b{color:var(--ol-fg)}.ol-bmove{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.ol-bmove.up{color:var(--ol-ok)}.ol-bmove.down{color:color-mix(in srgb, var(--ol-danger) 80%, var(--ol-fg))}.ol-brank .ol-bmove{margin-top:3px}.ol-pod-stat .ol-bmove{align-self:center;margin-left:2px}.ol-bname{flex:1;gap:1px;min-width:0;display:grid}.ol-bname b,.ol-bname>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-bname b{font-size:16px}.ol-bname b small{color:var(--ol-muted);font-weight:600}.ol-bname>small{color:var(--ol-muted);font-size:13px}.ol-bwins{flex:none;justify-items:end;line-height:1.05;display:grid}.ol-bwins b{font:400 24px var(--ol-display);font-variant-numeric:tabular-nums}.ol-bwins small{color:var(--ol-muted);font-size:12px;font-weight:700}.ol-bme{gap:6px;padding-top:10px;display:grid;box-shadow:0 -10px 16px -14px #0009}.ol-bme .ol-brow{animation:none;position:static}.ol-bsign{justify-items:center;gap:10px;padding:4px 0;display:grid}.ol-bsign .ol-btn{text-decoration:none}.ol-bempty{text-align:center;justify-items:center;gap:6px;padding-bottom:6px;display:grid}.ol-bempty .ol-podium{width:100%;margin-bottom:8px}.ol-bempty-t{font:400 22px var(--ol-display);margin:0;color:var(--ol-fg)!important}.ol-bempty .ol-note{padding:0 0 8px}.ol-bempty .ol-btn{min-width:160px}.ol-result{border-radius:var(--ol-radius);background:var(--ol-surface);width:min(400px,100%);color:var(--ol-fg);text-align:left;box-shadow:var(--ol-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:0 auto;padding:12px 12px 12px 14px;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s both ol-card-in;display:flex}.ol-result.won{background:linear-gradient(135deg, color-mix(in srgb, var(--ol-gold) 22%, transparent), transparent 70%), var(--ol-surface)}.ol-result-badge{background:color-mix(in srgb, var(--ol-gold) 22%, transparent);width:46px;height:46px;color:var(--ol-gold);border-radius:50%;flex:none;place-items:center;display:grid}.ol-result.won .ol-result-badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ol-gold) 70%, #fff), var(--ol-gold) 55%, color-mix(in srgb, var(--ol-gold) 60%, #000));color:color-mix(in srgb, var(--ol-gold) 20%, #1a0f00);box-shadow:0 0 22px color-mix(in srgb, var(--ol-gold) 55%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both ol-pop}.ol-result-t{flex:150px;gap:2px;min-width:0;display:grid}.ol-result-t>b{font:400 20px var(--ol-display);line-height:1.15}.ol-result.won .ol-result-t>b{font-size:24px}.ol-result-t>span{color:var(--ol-muted);font-size:14px;font-weight:700}.ol-result-t .ol-bmove{vertical-align:-1px;gap:3px;font-size:13px}.ol-result .ol-result-go{flex:none;min-height:44px}.ol-result.won .ol-result-go{background:color-mix(in srgb, var(--ol-gold) 24%, var(--ol-bg))}@media (width<=380px){.ol-result .ol-result-go{flex:100%}}.ol-result.guest{width:auto;box-shadow:none;text-align:center;background:0 0;padding:0;animation:none;display:block}.ol-result.guest a{min-height:44px;color:var(--ol-muted);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@keyframes ol-card-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@media (orientation:landscape) and (height<=500px){.ol-board{gap:8px;width:min(820px,100%);padding:10px 12px 12px}.ol-board>h2{justify-content:flex-start;padding:6px 44px 0 4px;font-size:20px}.ol-bctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.ol-tab{min-height:40px}.ol-bscroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:14px;display:grid}.ol-bscroll>.ol-podium{position:sticky;top:0}.ol-bscroll>.ol-blist,.ol-bscroll>.ol-note.small{grid-column:2}.ol-bscroll>.ol-note.small{grid-row:2}.ol-bempty,.ol-bscroll>.ol-bsign,.ol-bscroll>.ol-note:not(.small){grid-column:1/-1}.ol-bempty{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:14px}.ol-bempty .ol-podium{grid-row:1/span 3;margin:0}.ol-pod-step{height:32px}.ol-pod.p1 .ol-pod-step{height:48px}.ol-pod.p3 .ol-pod-step{height:22px}.ol-pod-step span{font-size:18px}.ol-pod.p3 .ol-pod-step span{font-size:15px}.ol-brow{min-height:50px;padding-top:4px;padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.ol-lobby *,.ol-scrim,.ol-sheet,.ol-card,.ol-toast,.ol-pill,.ol-code b,.ol-board *,.ol-board :before,.ol-result,.ol-result *{transition:none!important;animation:none!important}.ol-spin,.ol-ava-spin .ol-i{animation:none!important}}.ol-setup{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);font-family:var(--ol-font);color:var(--ol-fg);gap:12px;padding:16px;display:grid}.ol-setup-h{font:800 18px var(--ol-display);text-align:center;margin:0}.ol-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-step{border-radius:calc(var(--ol-radius) - 4px);background:var(--ol-surface);grid-template-columns:32px 1fr;grid-template-areas:"n l""n b";align-items:center;gap:6px 12px;padding:12px;display:grid}.ol-step-n{background:color-mix(in srgb, var(--ol-fg) 12%, transparent);font-variant-numeric:tabular-nums;border-radius:50%;grid-area:n;align-self:start;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.ol-step.done .ol-step-n{background:var(--ol-ok);color:#062615}.ol-step-l{letter-spacing:.06em;text-transform:uppercase;color:var(--ol-muted);grid-area:l;font-size:13px;font-weight:800}.ol-step-b{flex-wrap:wrap;grid-area:b;align-items:center;gap:8px;min-width:0;display:flex}.ol-setup-look{align-items:center;gap:12px;display:flex}.ol-link{color:var(--ol-fg);text-underline-offset:3px;opacity:.85;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.ol-cry{gap:8px;width:100%;display:grid}.ol-cry-wave{background:#00000059;border-radius:12px;align-items:center;gap:3px;height:64px;padding:0 12px;display:flex;position:relative;overflow:hidden}.ol-cry-wave i{background:var(--ol-accent);opacity:.85;border-radius:3px;flex:1;min-height:4px;transition:height 60ms linear}.ol-cry.idle .ol-cry-wave i{opacity:.55}.ol-cry.rec .ol-cry-wave{box-shadow:inset 0 0 0 2px var(--ol-danger)}.ol-cry.rec .ol-cry-wave i{background:var(--ol-danger)}.ol-cry.count .ol-cry-wave i{opacity:.4}.ol-cry-count{font:400 48px/1 var(--ol-display);color:var(--ol-fg);text-shadow:0 2px 8px #000c;place-items:center;animation:.75s ease-out both ol-count;display:grid;position:absolute;inset:0}@keyframes ol-count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}}.ol-cry-rec{color:#fff;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#0009;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:6px;left:8px}.ol-cry-rec em{background:var(--ol-danger);transform-origin:0;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.ol-rec-dot{background:var(--ol-danger);border-radius:50%;width:9px;height:9px;animation:1s steps(2,end) infinite ol-blink;display:inline-block}.ol-btn.danger .ol-rec-dot{background:currentColor}@keyframes ol-blink{50%{opacity:.25}}.ol-cry-what{font-weight:700}.ol-cry-acts,.ol-swatches{flex-wrap:wrap;gap:8px;display:flex}.ol-swatch{cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 3px #0003}.ol-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--ol-bg), 0 0 0 6px var(--ol-fg)}.ol-sent{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ol-sent li{align-items:center;gap:8px;font-size:14px;display:flex}.ol-sent small{color:var(--ol-muted)}.ol-sent-joined small{color:var(--ol-ok)}.ol-sent-late{opacity:.7}.ol-num{color:var(--ol-muted);font-weight:600}@media (prefers-reduced-motion:reduce){.ol-cry-wave i{transition:none}.ol-rec-dot,.ol-cry-count{animation:none}}