:root{--k-ink:#15324a;--k-ink-soft:#456377;--k-cream:#fff8ec;--k-paper:#fffdf8;--k-sand:#f6e2b8;--k-sun:#ffc23a;--k-sun-deep:#e08a12;--k-coral:#ff6a55;--k-coral-deep:#d13d33;--k-lagoon:#1fc3c0;--k-lagoon-deep:#0b8a93;--k-sea:#0d6f9a;--k-leaf:#3cb15b;--k-leaf-deep:#23803d;--k-night:#0c2236;--k-accent:var(--k-leaf);--k-accent-deep:var(--k-leaf-deep);--k-accent-ink:#fff;--k-display:"Fraunces", "Georgia", serif;--k-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--k-display-axes:"SOFT" 100, "WONK" 0, "opsz" 96;--k-r-s:12px;--k-r-m:18px;--k-r-l:28px;--k-r-pill:999px;--k-lift:0 1px 0 #fff9 inset, 0 10px 30px #0c22362e, 0 2px 6px #0c22361f;--k-float:0 24px 60px #0c223647, 0 6px 16px #0c223629;--k-glass:#fffaf0db;--k-glass-dark:#0c22369e;--k-ease:cubic-bezier(.2, .9, .25, 1.15);--k-ease-out:cubic-bezier(.16, 1, .3, 1);--k-fast:.14s;--k-med:.28s;--k-slow:.52s}.k-root,.k-root *{box-sizing:border-box}.k-root{font-family:var(--k-body);color:var(--k-ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.k-display{font-family:var(--k-display);font-variation-settings:var(--k-display-axes);letter-spacing:-.01em;font-weight:900}.k-btn{--b:var(--k-accent);--bd:var(--k-accent-deep);--bi:var(--k-accent-ink);appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:var(--k-r-m);min-height:56px;font-family:var(--k-display);font-variation-settings:var(--k-display-axes);letter-spacing:.005em;color:var(--bi);background:linear-gradient(180deg, color-mix(in srgb, var(--b) 78%, #fff) 0%, var(--b) 55%, color-mix(in srgb, var(--b) 88%, var(--bd)) 100%);box-shadow:0 2px 0 #ffffff73 inset, 0 6px 0 var(--bd), 0 14px 26px color-mix(in srgb, var(--bd) 45%, transparent);text-shadow:0 2px 0 color-mix(in srgb, var(--bd) 70%, transparent);transition:transform var(--k-fast) var(--k-ease-out), box-shadow var(--k-fast) var(--k-ease-out), filter var(--k-fast);border:0;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:21px;font-weight:800;display:inline-flex;transform:translateY(0)}.k-btn:hover{filter:brightness(1.05)}.k-btn:active,.k-btn.is-pressed{box-shadow:0 2px 0 #ffffff59 inset, 0 1px 0 var(--bd), 0 4px 10px color-mix(in srgb, var(--bd) 40%, transparent);transform:translateY(5px)}.k-btn:focus-visible{box-shadow:0 2px 0 #ffffff73 inset, 0 6px 0 var(--bd), 0 0 0 5px color-mix(in srgb, var(--k-sun) 70%, transparent);outline:none}.k-btn:disabled{filter:grayscale(.7)opacity(.6);cursor:default}.k-btn.sun{--b:var(--k-sun);--bd:var(--k-sun-deep);--bi:#4a2a00;text-shadow:0 1px #ffffff80}.k-btn.coral{--b:var(--k-coral);--bd:var(--k-coral-deep);--bi:#fff}.k-btn.lagoon{--b:var(--k-lagoon);--bd:var(--k-lagoon-deep);--bi:#fff}.k-btn.cream{--b:var(--k-paper);--bd:#e6d3ad;--bi:var(--k-ink);text-shadow:none}.k-btn.big{border-radius:22px;min-height:66px;padding:0 34px;font-size:25px}.k-btn.small{min-height:44px;box-shadow:0 2px 0 #ffffff73 inset, 0 4px 0 var(--bd), 0 8px 16px color-mix(in srgb, var(--bd) 40%, transparent);border-radius:14px;padding:0 16px;font-size:17px}.k-btn.small:active{transform:translateY(3px)}.k-btn.wide{width:100%}.k-icon{appearance:none;cursor:pointer;touch-action:manipulation;width:46px;height:46px;color:var(--k-ink);background:var(--k-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--k-fast) var(--k-ease-out);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #e2cfa6,0 8px 18px #0c223633}.k-icon:active{transform:translateY(3px);box-shadow:0 0 #e2cfa6,0 4px 10px #0c223633}.k-icon svg{width:22px;height:22px}.k-chip{border-radius:var(--k-r-pill);background:var(--k-glass);min-height:40px;color:var(--k-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 3px #e2cfa6e6,0 8px 20px #0c22362e}.k-chip .k-chip-label{letter-spacing:.12em;text-transform:uppercase;color:var(--k-ink-soft);font-size:11px;font-weight:900}.k-chip .k-chip-big{font-family:var(--k-display);font-variation-settings:var(--k-display-axes);font-size:20px;font-weight:900}.k-chip.dark{background:var(--k-glass-dark);color:#fff;box-shadow:0 8px 20px #00000040}.k-chip.dark .k-chip-label{color:#ffffffb3}.k-chip.accent{background:var(--k-accent);color:var(--k-accent-ink);box-shadow:0 3px 0 var(--k-accent-deep), 0 8px 20px #0c223633}.k-shell{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.k-screen{width:min(460px,100%);max-height:100%;animation:k-rise var(--k-slow) var(--k-ease-out) both;flex-direction:column;display:flex}.k-screen.wide{width:min(760px,100%)}@keyframes k-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes k-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes k-fade{0%{opacity:0}to{opacity:1}}.k-stack{gap:14px;display:grid}.k-row{align-items:center;gap:12px;display:flex}.k-row.center{justify-content:center}.k-row.wrap{flex-wrap:wrap}.k-card{background:var(--k-paper);border-radius:var(--k-r-l);box-shadow:var(--k-float);padding:22px;position:relative;overflow:hidden}.k-card.glass{background:var(--k-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.k-card h2,.k-sheet h2{font-family:var(--k-display);font-variation-settings:var(--k-display-axes);margin:0 0 4px;font-size:30px;font-weight:900;line-height:1.05}.k-card .k-sub,.k-sheet .k-sub{color:var(--k-ink-soft);margin:0 0 16px;font-size:15px;font-weight:700}.k-scrim{animation:k-fade var(--k-med) both;z-index:40;background:#0c22366b;position:fixed;inset:0}.k-sheet{z-index:41;overscroll-behavior:contain;background:var(--k-paper);border-radius:var(--k-r-l) var(--k-r-l) 0 0;width:min(520px,100%);max-height:88dvh;padding:14px 22px max(22px, env(safe-area-inset-bottom));animation:k-sheet var(--k-slow) var(--k-ease-out) both;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -20px 60px #0c22364d}.k-sheet:before{content:"";background:#e7d8bb;border-radius:3px;width:44px;height:5px;margin:0 auto 14px;display:block}@keyframes k-sheet{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@media (width>=700px) and (height>=560px){.k-sheet{border-radius:var(--k-r-l);padding-bottom:24px;animation-name:k-dialog;bottom:50%;transform:translate(-50%,50%)}.k-sheet:before{display:none}@keyframes k-dialog{0%{opacity:0;transform:translate(-50%,54%)scale(.96)}to{opacity:1;transform:translate(-50%,50%)}}}.k-close{position:absolute;top:12px;right:12px}.k-setting{border-radius:var(--k-r-m);background:var(--k-cream);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-weight:800;display:flex}.k-setting small{color:var(--k-ink-soft);margin-top:2px;font-size:13px;font-weight:700;display:block}.k-toggle{appearance:none;cursor:pointer;width:58px;height:34px;transition:background var(--k-med);background:#d9cdb6;border:0;border-radius:17px;flex:none;position:relative;box-shadow:inset 0 2px 4px #0c22362e}.k-toggle:after{content:"";width:28px;height:28px;transition:transform var(--k-med) var(--k-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #0c22364d}.k-toggle[aria-checked=true]{background:var(--k-accent)}.k-toggle[aria-checked=true]:after{transform:translate(24px)}.k-seg{background:#eadfc8;border-radius:14px;flex:none;gap:4px;padding:4px;display:inline-flex}.k-seg button{appearance:none;cursor:pointer;font:800 14px var(--k-body);color:var(--k-ink-soft);background:0 0;border:0;border-radius:10px;padding:8px 12px}.k-seg button[aria-pressed=true]{color:var(--k-ink);background:#fff;box-shadow:0 2px 6px #0c22362e}.k-range{appearance:none;background:linear-gradient(90deg, var(--k-accent) var(--v,50%), #ddd0b6 var(--v,50%));border-radius:5px;outline:none;width:140px;height:10px}.k-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 3px 8px #0c223659}.k-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:26px;height:26px;box-shadow:0 3px 8px #0c223659}.k-score{border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;width:100%}.k-score th,.k-score td{text-align:center;border-radius:8px;min-width:26px;padding:7px 2px;font-size:14px;font-weight:800}.k-score th{color:var(--k-ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.k-score th[scope=row]{text-align:left;padding-left:8px}.k-score td{background:var(--k-cream)}.k-score td.total{background:var(--k-ink);color:#fff}.k-score td.now{box-shadow:0 0 0 3px var(--k-sun) inset}.k-score .k-mark{place-items:center;width:26px;height:26px;display:inline-grid}.k-score .k-mark.under{background:var(--k-coral);color:#fff;border-radius:50%}.k-score .k-mark.under2{background:var(--k-sun);color:#4a2a00;box-shadow:0 0 0 3px var(--k-coral);border-radius:50%}.k-score .k-mark.over{color:var(--k-sea);background:#cfe6ef;border-radius:6px}.k-score .k-mark.over2{background:var(--k-sea);color:#fff;border-radius:6px}.k-big-result{font-family:var(--k-display);font-variation-settings:var(--k-display-axes);color:var(--k-accent-deep);margin:4px 0 8px;font-size:clamp(44px,12vw,76px);font-weight:900;line-height:.95}.k-stat{border-radius:var(--k-r-m);background:var(--k-cream);text-align:center;flex:1;gap:2px;padding:12px 14px;display:grid}.k-stat b{font-family:var(--k-display);font-variation-settings:var(--k-display-axes);font-size:26px;font-weight:900}.k-stat span{letter-spacing:.1em;text-transform:uppercase;color:var(--k-ink-soft);font-size:11px;font-weight:900}.k-sound-chip{top:var(--k-sound-top,calc(max(14px, env(safe-area-inset-top)) + 64px));z-index:60;border-radius:var(--k-r-pill);cursor:pointer;background:var(--k-ink);color:#fff;font:800 14px var(--k-body);animation:k-pop var(--k-slow) var(--k-ease) both;border:0;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:fixed;left:50%;translate:-50%;box-shadow:0 10px 26px #0c223659}.k-sound-chip svg{width:18px;height:18px}.k-burst{font-family:var(--k-display);font-variation-settings:var(--k-display-axes);color:#fff;text-align:center;-webkit-text-stroke:0;text-shadow:0 4px 0 var(--k-accent-deep), 0 10px 30px #0c223673;animation:k-pop .6s var(--k-ease) both;font-weight:900;line-height:.9}@media (prefers-reduced-motion:reduce){.k-root *,.k-root :before,.k-root :after{transition-duration:1ms!important;animation-duration:1ms!important}}: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{align-items:center;gap:8px;min-width:0;margin-top:2px;display:flex}.ol-sent-faces{flex:none;display:flex}.ol-sent-faces>*{box-shadow:0 0 0 2px var(--ol-bg,#111);border-radius:50%;margin-left:-8px}.ol-sent-faces>:first-child{margin-left:0}.ol-sent small{color:var(--ol-muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.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}}.ol-emo{z-index:30;pointer-events:none;background:color-mix(in srgb, var(--ol-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);color:var(--ol-fg);font:800 14px/1 var(--ol-font);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 8px;animation:.5s cubic-bezier(.2,1.5,.4,1) both ol-emo-in,.3s ease-in 2.5s forwards ol-emo-out;display:inline-flex;position:absolute;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff1f}.ol-emo:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;rotate:45deg}.ol-emo-up{transform-origin:50% 100%;bottom:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-up:after{bottom:-4px;left:calc(50% - 5px)}.ol-emo-down{transform-origin:50% 0;top:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-down:after{top:-4px;left:calc(50% - 5px)}.ol-emo-right{transform-origin:0;top:50%;left:calc(100% + 10px);translate:0 -50%}.ol-emo-right:after{top:calc(50% - 5px);left:-4px}.ol-emo-inline{transform-origin:0;position:relative}.ol-emo-inline:after{content:none}.ol-emo-who{color:var(--ol-muted);font:800 13px/1 var(--ol-font);text-overflow:ellipsis;max-width:9em;overflow:hidden}.ol-emo.phrase .ol-emo-who{color:inherit;opacity:.8}.ol-emo.phrase{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);font:400 18px/1 var(--ol-display);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 45%, transparent);padding:9px 15px}.ol-emo.phrase:after{background:var(--ol-accent-2)}.ol-emo .ol-emo-i{filter:drop-shadow(0 2px 6px #00000059);animation:.6s cubic-bezier(.2,1.4,.4,1) 80ms both ol-emo-wig}@keyframes ol-emo-in{0%{opacity:0;scale:.3}55%{opacity:1;scale:1.14}78%{scale:.96}to{scale:1}}@keyframes ol-emo-out{to{opacity:0;scale:.85}}@keyframes ol-emo-wig{0%{rotate:-20deg;scale:.5}55%{rotate:12deg;scale:1.22}to{rotate:0deg;scale:1}}@keyframes ol-emo-shake{25%{translate:-4px}75%{translate:4px}}@keyframes ol-emo-gone{to{opacity:0}}.ol-emo-pick{display:inline-flex;position:relative}.ol-emo-btn{cursor:pointer;touch-action:manipulation;width:48px;height:48px;color:var(--ol-fg);background:color-mix(in srgb, var(--ol-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:50%;place-items:center;padding:0;transition:scale .15s cubic-bezier(.2,.9,.25,1.15),background .15s;display:grid;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff1a}.ol-emo-btn:active{scale:.9}.ol-emo-btn.on{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg)}.ol-emo-btn.cool{color:var(--ol-muted);animation:.3s ease-in-out ol-emo-shake}.ol-emo-tray{z-index:40;background:color-mix(in srgb, var(--ol-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:22px;gap:8px;width:max-content;padding:10px;animation:.22s cubic-bezier(.2,.9,.25,1.15) both ol-emo-tray;display:grid;position:absolute;box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff14}.ol-emo-tray-up{transform-origin:50% 100%;bottom:calc(100% + 10px)}.ol-emo-tray-down{transform-origin:50% 0;top:calc(100% + 10px)}.ol-emo-tray-end{right:0}.ol-emo-tray-start{left:0}.ol-emo-tray-center{left:50%;translate:-50%}@keyframes ol-emo-tray{0%{opacity:0;scale:.85}}.ol-emo-grid{grid-template-columns:repeat(5,48px);gap:4px;display:grid}.ol-emo-phrases{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ol-emo-opt{width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;animation:ol-pop .3s calc(var(--i) * 22ms) cubic-bezier(.2, 1.5, .4, 1) both;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;transition:background .15s,scale .15s;display:grid}.ol-emo-opt:hover,.ol-emo-opt:focus-visible{background:var(--ol-surface)}.ol-emo-opt:active{scale:.86}.ol-emo-opt.phrase{background:var(--ol-surface);width:auto;height:40px;font:800 14px var(--ol-font);border-radius:999px;padding:0 14px}.ol-emo-opt.phrase:hover,.ol-emo-opt.phrase:focus-visible{background:color-mix(in srgb, var(--ol-accent) 30%, var(--ol-surface))}.ol-emo-btn:focus-visible,.ol-emo-opt:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-emo-row{justify-content:flex-end;margin-top:-6px;display:flex}@media (prefers-reduced-motion:reduce){.ol-emo{animation:.2s both ol-fade,.3s ease-in 2.5s forwards ol-emo-gone}.ol-emo .ol-emo-i,.ol-emo-opt{animation:none}.ol-emo-tray{animation:.15s both ol-fade}.ol-emo-btn.cool{animation:none}.ol-emo-btn,.ol-emo-opt{transition:none}}@font-face{font-family:Monoton;src:url(/fonts/monoton.woff2)format("woff2");font-display:block}@font-face{font-family:Bungee;src:url(/fonts/bungee.woff2)format("woff2");font-display:swap}@font-face{font-family:Barlow SC;src:url(/fonts/barlow-sc-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow SC;src:url(/fonts/barlow-sc-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Barlow SC;src:url(/fonts/barlow-sc-800.woff2)format("woff2");font-weight:800 900;font-display:swap}:root{--night:#12081f;--plum:#1f1036;--plum-2:#2c1850;--lip:#0b0416;--pink:#ff3ea5;--pink-deep:#b3126a;--cyan:#3ae8f2;--cyan-deep:#0e8d9c;--gold:#ffc247;--cream:#fff1df;--muted:#bba7dc;--sign:"Bungee", "Arial Black", system-ui, sans-serif;--body:"Barlow SC", "Arial Narrow", system-ui, sans-serif;--glow-pink:0 0 18px #ff3ea58c, 0 0 42px #ff3ea540;--glow-cyan:0 0 14px #3ae8f280;--k-accent:var(--pink);--k-accent-deep:var(--pink-deep);--k-accent-ink:#fff;--k-ink:var(--cream);--k-ink-soft:var(--muted);--k-paper:var(--plum);--k-cream:var(--plum-2);--k-glass:var(--plum-2);--k-glass-dark:var(--plum);--k-sun:var(--gold);--k-sun-deep:#c98a12;--k-display:var(--sign);--k-body:var(--body);--k-display-axes:normal;--k-float:0 10px 0 var(--lip), 0 24px 60px #00000080;--ol-bg:var(--plum);--ol-surface:var(--plum-2);--ol-fg:var(--cream);--ol-muted:var(--muted);--ol-accent:var(--pink);--ol-accent-2:#e01e86;--ol-accent-fg:#fff;--ol-ok:#4ff0a0;--ol-warn:var(--gold);--ol-tile:var(--night);--ol-tile-fg:var(--cyan);--ol-radius:18px;--ol-btn-radius:16px;--ol-font:var(--body);--ol-display:var(--sign);--ol-shadow:0 6px 0 var(--lip), 0 18px 40px #00000073;--gap:16px;--top:max(12px, env(safe-area-inset-top));--bottom:max(14px, env(safe-area-inset-bottom));--k-sound-top:calc(var(--top) + 2px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--night);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--body);color:var(--cream)}.alley{touch-action:none;z-index:0;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#root{z-index:1;pointer-events:none;position:fixed;inset:0}.app{pointer-events:none;font-family:var(--body);position:fixed;inset:0}.app button,.app input,.app select,.app a,.k-sheet,.k-scrim,.results,.panel,.meters,.ol-scrim,.ol-sheet{pointer-events:auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font-family:inherit}.k-icon{background:var(--plum);color:var(--cream);box-shadow:0 4px 0 var(--lip), 0 10px 22px #0006;-webkit-backdrop-filter:none;backdrop-filter:none}.k-icon:active{box-shadow:0 1px 0 var(--lip)}.k-icon:focus-visible,.round:focus-visible,.cta:focus-visible,.pill:focus-visible,.more button:focus-visible,.nudge-b:focus-visible{box-shadow:0 0 0 4px var(--cyan), var(--glow-cyan);outline:none}.k-sheet{background:var(--plum);color:var(--cream);box-shadow:0 -20px 60px #0000008c}.k-sheet:before{background:var(--plum-2)}.k-sheet h2,.panel h2{font-family:var(--sign);letter-spacing:.01em;color:var(--cream);font-size:26px;font-weight:400}.k-scrim{background:#08031099}.k-setting{background:var(--plum-2);color:var(--cream);font-weight:800}.k-seg{background:var(--night)}.k-seg button{color:var(--muted);font-family:var(--body);font-size:15px;font-weight:800}.k-seg button[aria-pressed=true]{background:var(--pink);color:#fff;box-shadow:0 3px 0 var(--pink-deep)}.k-toggle{background:var(--night);box-shadow:none}.k-range{background:linear-gradient(90deg, var(--pink) var(--v,50%), var(--night) var(--v,50%))}.k-sound-chip{background:var(--pink);color:#fff;font-family:var(--body);box-shadow:0 4px 0 var(--pink-deep), var(--glow-pink)}.top{top:var(--top);left:var(--gap);right:var(--gap);pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.top>*{pointer-events:auto}.top-r{gap:8px;display:flex}.logo{text-align:center;justify-items:center;line-height:1;animation:1.1s step-end both sign-on;display:grid}.logo-word{font-family:"Monoton", var(--sign);color:#ffe3f2;letter-spacing:.02em;text-shadow:0 0 6px #ff7cc4, 0 0 20px var(--pink), 0 0 44px var(--pink), 0 0 80px #ff3ea599;padding-left:.04em;font-size:clamp(50px,15.5vw,112px)}.logo-top,.logo-bot{font-family:var(--sign);color:var(--cyan);letter-spacing:.18em;text-shadow:var(--glow-cyan);font-size:clamp(13px,3.4vw,17px)}.logo-top{align-items:center;gap:10px;margin-bottom:8px;display:inline-flex}.logo-top i{background:var(--cyan);width:26px;height:3px;box-shadow:var(--glow-cyan);border-radius:2px}.logo-bot{color:var(--gold);text-shadow:0 0 12px #ffc24780;margin-top:10px;font-size:clamp(11px,2.8vw,14px)}.logo.small .logo-word{font-size:clamp(36px,10vw,60px)}.logo.small .logo-bot{display:none}.logo.small .logo-top{margin-bottom:4px}@keyframes sign-on{0%{opacity:.15}12%{opacity:1}18%{opacity:.3}26%,to{opacity:1}}.menu{padding:calc(var(--top) + 64px) var(--gap) var(--bottom);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.menu.home{background:linear-gradient(#12081fc7 0%,#12081f00 34% 52%,#12081fd9 100%);justify-content:space-between}.hub-cards{pointer-events:auto;gap:8px;width:min(460px,100%);display:grid}.ctas{gap:12px;width:min(460px,100%);animation:.52s cubic-bezier(.16,1,.3,1) .15s both rise;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.cta{appearance:none;cursor:pointer;touch-action:manipulation;text-align:left;color:#fff;width:100%;min-height:64px;font-family:var(--sign);background:linear-gradient(180deg, #ff5bb4, var(--pink) 60%, #ec2894);box-shadow:0 6px 0 var(--pink-deep), 0 0 26px #ff3ea573, 0 18px 34px #00000073;border:0;border-radius:20px;align-items:center;gap:14px;padding:12px 18px;font-size:22px;line-height:1.05;transition:transform .14s cubic-bezier(.16,1,.3,1),box-shadow .14s;display:flex;position:relative}.cta:active{box-shadow:0 1px 0 var(--pink-deep), 0 0 18px #ff3ea566;transform:translateY(5px)}.cta:disabled,.ol-btn.primary:disabled{background:var(--plum-2);color:var(--muted);box-shadow:0 4px 0 var(--lip);filter:none;opacity:1;cursor:default}.cta:disabled .chev{display:none}.cta-t{flex:1;gap:4px;display:grid}.cta-t small{font-family:var(--body);letter-spacing:0;opacity:.9;font-size:15px;font-weight:700}.cta-i{background:#0003;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.cta.friends{min-height:92px;padding:16px 18px;font-size:clamp(24px,6.6vw,30px)}.cta.friends .cta-i{border-radius:16px;width:58px;height:58px}.cta.solo{background:var(--plum);color:var(--cream);box-shadow:0 6px 0 var(--lip), 0 16px 30px #00000073}.cta.solo .cta-i{background:var(--plum-2);color:var(--cyan)}.cta.solo:active{box-shadow:0 1px 0 var(--lip)}.cta.go{text-align:center;justify-content:center}.cta.go .cta-t{flex:none}.cta.small{text-align:center;justify-content:center;min-height:52px;padding:8px 16px;font-size:18px}.cta.small .cta-t{flex:none}.chev{flex-direction:column-reverse;flex:none;align-items:center;margin:-6px 0;display:inline-flex}.chev svg{fill:none;stroke:#fff;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.35;width:26px;height:14px;animation:chev .9s ease-out calc(.7s + var(--i) * .14s) both}@keyframes chev{0%{opacity:.35}40%{opacity:1;filter:drop-shadow(0 0 6px #fff)}to{opacity:.85}}.more{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.more button{appearance:none;cursor:pointer;color:var(--cyan);background:var(--plum);box-shadow:0 5px 0 var(--lip), 0 12px 24px #0006;touch-action:manipulation;border:0;border-radius:16px;justify-items:center;gap:6px;padding:12px 4px 10px;transition:transform .14s;display:grid}.more button:active{box-shadow:0 1px 0 var(--lip);transform:translateY(4px)}.more button span{font-family:var(--body);color:var(--cream);font-size:15px;font-weight:800}.menu.panel-screen,.menu.lobby-screen{justify-content:center}.menu.lobby-screen{background:#12081f8c;justify-content:flex-start;gap:14px}.panel{background:var(--plum);width:min(460px,100%);color:var(--cream);box-shadow:var(--k-float);border-radius:24px;gap:14px;padding:18px;animation:.42s cubic-bezier(.16,1,.3,1) both rise;display:grid}.panel h2{margin:0;line-height:1.05}.panel-head{align-items:center;gap:12px;display:flex}.panel-head p{color:var(--muted);margin:2px 0 0;font-size:16px;font-weight:700}.round{appearance:none;cursor:pointer;width:46px;height:46px;color:var(--cream);background:var(--plum-2);box-shadow:0 3px 0 var(--lip);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.modes{gap:12px;display:grid}.mode{appearance:none;cursor:pointer;text-align:left;color:var(--cream);background:var(--plum-2);box-shadow:0 5px 0 var(--lip);touch-action:manipulation;border:0;border-radius:18px;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:transform .14s;display:flex}.mode:active{box-shadow:0 1px 0 var(--lip);transform:translateY(4px)}.mode-n{background:var(--night);width:58px;height:58px;color:var(--cyan);font:400 30px var(--sign);text-shadow:var(--glow-cyan);border-radius:14px;flex:none;place-items:center;display:grid}.mode.m-classic .mode-n{color:var(--pink);text-shadow:var(--glow-pink)}.mode-t{flex:1;gap:3px;display:grid}.mode-t b{font:400 22px var(--sign);line-height:1}.mode-t small{color:var(--muted);font-size:15px;font-weight:700}.mode-best{font:400 15px var(--sign);color:var(--gold);background:var(--night);border-radius:12px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.seg-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.pill{appearance:none;cursor:pointer;background:var(--plum-2);color:var(--cream);font:400 22px var(--sign);box-shadow:0 4px 0 var(--lip);touch-action:manipulation;border:0;border-radius:14px;justify-items:center;gap:2px;padding:10px 6px;display:grid}.pill small{font:700 13px var(--body);color:var(--muted)}.pill[aria-pressed=true]{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-deep), 0 0 18px #ff3ea566}.pill[aria-pressed=true] small{color:#ffe0f0}.pill:disabled{cursor:default}.pill:disabled:not([aria-pressed=true]){opacity:.55}.names{gap:8px;display:grid}.name{background:var(--night);border-radius:14px;align-items:center;gap:10px;padding:4px 6px 4px 8px;display:flex}.name-n{width:32px;height:32px;font:400 16px var(--sign);color:var(--night);background:var(--pc);border-radius:10px;flex:none;place-items:center;display:grid}.name input{min-width:0;font:800 19px var(--body);color:var(--cream);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:10px 4px}.p0{--pc:#ff3ea5}.p1{--pc:#3ae8f2}.p2{--pc:#ffc247}.p3{--pc:#a685ff}.tiles{cursor:text;grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:relative}.tiles input{opacity:0;-webkit-user-select:text;user-select:text;font-size:16px;position:absolute;inset:0}.tile{background:var(--night);height:76px;font:400 40px var(--sign);color:var(--cyan);text-shadow:var(--glow-cyan);border-radius:16px;place-items:center;display:grid}.tile.next{box-shadow:0 0 0 3px var(--pink) inset, var(--glow-pink)}.opening{font:400 18px var(--sign);color:var(--cyan);text-shadow:var(--glow-cyan);align-items:center;gap:10px;display:inline-flex}.wait-host{color:var(--muted);margin:0;font-weight:700}.toast{left:50%;bottom:calc(var(--bottom) + 80px);z-index:70;background:var(--plum);color:var(--cream);box-shadow:0 4px 0 var(--lip);border-radius:14px;padding:10px 16px;font-weight:800;position:fixed;translate:-50%}.lobby-panel{padding:16px}.lobby-panel .ol-lobby{color:var(--cream)}.hud-top{align-items:center}.strip{appearance:none;cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;min-width:0;padding:0;display:flex}.strip:focus{outline:none}.strip:focus-visible .strip-in{box-shadow:0 0 0 3px var(--cyan), var(--glow-cyan)}.strip-in{grid-template-columns:repeat(var(--n), minmax(0, 1fr)) 1.3fr;background:var(--night);width:min(560px,100%);box-shadow:0 4px 0 var(--lip), 0 10px 24px #00000073;border-radius:14px;gap:3px;padding:5px;display:grid}.sf{background:var(--plum);border-radius:8px;grid-template-rows:auto auto;min-height:38px;display:grid;overflow:hidden}.sf.now{background:var(--plum-2);box-shadow:0 0 0 2px var(--cyan) inset}.sf-m{font:800 11px var(--body);color:var(--muted);justify-content:flex-end;gap:1px;min-height:14px;padding:2px 3px 0;display:flex}.sf-m i{text-align:center;min-width:7px;font-style:normal}.sf-m i.hot{color:var(--pink);text-shadow:0 0 6px #ff3ea5b3}.sf-t{font:400 13px var(--sign);color:var(--cyan);text-align:center;font-variant-numeric:tabular-nums;padding-bottom:2px}.sf.tot{background:var(--pink);align-items:center}.sf.tot .sf-t{color:#fff;font-size:17px}@media (width<=520px){.hud-top{flex-wrap:wrap}.hud-top .strip,.hud-top .drill{flex-basis:100%;order:3}.sf-m{padding:1px 2px 0;font-size:10px}.sf-t{font-size:11px}.sf{min-height:34px}}.turns{top:calc(var(--top) + 108px);padding:0 var(--gap);flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;left:0;right:0}@media (width>=521px){.turns{top:calc(var(--top) + 64px)}}.turn{background:var(--plum);color:var(--muted);font:800 15px var(--body);box-shadow:0 3px 0 var(--lip);border-radius:12px;align-items:center;gap:7px;padding:6px 12px 6px 8px;transition:transform .28s cubic-bezier(.2,.9,.25,1.15);display:inline-flex}.turn:before{content:"";background:var(--pc);border-radius:3px;width:10px;height:10px}.turn em{font:400 14px var(--sign);color:var(--cyan);font-style:normal}.turn.on{color:var(--cream);background:var(--plum-2);box-shadow:0 3px 0 var(--lip), 0 0 0 2px var(--pc) inset;transform:scale(1.06)}.aim-ui{left:var(--gap);right:var(--gap);top:calc(var(--top) + 150px);pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:8px;animation:.28s both k-fade;display:flex;position:absolute}@media (width>=521px){.aim-ui{top:calc(var(--top) + 110px)}}.tag{background:var(--plum);color:var(--cream);font:400 18px var(--sign);box-shadow:0 3px 0 var(--lip);border-radius:12px;align-items:baseline;gap:8px;padding:8px 12px;display:inline-flex}.tag small{font:700 14px var(--body);color:var(--muted)}.tag.up{color:var(--cyan);font-size:15px}.tag.up.me{background:var(--pink);color:#fff;box-shadow:0 3px 0 var(--pink-deep), var(--glow-pink)}.mini{background:var(--plum);box-shadow:0 3px 0 var(--lip);border-radius:12px;gap:3px;margin-left:auto;padding:8px 10px;display:grid}.mini div{justify-content:center;gap:4px;display:flex}.mini i{background:var(--plum-2);border-radius:50%;width:10px;height:10px}.mini i.up{background:var(--cream);box-shadow:0 0 0 2px var(--pink)}.drill{align-items:center;margin:0 auto;display:inline-flex;position:relative}.drill select{appearance:none;font:400 16px var(--sign);color:#fff;background:var(--plum);box-shadow:0 4px 0 var(--lip);cursor:pointer;border:0;border-radius:14px;padding:10px 40px 10px 16px}.drill svg{pointer-events:none;color:var(--cyan);width:18px;height:18px;position:absolute;right:12px;transform:rotate(90deg)}.watching{left:50%;bottom:calc(var(--bottom) + 8px);background:var(--plum);color:var(--cream);font:800 17px var(--body);box-shadow:0 4px 0 var(--lip);white-space:nowrap;border-radius:16px;align-items:center;gap:10px;margin:0;padding:12px 18px;display:inline-flex;position:absolute;translate:-50%}.watching .dot{background:var(--cyan);width:10px;height:10px;box-shadow:var(--glow-cyan);border-radius:50%}.controls{left:0;right:0;bottom:var(--bottom);padding:0 var(--gap);pointer-events:none;justify-items:center;gap:10px;display:grid;position:absolute}.hint{font:800 15px var(--body);color:var(--cream);background:var(--plum);box-shadow:0 3px 0 var(--lip);text-align:center;border-radius:14px;align-items:center;gap:8px;margin:0;padding:9px 14px;animation:.52s cubic-bezier(.16,1,.3,1) both rise;display:inline-flex}.hint-hand{background:var(--cyan);width:12px;height:18px;box-shadow:var(--glow-cyan);border-radius:6px;flex:none}.nudge{align-items:center;gap:10px;width:min(560px,100%);display:flex}.nudge-mid{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.nudge-mid .k-setting{pointer-events:auto;padding:6px 10px}.nudge-mid .cta{width:auto}.nudge-label{font:700 14px var(--body);color:var(--muted);background:var(--plum);border-radius:12px;padding:7px 12px}.nudge-b{appearance:none;cursor:pointer;width:52px;height:52px;color:var(--cyan);background:var(--plum);box-shadow:0 4px 0 var(--lip);touch-action:manipulation;border:0;border-radius:16px;place-items:center;display:grid}.nudge-b:active{box-shadow:0 1px 0 var(--lip);transform:translateY(3px)}.keys{font:700 13px var(--body);color:var(--muted);background:var(--plum);border-radius:12px;margin:0;padding:6px 12px}kbd{font:800 12px var(--body);background:var(--plum-2);color:var(--cream);box-shadow:0 2px 0 var(--lip);border-radius:6px;margin:0 2px;padding:2px 6px}.meters{background:var(--plum);width:min(420px,100%);box-shadow:var(--k-float);border-radius:20px;gap:10px;padding:14px 16px;display:grid}.meter{font:400 13px var(--sign);color:var(--cream);opacity:.6;grid-template-columns:76px 1fr;align-items:center;gap:10px;display:grid}.meter.live{opacity:1}.meter .bar{background:var(--night);border-radius:8px;height:22px;position:relative;overflow:hidden}.meter.power .bar i{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--gold) 60%, var(--pink));animation:linear infinite alternate sweep;position:absolute;inset:0}.meter.aim .bar .sweet{background:#4ff0a073;width:12%;position:absolute;top:0;bottom:0;left:44%}.meter.aim .bar i{background:var(--cream);border-radius:3px;width:6px;margin-left:-3px;animation:linear infinite alternate needle;position:absolute;top:2px;bottom:2px;left:0}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes needle{0%{transform:translate(0)}to{transform:translate(calc(min(420px,100vw) - 150px))}}.meters .hint{background:var(--plum-2);justify-self:center}.call{pointer-events:none;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.call-word{font-family:var(--sign);color:#fff;text-align:center;font-size:clamp(60px,17vw,140px);line-height:.9;animation:.6s cubic-bezier(.2,.9,.25,1.15) both k-pop}.c-strike .call-word{color:#ffe3f2;text-shadow:0 0 8px #ff7cc4, 0 0 26px var(--pink), 0 0 60px var(--pink), 0 6px 0 var(--pink-deep)}.c-spare .call-word{color:#e6fdff;text-shadow:0 0 8px var(--cyan), 0 0 28px var(--cyan), 0 6px 0 var(--cyan-deep)}.c-split .call-word{color:var(--gold);text-shadow:0 0 22px #ffc247b3,0 5px #a3680a;font-size:clamp(54px,15vw,110px)}.c-gutter .call-word,.c-miss .call-word{color:var(--muted);text-shadow:0 5px 0 var(--lip), 0 18px 40px #00000080;font-size:clamp(44px,12vw,84px)}.c-count .call-word{color:var(--cyan);text-shadow:0 0 22px #3ae8f299, 0 6px 0 var(--lip);font-size:clamp(70px,20vw,140px)}.call-sub{font:800 18px var(--body);color:var(--cream);background:var(--plum);box-shadow:0 3px 0 var(--lip);border-radius:12px;padding:7px 14px;animation:.5s cubic-bezier(.2,.9,.25,1.15) .12s both k-pop}.call-rays{background:repeating-conic-gradient(from 0deg, #ff3ea538 0 7deg, transparent 7deg 18deg);border-radius:50%;width:150vmax;height:150vmax;animation:1.8s cubic-bezier(.16,1,.3,1) both rays;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0 14%,#0000 52%);mask:radial-gradient(circle,#000 0 14%,#0000 52%)}.c-spare .call-rays{background:repeating-conic-gradient(from 0deg, #3ae8f238 0 7deg, transparent 7deg 18deg)}@keyframes rays{0%{opacity:0;transform:scale(.4)rotate(-20deg)}30%{opacity:1}to{opacity:0;transform:scale(1)rotate(10deg)}}.replay-tag{left:50%;bottom:calc(var(--bottom) + 10px);font:700 14px var(--body);color:var(--cream);background:var(--plum);box-shadow:0 3px 0 var(--lip);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:absolute;translate:-50%}.skip-chip{animation:.26s cubic-bezier(.2,.9,.25,1.15) both k-pop}.replay-tag span{font:400 12px var(--sign);background:var(--pink);color:#fff;border-radius:6px;padding:3px 8px}.loading{font:400 18px var(--sign);color:var(--cyan);text-shadow:var(--glow-cyan);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.board{font-variant-numeric:tabular-nums;background:var(--night);border-radius:14px;gap:4px;padding:6px;display:grid;overflow-x:auto}.board-row{grid-template-columns:minmax(56px, 1.4fr) repeat(var(--frames,10), minmax(26px, 1fr)) minmax(40px, 1.2fr);align-items:stretch;gap:3px;display:grid}.board-row.head span{font:400 11px var(--sign);color:var(--muted);text-align:center}.bn{font:800 15px var(--body);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;padding-left:4px;display:flex;overflow:hidden}.board-row:not(.head) .bn:before{content:"";background:var(--pc);border-radius:3px;flex:none;width:10px;height:10px}.bf{background:var(--plum);border-radius:7px;min-height:40px;display:grid}.board-row.head .bf{background:0 0;min-height:0}.bf.now{box-shadow:0 0 0 2px var(--cyan) inset;background:var(--plum-2)}.bm{font:800 12px var(--body);color:var(--muted);justify-content:flex-end;gap:1px;min-height:15px;padding:2px 3px 0;display:flex}.bm i{text-align:center;min-width:8px;font-style:normal}.bm i.hot{color:var(--pink)}.bm i.split{background:var(--gold);color:var(--night);border-radius:50%;min-width:14px}.bv{font:400 13px var(--sign);color:var(--cyan);text-align:center}.bt{background:var(--plum-2);color:#fff;font:400 18px var(--sign);border-radius:7px;place-items:center;display:grid}.board-row.on .bt{background:var(--pink)}.results{padding:calc(var(--top) + 8px) var(--gap) var(--bottom);z-index:30;background:#0c05169e;place-items:center;animation:.28s both k-fade;display:grid;position:fixed;inset:0;overflow:auto}.results-card{text-align:center;gap:10px;width:min(640px,100%)}.results-card h2{font-size:clamp(24px,6vw,32px)}.big-score{font:400 clamp(60px, 17vw, 96px) "Monoton", var(--sign);color:#ffe3f2;text-shadow:0 0 10px #ff7cc4, 0 0 30px var(--pink);line-height:1}.eyebrow{font:700 15px var(--body);color:var(--muted);margin:0}.sub{color:var(--muted);margin:0;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--plum-2);border-radius:14px;gap:2px;padding:10px;display:grid}.stats b{font:400 26px var(--sign);color:var(--cyan)}.stats span{font:700 14px var(--body);color:var(--muted)}.results-buttons{gap:10px;margin-top:4px;display:grid}.howto{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.demo{font:800 15px var(--body);color:var(--cream);text-align:center;justify-items:center;gap:8px;margin:0;display:grid}.demo-lane{aspect-ratio:.8;background:linear-gradient(#b77b3e,#e9b877 70%,#f1cf98);border-radius:16px;width:100%;position:relative;overflow:hidden}.demo-lane:before,.demo-lane:after{content:"";background:#2c1850;width:16%;position:absolute;top:0;bottom:0}.demo-lane:before{left:0}.demo-lane:after{right:0}.demo-pins{direction:rtl;grid-template-columns:repeat(4,7px);gap:3px 4px;display:grid;position:absolute;top:8%;left:50%;translate:-50%}.demo-pins i{background:#fff;border-radius:3px 3px 2px 2px;width:7px;height:9px;box-shadow:0 1px #0003}.demo-pins i:nth-child(n+5){translate:5px}.demo-pins i:nth-child(n+8){translate:10px}.demo-pins i:nth-child(10){translate:15px}.demo-ball{background:radial-gradient(circle at 35% 30%, #ff8cc8, var(--pink) 50%, var(--pink-deep));border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;bottom:14%;left:50%}.demo-finger{background:#ffffffeb;border-radius:11px 11px 9px 9px;width:22px;height:28px;margin-left:-11px;position:absolute;bottom:6%;left:50%;box-shadow:0 4px 10px #00000059}.d-throw .demo-finger{animation:2.4s cubic-bezier(.16,1,.3,1) infinite f-throw}.d-throw .demo-ball{animation:2.4s ease-in infinite b-throw}@keyframes f-throw{0%{opacity:0;transform:translateY(-30px)}10%{opacity:1;transform:translateY(-30px)}40%{transform:translateY(6px)}60%{opacity:1;transform:translateY(-80px)}75%,to{opacity:0;transform:translateY(-80px)}}@keyframes b-throw{0%,55%{transform:translateY(0)scale(1)}90%{transform:translateY(-190%)translateY(-90px)scale(.55)}to{opacity:0;transform:translateY(-190%)translateY(-90px)scale(.55)}}.d-hook .demo-finger{animation:2.4s cubic-bezier(.16,1,.3,1) infinite f-hook}.d-hook .demo-ball{animation:2.4s ease-in infinite b-hook}@keyframes f-hook{0%{opacity:0;transform:translateY(-30px)}10%{opacity:1}40%{transform:translateY(6px)}52%{transform:translate(2px,-50px)}62%{opacity:1;transform:translate(-22px,-80px)}75%,to{opacity:0;transform:translate(-22px,-80px)}}@keyframes b-hook{0%,55%{transform:translate(0)scale(1)}75%{transform:translate(16px,-70px)scale(.75)}92%{transform:translate(-4px,-130px)scale(.55)}to{opacity:0;transform:translate(-4px,-130px)scale(.55)}}.d-move .demo-finger,.d-move .demo-ball{animation:2.4s cubic-bezier(.2,.9,.25,1.15) infinite f-move}@keyframes f-move{0%,10%{transform:translate(-20px)}45%,55%{transform:translate(22px)}90%,to{transform:translate(-20px)}}.d-aim .demo-finger{animation:2.4s cubic-bezier(.2,.9,.25,1.15) infinite f-aim;bottom:52%}.d-aim .demo-lane .demo-ball:after{content:"";transform-origin:bottom;background:repeating-linear-gradient(0deg,#fff 0 6px,#0000 6px 12px);width:3px;height:90px;margin-left:-1.5px;animation:2.4s cubic-bezier(.2,.9,.25,1.15) infinite a-aim;position:absolute;bottom:100%;left:50%}@keyframes f-aim{0%,10%{transform:translate(-14px)}45%,55%{transform:translate(16px)}90%,to{transform:translate(-14px)}}@keyframes a-aim{0%,10%{transform:rotate(-7deg)}45%,55%{transform:rotate(8deg)}90%,to{transform:rotate(-7deg)}}.howto-foot{text-align:center;margin:14px 0 0}.swatches{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.swatches button{appearance:none;cursor:pointer;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--a) 60%, #fff), var(--a) 50%, color-mix(in srgb, var(--a) 70%, #000));border:0;border-radius:50%;width:34px;height:34px;transition:transform .14s;box-shadow:0 3px 8px #0006}.swatches button[aria-pressed=true]{box-shadow:0 0 0 3px var(--plum), 0 0 0 6px var(--cyan);transform:scale(1.15)}@media (width<=520px){.board-row{grid-template-columns:repeat(var(--frames,10), minmax(22px, 1fr)) minmax(38px, 1.3fr);gap:2px}.board-row .bn{grid-column:1/-1;padding:6px 0 0 2px}.board-row.head .bn{display:none}.bv{font-size:11px}.bm{padding:1px 2px 0;font-size:10px}.bf{min-height:36px}.bt{font-size:15px}}@media (height<=700px){.menu{padding-top:calc(var(--top) + 58px)}.logo-word{font-size:clamp(40px,12vw,80px)}.cta.friends{min-height:76px}.ctas{gap:10px}.lobby-screen .logo-top{display:none}.lobby-screen .logo.small .logo-word{font-size:40px}}@media (height<=480px){.controls .hint{display:none}.menu.home{padding-top:calc(var(--top) + 52px);background:linear-gradient(90deg,#12081fcc 0%,#12081f59 45%,#12081f99 100%);flex-flow:wrap;justify-content:center;align-items:center;gap:12px 28px}.menu.home .logo{flex:280px}.menu.home .ctas{flex:340px;width:auto;max-width:420px}.logo-word{font-size:clamp(40px,8vw,72px)}.logo-bot{display:none}.cta.friends{min-height:70px}.cta{min-height:56px}.more button{padding:8px 4px}.lobby-screen .logo{display:none}.menu.lobby-screen{padding-top:calc(var(--top) + 12px)}.howto{grid-template-columns:repeat(4,1fr)}.demo-lane{aspect-ratio:1.05}.results-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;column-gap:18px;width:min(820px,100%)}.results-card>:not(.board,.results-buttons){grid-column:1}.results-card>.board,.results-card>.results-buttons{grid-column:2}.results-card>.board{grid-row:1/span 3;align-self:end}.results-card>.results-buttons{grid-row:4/span 3;align-self:start}.results-card h2{font-size:22px}.big-score{font-size:64px}.stats div{padding:6px}}@media (prefers-reduced-motion:reduce){.app *,.app :before,.app :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}