:root{color-scheme:dark;--ink: #e8e8e8;--ink-dim: #9a9a9a;--bg: #0b0b0b;--line: #2a2a2a;--accent: #62cb31;--npm: #cb3837;--wrong: #ff6b5e;--glow: #00ffcc}*{box-sizing:border-box}body{margin:0;padding:1.4rem 1rem 1rem;background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.5}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:#05060a}.sky__haze{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;display:block;background:radial-gradient(46% 38% at 22% 18%,rgba(64,140,210,.1),transparent 70%),radial-gradient(52% 44% at 78% 30%,rgba(126,74,200,.09),transparent 72%),radial-gradient(70% 50% at 50% 106%,rgba(98,203,49,.1),transparent 68%),radial-gradient(38% 30% at 62% 72%,rgba(0,255,204,.06),transparent 70%);filter:blur(14px);animation:sky-haze 96s ease-in-out infinite alternate}@keyframes sky-haze{0%{transform:translate3d(-1.5%,1%,0) scale(1.04)}to{transform:translate3d(1.5%,-1.5%,0) scale(1.1)}}.sky__layer{position:absolute;top:-60px;left:0;display:block;width:1px;height:1px;border-radius:50%;will-change:transform;animation-name:sky-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes sky-float{0%{transform:translateZ(0)}to{transform:translate3d(0,var(--shift, 20px),0)}}.sky__twinkle{position:absolute;display:block;width:var(--size, 2px);height:var(--size, 2px);margin:calc(var(--size, 2px) / -2);border-radius:50%;background:rgba(var(--tint, 255, 255, 255),.95);box-shadow:0 0 6px 1px rgba(var(--tint, 255, 255, 255),.5);animation-name:sky-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes sky-twinkle{0%{opacity:.15;transform:scale(.75)}to{opacity:1;transform:scale(1.15)}}.sky__glow{position:absolute;display:block;width:var(--size, 3px);height:var(--size, 3px);margin:calc(var(--size, 3px) / -2);border-radius:50%;background:rgb(var(--tint, 255, 255, 255));will-change:opacity,transform;animation-name:sky-glow;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.sky__glow:before,.sky__glow:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%}.sky__glow:before{width:calc(var(--size, 3px) * 7);height:calc(var(--size, 3px) * 7);border-radius:50%;background:radial-gradient(circle,rgba(var(--tint, 255, 255, 255),.55),rgba(var(--tint, 255, 255, 255),.14) 38%,transparent 70%)}.sky__glow:after{width:calc(var(--size, 3px) * 10);height:calc(var(--size, 3px) * 10);background:linear-gradient(90deg,transparent,rgba(var(--tint, 255, 255, 255),.4) 50%,transparent) center / 100% 1px no-repeat,linear-gradient(180deg,transparent,rgba(var(--tint, 255, 255, 255),.4) 50%,transparent) center / 1px 100% no-repeat}@keyframes sky-glow{0%{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.sky__milkyway{position:absolute;display:block;transform:translate(-50%,-50%) rotate(var(--angle, -28deg));opacity:.9;background:radial-gradient(34% 6% at 44% 54%,rgba(3,3,8,.75),transparent 80%),radial-gradient(16% 5% at 66% 51%,rgba(3,3,8,.6),transparent 80%),radial-gradient(9% 4% at 26% 55%,rgba(3,3,8,.5),transparent 80%),radial-gradient(14% 24% at 31% 47%,rgba(214,218,255,.11),transparent 74%),radial-gradient(12% 22% at 57% 46%,rgba(255,232,205,.13),transparent 74%),radial-gradient(16% 26% at 72% 49%,rgba(205,205,255,.09),transparent 74%),radial-gradient(12% 20% at 16% 50%,rgba(180,200,255,.07),transparent 74%),radial-gradient(12% 20% at 85% 48%,rgba(220,200,255,.06),transparent 74%),radial-gradient(26% 30% at 48% 49%,rgba(255,214,170,.1),transparent 74%),radial-gradient(56% 30% at 50% 50%,rgba(170,182,255,.08),transparent 76%);filter:blur(9px);pointer-events:none}.sky__meteor{position:absolute;display:block;height:2px;margin-top:-1px;border-radius:2px;transform-origin:right center;background:linear-gradient(90deg,transparent,rgba(var(--tint, 255, 255, 255),.35) 50%,rgba(var(--tint, 255, 255, 255),.95) 94%,#fff);filter:drop-shadow(0 0 3px rgba(var(--tint, 255, 255, 255),.6));opacity:0;will-change:transform,opacity;pointer-events:none}.sky__meteor:after{content:"";position:absolute;top:50%;right:-1px;width:4px;height:4px;border-radius:50%;translate:0 -50%;background:#fff;box-shadow:0 0 8px 3px rgba(var(--tint, 255, 255, 255),.85)}.sky__meteor--fireball{height:2.5px;margin-top:-1.25px}.sky__meteor--fireball:after{width:5px;height:5px;box-shadow:0 0 10px 4px rgba(var(--tint, 255, 255, 255),.85),0 0 26px 8px rgba(var(--tint, 255, 255, 255),.3)}@media (prefers-reduced-motion: reduce){.sky__haze,.sky__layer,.sky__twinkle,.sky__glow{animation:none}.sky__meteor{display:none}}#app{max-width:940px;margin:0 auto}body:has(#screen-game:not([hidden])) #app{max-width:1440px}.site-title{margin:0 0 .9rem;text-align:center;line-height:1.05}.site-title__link{display:inline-block;color:inherit;text-decoration:none;border-radius:6px;transition:filter .2s ease,transform .2s ease}.site-title__link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site-title__link.is-way-back:hover,.site-title__link.is-way-back:focus-visible{filter:brightness(1.2) drop-shadow(0 0 10px rgba(98,203,49,.55))}@media (prefers-reduced-motion: no-preference){.site-title__link.is-way-back:hover{transform:scale(1.02)}}.screen[hidden]{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mode-select__options{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mode-card{--key-wall: 7px;--key-wall-colour: #1b2a15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;margin-bottom:var(--key-wall);padding:.7rem 1rem .75rem;text-align:center;background:linear-gradient(175deg,#272b26,#1a1d19 55%,#141613);color:inherit;border:1px solid #394036;border-radius:10px;cursor:pointer;font:inherit;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #00000059,0 var(--key-wall) 0 var(--key-wall-colour),0 calc(var(--key-wall) + 1px) 0 #62cb3159,0 calc(var(--key-wall) + 6px) 14px #0000008c;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .08s,transform .08s}.mode-card:hover:not(:disabled),.mode-card:focus-visible{--key-wall-colour: #22451a;border-color:var(--accent);box-shadow:inset 0 1px #ffffff24,inset 0 -3px #00000059,0 var(--key-wall) 0 var(--key-wall-colour),0 calc(var(--key-wall) + 1px) 0 #62cb31b3,0 calc(var(--key-wall) + 6px) 18px #0000008c,0 0 18px #62cb3138;outline:none}.mode-card:active:not(:disabled){transform:translateY(var(--key-wall));background:linear-gradient(175deg,#171a16,#1d211b);box-shadow:inset 0 3px 6px #0009,0 1px #62cb3173,0 0 14px #62cb3159}.mode-card__title{font-weight:600;font-size:.95rem}.mode-card--soon{opacity:.45;cursor:default}.mode-select{container:mode-select / inline-size}@container mode-select (width < 686px){.mode-select__options{grid-template-columns:minmax(0,21rem);justify-content:center;gap:.45rem}.mode-card{--key-wall: 5px;display:grid;grid-template-columns:4.6rem 1fr;grid-template-areas:"icon title";align-items:center;gap:0 .7rem;padding:.45rem .85rem;border-radius:8px;text-align:left}.mode-card .mode-icon{grid-area:icon;width:100%;height:22px;margin-bottom:0}.mode-card__title{grid-area:title;font-size:.9rem}}.mode-select__counts{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:.7rem}.mode-select__counts:not(:has(>:not([hidden]))){display:none}.mode-card__live{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .6rem .15rem .5rem;border:1px solid rgba(0,255,204,.35);border-radius:999px;background:#00ffcc14;color:#9ff0dd;font-size:.74rem;letter-spacing:.02em}.mode-card__live[hidden]{display:none}.mode-card__live-dot{width:7px;height:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 6px var(--glow);animation:live-dot 2.4s ease-in-out infinite}.mode-card__live--room:not(.mode-card__live--alone){border-color:#62cb3173;background:#62cb311a;color:#cdeeb9}.mode-card__live--room:not(.mode-card__live--alone) .mode-card__live-dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.mode-card__live--alone{border-color:var(--line);background:#ffffff08;color:var(--ink-dim)}.mode-card__live--alone .mode-card__live-dot{background:#5b6b66;box-shadow:none;animation:none}@keyframes live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.mode-icon{width:104px;height:28px;margin-bottom:.3rem;color:#62cb31bf;transition:color .15s}.mode-card:hover .mode-icon,.mode-card:focus-visible .mode-icon{color:var(--accent)}.mode-icon__vs{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:8px;letter-spacing:.06em;opacity:.6}.mode-icon__packet{animation:packet-out 2.4s linear infinite}.mode-icon__packet--late{animation-delay:1.2s}.mode-icon__packet--back{animation-name:packet-back;animation-duration:3.1s;animation-delay:.6s}@keyframes packet-out{0%{transform:translate(28px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(60px);opacity:0}}@keyframes packet-back{0%{transform:translate(60px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(28px);opacity:0}}.mode-demo{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--line)}.mode-demo__head{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-bottom:.6rem;text-align:center}.mode-demo__title{margin:0;font-size:.95rem;letter-spacing:.02em}.mode-demo__title-row{display:flex;align-items:center;gap:.55rem}.demo-sound{--key-wall: 4px;--key-wall-colour: #1b2a15;--key-lip: rgba(98, 203, 49, .35);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:var(--key-wall);padding:0;border:1px solid #394036;border-radius:7px;background:linear-gradient(175deg,#2c302a,#1c1f1b 55%,#141613);color:#ff5a68;cursor:pointer;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0006,0 var(--key-wall) 0 var(--key-wall-colour),0 calc(var(--key-wall) + 1px) 0 var(--key-lip),0 calc(var(--key-wall) + 4px) 10px #0000008c;-webkit-tap-highlight-color:transparent;transition:border-color .15s,color .15s,box-shadow .08s,transform .08s}.demo-sound svg{width:15px;height:15px;filter:drop-shadow(0 0 3px currentColor)}.demo-sound__on{display:none}.demo-sound[aria-pressed=true]{--key-wall-colour: #0f2a26;--key-lip: rgba(0, 255, 204, .45);color:var(--glow)}.demo-sound[aria-pressed=true] .demo-sound__on{display:block}.demo-sound[aria-pressed=true] .demo-sound__off{display:none}.demo-sound:hover{border-color:var(--accent);box-shadow:inset 0 1px #ffffff29,inset 0 -2px #0006,0 var(--key-wall) 0 var(--key-wall-colour),0 calc(var(--key-wall) + 1px) 0 var(--key-lip),0 calc(var(--key-wall) + 4px) 12px #0000008c,0 0 14px #62cb3140}.demo-sound[aria-pressed=true]:hover{border-color:var(--glow)}.demo-sound:active{transform:translateY(var(--key-wall));background:linear-gradient(175deg,#171a16,#1d211b);box-shadow:inset 0 2px 5px #000000a6,0 1px 0 var(--key-lip)}.demo-sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-demo__note{margin:0;color:#b4b4b4;font-size:.82rem}.mode-demo__note,.share__label{display:inline-block;padding:.3rem .8rem;background:#1212149e;border:1px solid rgba(255,255,255,.09);border-radius:8px;box-shadow:0 4px 14px #0000004d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mode-demo__stage{display:flex;align-items:flex-start;justify-content:center;gap:.8rem}.mode-demo__stage:after{content:"";flex:0 1 15rem;min-width:0;align-self:stretch}.mode-demo__stage:not(:has(.mode-demo__side>*:not([hidden]))):after{display:none}.mode-demo__side{display:flex;flex-direction:column;flex:0 1 auto;min-width:0;gap:.7rem}.mode-demo__side:not(:has(>*:not([hidden]))){display:none}.mode-demo__channels{width:15rem;max-width:100%;display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:.4rem;max-height:44vh;overflow-y:auto;padding:.1rem;scrollbar-width:thin}.mode-demo__channels[hidden]{display:none}@media (max-width: 62rem){.mode-demo__stage{flex-direction:column;align-items:center}.mode-demo__side{flex:none;width:100%}.mode-demo__channels{flex-direction:row;align-items:stretch;width:100%;max-height:none;overflow-x:auto;overflow-y:visible;padding-bottom:.4rem}.mode-demo__channels .channel{width:15rem;flex:none}.mode-demo__stage:after{display:none}}.channel{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:.4rem;flex:none;padding:.5rem .55rem;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:var(--ink-dim);font-size:.85rem}.channel--on{border-color:var(--accent);background:#62cb311a;color:#fff}.channel__head{display:flex;align-items:center;gap:.4rem;margin:0;padding:0 .15rem;min-width:0}.channel__acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.channel__act{display:inline-flex;align-items:center;justify-content:center;gap:.22rem;min-width:0;padding:.3rem .2rem;border:1px solid var(--line);border-radius:6px;background:#ffffff08;color:var(--ink-dim);font:inherit;font-size:.72rem;line-height:1.1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.channel__act:hover{border-color:var(--accent);color:var(--ink)}.channel__act:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.channel__act:only-child{grid-column:1 / -1}.channel__act--on{border-color:var(--accent);background:#62cb3138;color:#fff}.channel__icon{width:.95rem;height:.95rem;flex:none}.channel__dot{width:.5rem;height:.5rem;flex:none;border-radius:50%;background:#ff4d4d;box-shadow:0 0 6px #ff4d4dcc;animation:channel-pulse 1.6s ease-in-out infinite}@keyframes channel-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.channel__dot{animation:none}}.channel__label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem;font-size:.8rem}.channel__count{flex:none;padding:0 .35rem;border-radius:999px;background:#ffffff14;font-size:.72rem}.mode-demo__frame{--field-ratio: calc(900 / 700);width:min(100%,720px,calc(max(14rem,100svh - 26.4rem) * var(--field-ratio) + 1.2rem));margin:0 auto;padding:.6rem;border:1px solid rgba(0,255,204,.45);border-radius:8px;background:#0009;box-shadow:0 0 14px #00ffcc2e}#mode-demo-game{width:100%!important;height:auto!important;aspect-ratio:var(--field-ratio, calc(900 / 700));display:block}#mode-demo-game canvas{display:block;width:100%!important;height:auto!important}.footer-strips{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.6rem}.strip{display:inline-flex;align-items:center;gap:.7rem;max-width:26rem;padding:.5rem .9rem;text-align:left;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:8px;transition:border-color .15s,box-shadow .15s}.strip:hover,.strip:focus-visible{border-color:var(--strip-accent);box-shadow:0 0 14px var(--strip-halo);outline:none}.strip--npm{--strip-accent: var(--npm);--strip-halo: rgba(203, 56, 55, .25);background:linear-gradient(160deg,#1a1212e6,#0f0f0fe6 70%)}.strip--sound{--strip-accent: var(--glow);--strip-halo: rgba(0, 255, 204, .22);background:linear-gradient(160deg,#0c1c1ae6,#0f0f0fe6 70%)}.strip__logo{width:26px;height:26px;flex:none}.strip__text{display:flex;flex-direction:column;line-height:1.3}.strip__title{font-size:.88rem;font-weight:600}.strip--npm .strip__title{color:#edd9d9}.strip--sound .strip__title{color:#d3f2ea}.strip__note{color:var(--ink-dim);font-size:.78rem}.btn{padding:.6rem 1.4rem;background:var(--accent);color:#08210a;border:1px solid var(--accent);border-radius:4px;font:inherit;font-weight:600;cursor:pointer}.btn--quiet{background:#ffffff0d;color:var(--ink);border-color:var(--line);font-weight:400;transition:background .15s,border-color .15s,color .15s}.btn--quiet:hover{background:#62cb311f;border-color:var(--accent);color:#fff}.btn--icon{display:inline-flex;align-items:center;gap:.45rem}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.btn:disabled:hover{opacity:.4;cursor:not-allowed;filter:grayscale(.6);box-shadow:none;border-color:var(--line)}.lobby__start-hint{margin:0 0 .5rem;color:var(--ink-dim);font-size:.85rem;line-height:1.45;text-align:center}.lobby__start-hint[hidden]{display:none}.btn--ghost{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1.1rem;background:#62cb310f;color:var(--ink);border:1px solid rgba(98,203,49,.35);border-radius:999px;font-weight:500;font-size:.88rem}.btn--ghost:hover{background:#62cb3124;border-color:var(--accent);color:#fff}.btn__icon{width:1.05em;height:1.05em;flex-shrink:0;color:var(--accent)}.mode-select__extra{display:flex;justify-content:center;margin-bottom:.8rem}.guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:1rem}.guide-modal[hidden]{display:none}.guide-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.guide-modal__box{position:relative;z-index:1;display:flex;flex-direction:column;width:min(640px,100%);max-height:86vh;background:linear-gradient(170deg,#181a18fa,#0c0c0cfa);border:1px solid var(--line);border-radius:10px;box-shadow:0 0 34px #62cb3126,0 18px 50px #0009;overflow:hidden}.guide-modal__head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem .8rem;border-bottom:1px solid var(--line)}.guide-modal__title{margin:0;font-size:1rem;font-weight:600;color:var(--accent)}.guide-modal__close{background:none;border:none;color:var(--ink-dim);font-size:1.5rem;line-height:1;padding:0 .2rem;cursor:pointer}.guide-modal__close:hover{color:var(--accent)}.guide-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-modal__body{flex:1;min-height:0;overflow-y:auto;padding:1.1rem 1.2rem 1.4rem}.guide-modal__body::-webkit-scrollbar{width:6px}.guide-modal__body::-webkit-scrollbar-thumb{background:#62cb3180;border-radius:3px}.guide-modal .guide{--guide-accent: var(--accent);--guide-text: var(--ink);--guide-text-dim: var(--ink-dim);--guide-heading: var(--ink);--guide-line: var(--line);--guide-panel: rgba(255, 255, 255, .03);--guide-code: #b8e986;--guide-font: system-ui, sans-serif}.guide-modal .guide__text,.guide-modal .guide__list,.guide-modal .guide__item p,.guide-modal .guide__entry-desc,.guide-modal .guide__entry-name{font-size:.85rem}.guide-modal .guide__title{font-size:.95rem;letter-spacing:0}.guide-modal .guide__item-head h4{font-size:.85rem}.guide-modal .guide__key{font-size:.72rem}.site-footer{margin-top:.8rem;text-align:center;color:var(--ink-dim);font-size:.9rem}.site-footer a{color:var(--accent)}.share{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-bottom:1rem}.share[hidden]{display:none}.share__label{font-size:.9rem;font-style:italic;color:#b0b0b0}.share__label:before{content:"“"}.share__label:after{content:"”"}.share__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none}.site-footer .share__btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;color:var(--ink-dim);background:#ffffff08;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s,box-shadow .15s,transform .15s}.share__btn:hover,.share__btn:focus-visible{color:var(--share-accent);border-color:var(--share-accent);box-shadow:0 0 14px var(--share-halo);transform:translateY(-2px);outline:none}.share__btn--wa{--share-accent: #25d366;--share-halo: rgba(37, 211, 102, .25)}.share__btn--fb{--share-accent: #1877f2;--share-halo: rgba(24, 119, 242, .28)}.share__btn--ig{--share-accent: #e1568c;--share-halo: rgba(225, 86, 140, .28)}.share__btn--x{--share-accent: #f5f5f5;--share-halo: rgba(255, 255, 255, .2)}.share__btn--li{--share-accent: #4aa3e8;--share-halo: rgba(74, 163, 232, .28)}.share__btn--copy{--share-accent: var(--accent);--share-halo: rgba(98, 203, 49, .28)}.share__icon{width:1.05rem;height:1.05rem;fill:currentColor}.share__icon--stroke{fill:none}.share__said{min-height:1.1em;margin:0;font-size:.78rem;color:var(--accent)}.share__said--failed{color:#e8a33d}.site-credit{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.9rem 0 0;font-size:.78rem;letter-spacing:.04em;color:#6a6a6a}.site-credit:before,.site-credit:after{content:"";width:2.5rem;height:1px;background:linear-gradient(90deg,transparent,rgba(138,92,255,.45))}.site-credit:after{background:linear-gradient(90deg,rgba(0,255,204,.4),transparent)}.site-credit__mark{font-size:.72rem;color:#767676}.site-credit__name{font-weight:600;background:linear-gradient(90deg,#a996f0,#e7a3dc,#8fe3cf,#a996f0) 0 0 / 300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.8;animation:credit-sheen 14s linear infinite}@keyframes credit-sheen{to{background-position:300% 0}}.footer-strips[hidden]{display:none}.footer-strips[hidden]+.site-credit{margin-top:1.2rem}@media (prefers-reduced-motion: reduce){.sky__layer,.mode-icon__packet,.mode-card__live-dot,.site-credit__name{animation:none}.mode-icon__packet{opacity:.8;transform:translate(44px)}}.paddle-game-wrapper{width:min(100%,932px,calc(max(22rem,100vh - 24.5rem) * var(--field-ratio, 1.286) + 2rem));margin:0 auto;padding:1rem;border:1.5px solid var(--glow);border-radius:5px;box-shadow:0 0 12px var(--glow),0 0 32px #00ffcc38}#paddle-game{width:100%!important;height:auto!important;aspect-ratio:auto!important;display:block;margin:0 auto}#paddle-game canvas{display:block;width:100%!important;height:auto!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.modal[hidden]{display:none}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000094;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal__box{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,30rem);max-height:min(86vh,100%);background:linear-gradient(170deg,#181a18f7,#0d0e0df7);border:1px solid var(--line);border-radius:12px;box-shadow:0 0 30px #62cb311f,0 18px 50px #0009;overflow:hidden;animation:modal-in .16s ease-out}.modal__box--wide{width:min(100%,34rem)}.modal__box:focus{outline:none}@keyframes modal-in{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.modal__box{animation:none}}.modal__bar{position:absolute;top:0;left:0;right:0;height:3.1rem;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#181a18f7,#181a18f7 45%,#181a1800)}.modal__close{position:absolute;top:.55rem;right:.6rem;z-index:2;width:2rem;height:2rem;display:grid;place-items:center;padding:0;background:#121412;box-shadow:0 0 0 4px #121412;border:1px solid transparent;border-radius:50%;color:var(--ink-dim);font-size:1.4rem;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.modal__close:hover{color:var(--accent);border-color:#62cb3166;background:#1a231a;box-shadow:0 0 0 4px #1a231a}.modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal__body{--modal-pad: 1.5rem;flex:1;min-height:0;overflow-y:auto;padding:2.6rem var(--modal-pad) var(--modal-pad);scroll-padding-bottom:5rem}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-thumb{background:#62cb314d;border-radius:3px}body.has-modal{overflow:hidden}@media (max-width: 720px){.modal{padding:.6rem}.modal__box{max-height:min(92svh,100%)}.modal__body{--modal-pad: 1.15rem;padding:2.5rem var(--modal-pad) var(--modal-pad)}}.panel{width:100%}.panel__title{margin:0;font-size:1.05rem;font-weight:600;text-align:center}.panel__note{margin:.2rem 0 0;color:var(--ink-dim);font-size:.85rem;text-align:center}.panel__head{margin:-.2rem 0 1.2rem;padding:0 1.6rem 1rem;border-bottom:1px solid var(--line)}.quick-settings__form,.lobby__form{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%}.field{display:grid;gap:.3rem}.field--check{grid-template-columns:auto 1fr;align-items:center;gap:.6rem}.field input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.field--hidden{display:none}.field__who{display:flex;align-items:center;gap:.45rem}.field__badge{--badge-tone: var(--accent);padding:.05rem .5rem;border:1px solid color-mix(in srgb,var(--badge-tone) 50%,transparent);border-radius:999px;background:color-mix(in srgb,var(--badge-tone) 14%,transparent);color:var(--badge-tone);font-size:.72rem;font-weight:600;letter-spacing:.03em;line-height:1.4}.field__badge--p2{--badge-tone: var(--glow)}.field input::placeholder{color:#6b6b6b;opacity:1}.duration{display:grid;gap:.5rem}.duration__own[hidden]{display:none}.duration__own input{max-width:7rem}.field__hint{color:var(--ink-dim);font-size:.8rem;line-height:1.4}.field__hint[hidden]{display:none}.field__label{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.field__need{color:var(--ink-dim);font-size:.75rem;font-style:normal;letter-spacing:.04em;text-transform:uppercase}.lobby__name{display:grid;gap:.5rem}.rename{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.rename[hidden]{display:none}.rename__go{padding:.35rem .9rem;font-size:.85rem}.rename__go:disabled{opacity:.45;cursor:default}.rename__go:disabled:hover{background:#ffffff0d;border-color:var(--line);color:var(--ink)}@keyframes rename-tick{to{stroke-dashoffset:0}}.field input.is-saved{animation:rename-glow 1.4s ease}@keyframes rename-glow{0%{border-color:var(--accent);box-shadow:0 0 0 3px #62cb314d}to{border-color:var(--line);box-shadow:0 0 #62cb3100}}@media (prefers-reduced-motion: reduce){@keyframes rename-glow{0%{border-color:var(--accent)}to{border-color:var(--line)}}}.field__error{color:var(--wrong);font-size:.8rem;line-height:1.4}.field__error[hidden]{display:none}.field input[aria-invalid=true]{border-color:var(--wrong);box-shadow:0 0 0 1px #ff6b5e40}.field input[aria-invalid=true]:focus-visible{outline-color:var(--wrong)}.namebox:has(.field__error:not([hidden])) .field__need{color:var(--wrong)}.field input[readonly]{opacity:.55;cursor:default}.field select,.field input[type=text],.field input[type=number]{padding:.5rem;background:#131313;color:inherit;border:1px solid var(--line);border-radius:4px;font:inherit}.field select:focus-visible,.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.namebox{--name-tone: var(--ink-dim);padding:.7rem .8rem;background:#ffffff05;border:1px solid var(--line);border-left:3px solid var(--name-tone);border-radius:6px;transition:border-color .2s}.namebox[data-state=empty]{--name-tone: #ffb020}.namebox[data-state=taken]{--name-tone: var(--wrong)}.namebox[data-state=free],.namebox[data-state=saved]{--name-tone: var(--accent)}.namebox[data-state=empty] .field input[type=text]{border-color:#ffb02073}.namebox[data-state=empty] .field__need{color:#ffb020}.namebox[data-state=free] .field__need,.namebox[data-state=saved] .field__need{opacity:.45}.namebox__row{position:relative;display:block}.namebox__row input[type=text]{width:100%;padding-right:2.3rem}.namebox__mark{position:absolute;top:50%;right:.65rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;transform:translateY(-50%);color:var(--name-tone);pointer-events:none}.namebox__mark>*{grid-area:1 / 1;width:100%;height:100%;opacity:0;transition:opacity .15s}.namebox[data-state=checking] .namebox__spin,.namebox[data-state=free] .namebox__tick,.namebox[data-state=saved] .namebox__tick,.namebox[data-state=taken] .namebox__cross{opacity:1}.namebox__spin{border:2px solid rgba(255,255,255,.16);border-top-color:currentColor;border-radius:50%;animation:namebox-spin .7s linear infinite}@keyframes namebox-spin{to{transform:rotate(360deg)}}.namebox__tick path{stroke-dasharray:34;stroke-dashoffset:34}.namebox[data-state=free] .namebox__tick path,.namebox[data-state=saved] .namebox__tick path{animation:rename-tick .4s ease forwards}.namebox__say{display:block;min-height:2.2em;color:var(--name-tone)}.namebox__say--in{animation:namebox-said .32s ease}@keyframes namebox-said{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}.namebox[data-state=saved]{animation:namebox-kept 1.4s ease}@keyframes namebox-kept{0%{box-shadow:0 0 #62cb3159}30%{box-shadow:0 0 18px 1px #62cb3159}to{box-shadow:0 0 #62cb3100}}.namebox--shake{animation:namebox-shake .45s ease}@keyframes namebox-shake{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(3px)}50%{transform:translate(-4px)}}@media (prefers-reduced-motion: reduce){.namebox__spin{animation:none}.namebox__tick path{stroke-dashoffset:0}.namebox[data-state=free] .namebox__tick path,.namebox[data-state=saved] .namebox__tick path{animation:none}.namebox--shake,.namebox[data-state=saved]{animation:none}@keyframes namebox-said{0%{opacity:0}to{opacity:1}}}.quick-settings__actions{position:sticky;bottom:0;z-index:1;display:flex;justify-content:center;gap:.8rem;padding:1.7rem 0 var(--modal-pad, 0px);background:linear-gradient(to bottom,#0d0e0d00 0,#0d0e0d 1.7rem)}.modal__body:has(.quick-settings__actions){padding-bottom:0}.btn--play{min-width:9rem;padding:.7rem 2rem;font-size:1rem}.lobby__view{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}.lobby__view[hidden]{display:none}.lobby__question{margin:0;font-size:.95rem}.lobby__crumbs{position:sticky;top:.25rem;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:-.3rem calc(-1 * var(--modal-pad, 1.5rem)) -.2rem;padding:.35rem calc(var(--modal-pad, 1.5rem) + 2.4rem) .35rem var(--modal-pad, 1.5rem);background:#181a18;font-size:.85rem}.lobby__crumbs[hidden]{display:none}.lobby__crumbs[data-route=waiting]{--crumb: #62cb31}.lobby__crumbs[data-route=invite]{--crumb: #00ffcc}.lobby__crumbs[data-route=fun]{--crumb: #ff9f43}.lobby__crumbs[data-route=table]{--crumb: #ffd700}.lobby__crumbs[data-route=code]{--crumb: #b46bff}.lobby__crumb{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem 0;font:inherit}.lobby__crumb--back{gap:.35rem;padding:.3rem .75rem .3rem .5rem;color:var(--ink);background:#ffffff0d;border:1px solid #3a3f38;border-radius:999px;box-shadow:inset 0 1px #ffffff14,0 2px #0d100c;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.lobby__crumb--back .lobby__crumb-arrow{width:.95rem;height:.95rem}.lobby__crumb--back:hover,.lobby__crumb--back:focus-visible{color:var(--crumb, var(--accent));border-color:var(--crumb, var(--accent));background:color-mix(in srgb,var(--crumb, var(--accent)) 10%,transparent)}.lobby__crumb--back:focus-visible{outline:2px solid var(--crumb, var(--accent));outline-offset:2px}.lobby__crumb-arrow{width:.9em;height:.9em;flex:none}.lobby__crumb-sep{display:none}.lobby__crumbs{gap:.7rem}.lobby__crumb--here{color:var(--crumb, var(--ink));font-weight:600}.lobby__choices{display:grid;gap:.6rem;margin:-.4rem 0 0;padding:0;list-style:none}.choice[data-route=waiting]{--choice: #62cb31;--choice-soft: rgba(98, 203, 49, .12);--choice-strong: rgba(98, 203, 49, .34);--choice-wall: #1e3a12}.choice[data-route=invite]{--choice: #00ffcc;--choice-soft: rgba(0, 255, 204, .12);--choice-strong: rgba(0, 255, 204, .34);--choice-wall: #0a3a33}.choice[data-route=fun]{--choice: #ff9f43;--choice-soft: rgba(255, 159, 67, .13);--choice-strong: rgba(255, 159, 67, .36);--choice-wall: #4a2a0c}.choice[data-route=table]{--choice: #ffd700;--choice-soft: rgba(255, 215, 0, .12);--choice-strong: rgba(255, 215, 0, .34);--choice-wall: #483d05}.choice[data-route=code]{--choice: #b46bff;--choice-soft: rgba(180, 107, 255, .14);--choice-strong: rgba(180, 107, 255, .38);--choice-wall: #2f1a4c}.choice{--key-wall: 7px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;width:100%;margin-bottom:var(--key-wall);padding:.8rem 1rem;text-align:left;color:inherit;background:linear-gradient(175deg,#272b26,#1a1d19 55%,#141613);border:1px solid #394036;border-radius:10px;font:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #00000059,0 var(--key-wall) 0 var(--choice-wall, #1b2a15),0 calc(var(--key-wall) + 1px) 0 var(--choice, var(--accent)),0 calc(var(--key-wall) + 4px) 16px var(--choice-strong, rgba(98, 203, 49, .3));-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s,box-shadow .08s,transform .08s}.choice:hover,.choice:focus-visible{background:linear-gradient(175deg,#2b302a,#1c1f1b 55%,#161815);border-color:var(--choice, var(--accent));box-shadow:inset 0 1px #ffffff24,inset 0 -3px #00000059,0 var(--key-wall) 0 var(--choice-wall, #1b2a15),0 calc(var(--key-wall) + 1px) 0 var(--choice, var(--accent)),0 calc(var(--key-wall) + 4px) 22px var(--choice-strong, rgba(98, 203, 49, .3)),0 0 16px var(--choice-soft, rgba(98, 203, 49, .12));outline:none}.choice:active{transform:translateY(var(--key-wall));background:linear-gradient(175deg,#171a16,#1d211b);box-shadow:inset 0 3px 6px #0009,0 1px 0 var(--choice, var(--accent)),0 0 16px var(--choice-strong, rgba(98, 203, 49, .3))}.choice__icon{box-sizing:border-box;width:2.1rem;height:2.1rem;padding:.4rem;margin-top:.05rem;color:var(--choice, var(--accent));background:var(--choice-soft, transparent);border:1px solid var(--choice-strong, var(--line));border-radius:7px}.choice__text{display:grid;gap:.15rem;min-width:0}.choice__title{font-weight:600}.choice__note{color:var(--ink-dim);font-size:.85rem}.choice__cells{display:flex;align-self:center;gap:.25rem}.choice__cells span{width:.7rem;height:1rem;border:1px solid var(--choice, var(--accent));border-radius:2px;background:var(--choice-soft, rgba(98, 203, 49, .1));box-shadow:inset 0 0 6px var(--choice-soft, rgba(98, 203, 49, .25))}.choice__cells span:first-child{background:var(--choice-strong, rgba(98, 203, 49, .35))}.choice:hover .choice__cells span,.choice:focus-visible .choice__cells span{box-shadow:inset 0 0 6px var(--choice-soft, rgba(98, 203, 49, .25)),0 0 8px var(--choice-strong, rgba(98, 203, 49, .35))}@media (max-width: 30rem){.choice__cells{display:none}.lobby__link{flex-direction:column}.lobby__link-field,.lobby__link .btn{width:100%}.lobby__waiting{padding:1.2rem .7rem}}.lobby__waiting{justify-items:center;gap:.6rem;padding:1.4rem 1rem;text-align:center;border:1px solid var(--line);border-radius:8px;background:#00000040}.lobby__waiting-title{margin:0;font-weight:600}.lobby__waiting-note{margin:0;max-width:min(34ch,100%);color:var(--ink-dim);font-size:.88rem}.lobby__steps{counter-reset:step;display:grid;gap:.55rem;width:min(46ch,100%);margin:.2rem 0 0;padding:0;list-style:none;text-align:left;font-size:.88rem;color:var(--ink-dim)}.lobby__steps li{counter-increment:step;display:grid;grid-template-columns:1.6rem 1fr;gap:.7rem;align-items:center;line-height:1.45}.lobby__steps li>span{min-width:0}.lobby__steps li:before{content:counter(step);display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-weight:700;font-size:.8rem}.lobby__steps strong{color:var(--ink, #fff);font-weight:600}.lobby__countdown{margin:.2rem 0 0;font-size:clamp(2.6rem,11vw,4rem);line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 18px rgba(98,203,49,.45)}.lobby__countdown.is-beat{animation:countdown-beat .85s ease-out}@keyframes countdown-beat{0%{transform:scale(1.4);opacity:.2}30%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.lobby--starting .lobby__form>*:not([data-view=starting]),.lobby--starting .lobby__note,.lobby--starting .panel__note{display:none}@media (prefers-reduced-motion: reduce){.lobby__countdown.is-beat{animation:none}}.lobby__clock{margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:1.1rem;letter-spacing:.1em;color:var(--accent)}.rally{position:relative;width:92px;height:116px;border:1px solid rgba(98,203,49,.25);border-radius:4px;background:linear-gradient(rgba(98,203,49,.05),transparent 45%,rgba(98,203,49,.05));overflow:hidden}.rally:after{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:1px dashed rgba(98,203,49,.3)}.rally__paddle{position:absolute;width:26px;height:4px;margin-left:-13px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px #62cb3180;animation:3.4s ease-in-out infinite}.rally__paddle--top{top:8px;animation-name:rally-top}.rally__paddle--bottom{bottom:8px;animation-name:rally-bottom}.rally__ball{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#eaffdd;box-shadow:0 0 10px #62cb31e6;animation:rally-ball 3.4s linear infinite}@keyframes rally-ball{0%{top:14px;left:24%}25%{top:calc(100% - 14px);left:72%}50%{top:14px;left:48%}75%{top:calc(100% - 14px);left:28%}to{top:14px;left:24%}}@keyframes rally-top{0%,25%{left:24%}50%,75%{left:48%}to{left:24%}}@keyframes rally-bottom{0%{left:28%}25%,50%{left:72%}75%,to{left:28%}}@media (prefers-reduced-motion: reduce){.rally__ball,.rally__paddle{animation:none}.rally__ball{top:50%;left:48%}.rally__paddle--top,.rally__paddle--bottom{left:48%}}.waiting{display:grid;gap:.9rem;padding:1.1rem 1rem;border:1px solid var(--line);border-radius:8px;background:#00000040;justify-items:stretch}.waiting__head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.waiting__title{margin:0;font-weight:600}.waiting__head .lobby__clock{font-size:.95rem}.waiting__note{margin:0;color:var(--ink-dim);font-size:.88rem}.waiting__note[hidden]{display:none}.waiting__note--some{color:var(--glow)}.waiting__list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;max-height:15rem;overflow-y:auto}.waiting__list[hidden]{display:none}.player{--pick: var(--glow);--pick-soft: rgba(0, 255, 204, .07);--pick-line: rgba(0, 255, 204, .38);--pick-halo: rgba(0, 255, 204, .28);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.7rem;row-gap:.2rem;width:100%;padding:.65rem .7rem;color:inherit;text-align:left;background:var(--pick-soft);border:1px solid var(--pick-line);border-radius:6px;box-shadow:0 0 0 0 var(--pick-halo);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.player:hover:not(:disabled),.player:focus-visible:not(:disabled){background:#00ffcc1f;border-color:var(--pick);box-shadow:0 0 18px var(--pick-halo);outline:none}.player--fresh{animation:player-arrive 1.1s ease-out}@keyframes player-arrive{0%{box-shadow:0 0 0 0 var(--pick-halo);background:#00ffcc38}35%{box-shadow:0 0 22px 2px var(--pick-halo);background:#00ffcc29}to{box-shadow:0 0 #0fc0;background:var(--pick-soft)}}.player:active:not(:disabled){transform:translateY(1px)}.player:disabled{opacity:.45;cursor:default;background:#ffffff05;border-color:var(--line)}.player__live{position:relative;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#00ffcc24;color:var(--pick)}.player__live svg{position:relative;width:1.15rem;height:1.15rem;fill:currentColor}.player__live:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--pick);animation:player-pulse 2s ease-out infinite}.player__live:after{content:"";position:absolute;right:-1px;bottom:-1px;width:.55rem;height:.55rem;border-radius:50%;background:var(--pick);border:2px solid #0d0d0d;animation:player-blink 1.6s ease-in-out infinite}.player--busy .player__live{background:#ffffff0f;color:var(--ink-dim)}.player--busy .player__live:before,.player--busy .player__live:after{animation:none}.player--busy .player__live:before{border-color:transparent}.player--busy .player__live:after{background:var(--ink-dim)}@keyframes player-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes player-blink{0%,to{opacity:1}50%{opacity:.25}}.player__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__state{flex:none;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;color:var(--pick);background:#00ffcc21;border:1px solid rgba(0,255,204,.5);border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.player__state:after{content:"›";font-size:.95rem;line-height:1}.player--busy .player__state{color:var(--ink-dim);background:#ffffff0a;border-color:var(--line)}.player--busy .player__state:after{content:none}.player:hover:not(:disabled) .player__state,.player:focus-visible:not(:disabled) .player__state{background:var(--pick);border-color:var(--pick);color:#032420}.player__deal{grid-column:2 / -1;color:var(--ink-dim);font-size:.8rem;line-height:1.35}@media (prefers-reduced-motion: reduce){.player__live:before,.player__live:after{animation:none}.player__live:before{opacity:.5}.player--fresh{animation:none}}.waiting__nobody{display:grid;justify-items:center;gap:.6rem;padding:.6rem 0 .2rem;text-align:center}.waiting__nobody[hidden]{display:none}.waiting__ask{display:grid;gap:.7rem;justify-items:center;padding:.9rem .8rem;text-align:center;border:1px solid var(--accent);border-radius:6px;background:#62cb310f}.waiting__ask[hidden]{display:none}.waiting__ask-text{margin:0;max-width:min(34ch,100%);font-weight:600}.waiting__ask-deal{margin:-.3rem 0 0;max-width:min(38ch,100%);color:var(--ink-dim);font-size:.85rem}.waiting__ask-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.waiting__ask-row[hidden]{display:none}.waiting__mine{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.3rem .5rem;margin:0;padding:.6rem .8rem;border:1px dashed var(--line);border-radius:6px;font-size:.85rem}@media (max-width: 26rem){.waiting__mine{grid-template-columns:minmax(0,1fr) auto}.waiting__mine-head{grid-column:1 / -1}}.waiting__mine[hidden]{display:none}.waiting__mine-head{color:var(--ink-dim)}.waiting__mine-what{font-weight:600}.waiting__mine-edit{padding:0;color:var(--accent);background:none;border:none;font:inherit;text-decoration:underline;cursor:pointer}.waiting__mine-edit:hover,.waiting__mine-edit:focus-visible{text-decoration:none}.lobby__row{display:flex;flex-wrap:wrap;gap:.6rem}.lobby__block{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:6px}.lobby__block-title{margin:0;font-size:.95rem}.lobby__block-hint{margin:-.4rem 0 0;color:var(--ink-dim);font-size:.85rem}.lobby__block[hidden]{display:none}.lobby__fold{display:block;padding:0;border-left:3px solid var(--line);overflow:hidden;transition:border-color .15s,background .15s}.lobby__fold[open]{border-left-color:var(--accent);background:#62cb310a}.lobby__fold-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;padding:.85rem 1rem;cursor:pointer;list-style:none}.lobby__fold[open] .lobby__fold-head{border-bottom:1px solid var(--line);background:#ffffff05}.lobby__fold[open] .lobby__block-title,.lobby__fold-head:hover .lobby__block-title{color:var(--accent)}.lobby__fold-head .lobby__block-title{margin-right:auto}.lobby__fold-head::-webkit-details-marker{display:none}.lobby__fold-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.lobby__fold-head:after{content:"";width:.5rem;height:.5rem;margin-left:auto;border-right:1.5px solid var(--ink-dim);border-bottom:1.5px solid var(--ink-dim);transform:rotate(45deg) translate(-.1rem,-.1rem);transition:transform .15s}.lobby__fold[open] .lobby__fold-head:after{transform:rotate(-135deg) translate(-.15rem,-.15rem)}.lobby__fold-icon{flex:none;width:1.1rem;height:1.1rem;align-self:center;color:var(--accent)}.lobby__fold-note{color:var(--ink-dim);font-size:.8rem}.lobby__group{display:grid;gap:.8rem;padding:.9rem;background:#ffffff06;border:1px solid var(--line);border-radius:6px}.lobby__group[hidden]{display:none}.lobby__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;margin:0;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.lobby__group-note{font-weight:400;letter-spacing:0;text-transform:none}.lobby__fold-head{flex-wrap:wrap;row-gap:.15rem}.lobby__fold-note{order:3;width:100%;padding-left:1.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby__fold-toggle{flex:none;margin-left:auto;color:var(--ink-dim);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.lobby__fold-toggle:after{content:"show"}.lobby__fold[open] .lobby__fold-toggle:after{content:"hide"}.lobby__fold-head:hover .lobby__fold-toggle,.lobby__fold[open] .lobby__fold-toggle{color:var(--accent)}.lobby__fold-head:after{margin-left:.4rem}.lobby__fold-foot{display:flex;align-items:center;min-height:1.2rem}.lobby__fold-body{display:grid;gap:.8rem;padding:0 1rem 1rem}.lobby__actions{display:flex;flex-wrap:wrap;gap:.8rem;min-width:0}.lobby__code-entry{display:grid;gap:.7rem;justify-items:start;padding:1rem;border:1px dashed var(--line);border-radius:6px}.code-do{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem;width:100%}.code-do__go{--choice: var(--accent);--choice-soft: rgba(98, 203, 49, .12);--choice-strong: rgba(98, 203, 49, .34);--key-wall: 6px;--key-wall-colour: #1b2a15;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;margin-bottom:var(--key-wall);padding:.65rem .8rem;background:linear-gradient(175deg,#272b26,#1a1d19 55%,#141613);border:1px solid #394036;border-radius:10px;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #00000059,0 var(--key-wall) 0 var(--key-wall-colour),0 calc(var(--key-wall) + 1px) 0 var(--choice-strong),0 calc(var(--key-wall) + 6px) 14px #0000008c;-webkit-tap-highlight-color:transparent;transition:border-color .15s,box-shadow .08s,transform .08s}.code-do__go[data-action=watch-code]{--choice: #00ffcc;--choice-soft: rgba(0, 255, 204, .12);--choice-strong: rgba(0, 255, 204, .34);--key-wall-colour: #0f2a26}.code-do__go:hover,.code-do__go:focus-visible{border-color:var(--choice);box-shadow:inset 0 1px #ffffff24,inset 0 -3px #00000059,0 var(--key-wall) 0 var(--key-wall-colour),0 calc(var(--key-wall) + 1px) 0 var(--choice),0 calc(var(--key-wall) + 6px) 18px #0000008c,0 0 16px var(--choice-strong);outline:none}.code-do__go:active{transform:translateY(var(--key-wall));background:linear-gradient(175deg,#171a16,#1d211b);box-shadow:inset 0 3px 6px #0009,0 1px 0 var(--choice),0 0 14px var(--choice-strong)}.code-do__icon{box-sizing:border-box;width:2rem;height:2rem;padding:.35rem;color:var(--choice);background:var(--choice-soft);border:1px solid var(--choice-strong);border-radius:7px}.code-do__icon svg{width:100%;height:100%;display:block}.code-do__text{display:grid;gap:.1rem}.code-do__title{font-weight:600;font-size:.92rem}.code-do__note{color:var(--ink-dim);font-size:.78rem;line-height:1.35;text-wrap:pretty}.lobby__code-entry input[name=code]{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;max-width:min(13ch,100%)}.lobby__status{min-height:1.5em;margin:0;color:var(--accent)}.lobby__status:empty{display:none}.lobby__link{display:flex;gap:.5rem;width:100%;margin-top:.4rem}.lobby__link .btn{flex:0 0 auto;white-space:nowrap}.lobby__link-field{flex:1 1 0;min-width:0;padding:.5rem;background:#131313;color:inherit;border:1px solid var(--line);border-radius:4px;font:inherit}.lobby__mail{margin:0;max-width:min(40ch,100%);color:var(--ink-dim);font-size:.85rem}.lobby__mail-link{color:var(--accent)}.lobby__code-label{width:100%;margin:.4rem 0 0;padding-top:.9rem;border-top:1px solid var(--line);color:var(--ink-dim);font-size:.85rem}.lobby__code{margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(1.15rem,7vw,1.6rem);letter-spacing:.24em;color:var(--accent)}.lobby__note{max-width:520px;margin-top:2rem;color:var(--ink-dim);font-size:.9rem}.game-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.field-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem;width:fit-content;max-width:min(100%,40rem);margin:0 auto .7rem;padding:.5rem .8rem;background:#081615f0;border:1px solid rgba(0,255,204,.5);border-radius:8px;box-shadow:0 8px 22px #00000073,0 0 12px #00ffcc29;color:#e9fffa;font-size:.85rem;line-height:1.4;text-align:center}.field-notice[hidden]{display:none}.field-notice__text{margin:0}.field-notice__actions{display:flex;gap:.45rem;flex:none}.whoami{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.32rem .75rem;border:1px solid color-mix(in srgb,var(--whoami-colour) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--whoami-colour) 12%,transparent);font-size:.85rem;line-height:1.25;white-space:nowrap;max-width:100%}.whoami__dot{width:.5rem;height:.5rem;flex:none;border-radius:50%;background:var(--whoami-colour);box-shadow:0 0 6px var(--whoami-colour)}.whoami__name{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis}.whoami__role{color:var(--ink-dim)}.whoami__role:empty{display:none}.whoami--watching{--whoami-colour: #88ddff}.game-bar__group{display:inline-flex;align-items:stretch;gap:2px;max-width:100%;padding:3px;background:#ffffff0a;border:1px solid var(--line);border-radius:999px}.game-bar__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .8rem;background:transparent;color:var(--ink-dim);border:0;border-radius:999px;font-size:.85rem;line-height:1.25;white-space:nowrap}#screen-game .game-bar{container:game-bar / inline-size}@container game-bar (max-width: 46rem){.bg-pick .game-bar__word{display:none}}@container game-bar (max-width: 30rem){.game-bar__group .game-bar__btn .game-bar__word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.game-bar__group .game-bar__btn{padding-inline:.7rem}}.game-bar__btn:hover{background:#62cb3124;border-color:transparent;color:#fff}.game-bar__home{display:inline-flex;align-items:center;gap:.4rem;padding:calc(.32rem + 3px) .95rem calc(.32rem + 3px) .75rem;background:#62cb3129;color:#d9f7c9;border:1px solid rgba(98,203,49,.55);border-radius:999px;font-size:.85rem;font-weight:600;line-height:1.25;white-space:nowrap;box-shadow:0 0 12px #62cb312e;transition:background .15s ease,box-shadow .15s ease,color .15s ease}.game-bar__home:hover{background:#62cb314d;border-color:var(--accent);color:#fff;box-shadow:0 0 18px #62cb3159}.game-bar__home:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-bar__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.game-bar__icon{width:1.05rem;height:1.05rem;flex:none}#screen-game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-controls{margin-top:1rem}.key-clusters{display:flex;gap:16px;align-items:flex-end;justify-content:center;flex-wrap:wrap}.key-cluster{display:flex;flex-direction:column;align-items:center;gap:5px}.key-cluster__label{font-size:9px;color:var(--ink-dim);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}.key-row{display:flex;gap:5px}.key{width:46px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(170deg,#2e2e2e,#1d1d1d);border:1px solid #3e3e3e;border-bottom:4px solid #050505;border-radius:6px;color:#62cb31d9;font-size:15px;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-shadow:inset 0 1px #ffffff17,0 0 7px #62cb3124;transition:background .06s,border-color .06s,box-shadow .06s,transform .06s;outline:none}.key__glyph{line-height:1}.key__caption{font-size:7px;line-height:1;letter-spacing:.5px;text-transform:uppercase;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;color:#ffffff80}.key--disabled{background:linear-gradient(170deg,#222,#181818);border-color:#333;border-bottom-color:#070707;color:#555;box-shadow:inset 0 1px #ffffff0a;cursor:default}.key--disabled .key__caption{color:#4a4a4a}.key--armed{border-color:#aebfd0bf;color:#fff;animation:key-armed 1.1s ease-in-out infinite}.key--armed .key__caption{color:#ffffffd9}@keyframes key-armed{0%,to{box-shadow:inset 0 1px #ffffff17,0 0 7px #aebfd04d}50%{box-shadow:inset 0 1px #ffffff17,0 0 16px #aebfd0d9,0 0 28px #aebfd059}}@media (prefers-reduced-motion: reduce){.key--armed{animation:none;box-shadow:inset 0 1px #ffffff17,0 0 14px #aebfd0b3}}.key--active{background:linear-gradient(170deg,#1a1a1a,#222);border-color:#62cb3199;border-bottom-width:1px;color:var(--accent);box-shadow:inset 0 2px 4px #0009,0 0 12px #62cb31bf,0 0 26px #62cb314d;transform:translateY(3px)}.game-hint{max-width:62rem;margin:1rem auto 0;text-align:center;color:var(--ink-dim);font-size:.9rem}@media (max-width: 720px),(max-height: 34rem){body{padding:1rem .5rem 0}.site-title{margin-bottom:1rem}body:has(#screen-game:not([hidden])){padding-top:.5rem}body:has(#screen-game:not([hidden])) .site-title,body:has(#screen-game:not([hidden])) .site-footer{display:none}.game-bar{margin-bottom:.5rem}.game-bar__btn{padding:.3rem .6rem;font-size:.8rem;gap:.3rem}.game-bar__home{padding:calc(.3rem + 3px) .75rem calc(.3rem + 3px) .6rem;font-size:.8rem;gap:.3rem}.game-bar__icon{width:.95rem;height:.95rem}.whoami{padding:.28rem .6rem;font-size:.8rem}.whoami__role,.game-bar__share-btn .game-bar__word,#screen-game .game-hint{display:none}#screen-game:not([hidden]){display:flex;flex-direction:column;min-height:calc(100svh - 1rem)}#screen-game .game-stage{flex:1 1 0;justify-content:center;min-height:0}#screen-game .paddle-game-wrapper{display:flex;flex:1 1 0;align-items:center;justify-content:center;width:100%;min-height:0;padding:7px;border:none;box-shadow:none}#screen-game #paddle-game{width:auto!important;height:auto!important;max-width:100%;max-height:100%;aspect-ratio:var(--field-ratio, 1.286)!important;align-self:flex-end;outline:1.5px solid var(--glow);outline-offset:5px;border-radius:3px;box-shadow:0 0 12px var(--glow),0 0 32px #00ffcc38}#screen-game #paddle-game canvas{width:100%!important;height:100%!important}.game-controls{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);margin-top:.6rem;padding:.6rem .25rem;background:var(--bg);z-index:5}.key-clusters{justify-content:space-between;gap:10px}.key-clusters:not(:has(.key-cluster:nth-child(3))) .key-cluster:first-child .key-row{gap:22px}.key{width:54px;height:54px;font-size:17px}.key__caption{font-size:8px}.key-clusters:has(.key-cluster:nth-child(3)){gap:8px}.key-clusters:has(.key-cluster:nth-child(3)) .key{width:50px;height:50px}}@media (max-width: 720px) and (max-height: 760px){#screen-game .key-cluster__label{display:none}#screen-game .key{width:48px;height:48px}#screen-game .game-controls{margin-top:.35rem;padding:.35rem .25rem}}@media (max-width: 720px){body:has(#screen-game:not([hidden])){padding-left:.25rem;padding-right:.25rem}}.game-stage{display:flex;align-items:flex-start;justify-content:center;gap:.9rem}.game-side,.game-stage:after{flex:0 1 15rem;min-width:0}.game-stage:after{content:"";align-self:stretch}.game-side:empty,.game-stage:has(>.game-side:empty):after{display:none}.game-side{display:flex;flex-direction:column;gap:.55rem;padding-top:1rem}.game-side .stands__cheers{flex-direction:column;align-items:stretch;width:100%}.game-side .stands__cheers .btn{width:100%;justify-content:center}.game-side .stands__board{align-self:stretch}@media (max-width: 62rem){.game-stage{flex-direction:column;align-items:center}.game-stage:after{display:none}.game-side{position:fixed;z-index:60;left:0;right:0;bottom:0;flex:none;width:auto;max-height:min(70svh,34rem);overflow-y:auto;overscroll-behavior:contain;gap:.7rem;padding:1.35rem 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);border-top:1px solid rgba(0,255,204,.35);border-radius:14px 14px 0 0;background:var(--bg);box-shadow:0 -12px 34px #000000a6;transform:translateY(101%);visibility:hidden;transition:transform .22s ease,visibility .22s}.game-side:before{content:"";position:absolute;top:.55rem;left:50%;width:2.4rem;height:.25rem;transform:translate(-50%);border-radius:999px;background:#ffffff38}.game-side--open{transform:translateY(0);visibility:visible}.game-side .stands__cheers{flex-direction:row;flex-wrap:wrap;justify-content:center}.game-side .stands__cheers .btn{flex:1 1 8rem;width:auto}.game-side>*{width:100%;max-width:34rem;margin-inline:auto}}.side-sheet__veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000080}.side-sheet__veil[hidden]{display:none}.upright{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:1rem;background:#060808f5}.upright[hidden]{display:none}body.is-sideways{overflow:hidden}.upright__box{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:26rem;text-align:center}.upright__icon{width:3.4rem;height:3.4rem;color:var(--glow);animation:upright-turn 2.6s ease-in-out infinite}@keyframes upright-turn{0%,30%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}.upright__title{margin:0;font-size:1.05rem;font-weight:600}.upright__note{margin:0;color:var(--ink-dim);font-size:.86rem;line-height:1.45;text-wrap:pretty}.upright__anyway{margin-top:.4rem;padding:.35rem .5rem;border:none;background:none;color:var(--ink-dim);font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.upright__anyway:hover,.upright__anyway:focus-visible{color:var(--ink)}@media (prefers-reduced-motion: reduce){.upright__icon{animation:none}}.game-bar__room{position:relative;gap:.35rem}.game-bar__room[hidden]{display:none}.game-bar__share{position:relative;display:inline-flex}.game-bar__share[hidden]{display:none}.game-bar__share-eye{display:inline-flex;color:var(--accent)}.game-bar__share-eye svg{width:100%;height:100%;fill:currentColor}.game-bar__share-btn[aria-expanded=true]{background:#62cb3129;color:#fff}.share-menu{position:absolute;top:calc(100% + .45rem);left:0;z-index:6;display:grid;gap:.15rem;min-width:12.5rem;padding:.3rem;background:#121412;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #0009}.share-menu[hidden]{display:none}.share-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;background:transparent;border:0;border-radius:5px;color:var(--ink);font:inherit;font-size:.85rem;text-align:left;white-space:nowrap;cursor:pointer}.share-menu__item:hover{background:#62cb3124;color:#fff}.share-menu__item[aria-expanded=true]{background:#62cb311a;color:#fff}.share-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.share-menu__icon{display:inline-flex;flex:none;width:1rem;height:1rem;color:var(--accent)}.share-menu__icon svg{width:100%;height:100%}.share-menu__field{padding:.2rem .6rem .4rem}.share-menu .share-code{margin:.15rem .1rem .1rem;border-style:solid;border-color:var(--line)}.share-menu__field[hidden]{display:none}.share-menu__field input{width:100%;padding:.35rem .5rem;background:#0d0d0d;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:.75rem}.game-bar__room-count{font-variant-numeric:tabular-nums}.game-bar__room-count:empty{display:none}.game-bar__room--waiting:after{content:"";position:absolute;top:.05rem;right:.15rem;width:.5rem;height:.5rem;border-radius:50%;background:#ff4d4d;box-shadow:0 0 6px #ff4d4de6;animation:channel-pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.game-side{transition:none}.game-bar__room--waiting:after{animation:none}}.stands{margin-top:0;display:flex;flex-direction:column;align-items:center;gap:.6rem}.stands__row{display:flex;flex-direction:column;align-items:center;gap:.3rem}.stands__people{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.stands__person{position:relative;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#151515;display:flex;align-items:center;justify-content:center}.stands__person{border-color:#00ffcc73}.stands__person svg{width:16px;height:16px;fill:var(--glow)}.stands__person--me{border-color:var(--glow);box-shadow:0 0 0 2px #00ffcc40}.stands__person--cheering{animation:stands-hop .42s ease-out}.stands__person--cheering svg{fill:var(--accent)}@keyframes stands-hop{0%{transform:translateY(0)}35%{transform:translateY(-7px)}to{transform:translateY(0)}}.stands__puff{position:absolute;left:50%;bottom:100%;font-size:15px;pointer-events:none;animation:stands-puff 1.2s ease-out forwards}@keyframes stands-puff{0%{transform:translate(-50%) scale(.6);opacity:0}20%{transform:translate(-50%,-6px) scale(1);opacity:1}to{transform:translate(-50%,-26px) scale(1);opacity:0}}.stands__more{font-size:11px;color:var(--ink-dim);font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.stands__names{margin:0;font-size:11px;color:var(--ink-dim);text-align:center}.stands__cheers{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.invite-watch{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;padding:.55rem .7rem .7rem;border:1px solid rgba(98,203,49,.3);border-left:2px solid rgba(98,203,49,.6);border-radius:4px;background:#62cb310f}.invite-watch__icon{display:inline-flex;flex:none;width:1.15rem;height:1.15rem;color:var(--accent)}.invite-watch__icon svg{width:100%;height:100%;fill:currentColor}.invite-watch__text{flex:1 1 8rem;margin:0;color:var(--ink-dim);font-size:.83rem;line-height:1.45;text-align:left;text-wrap:pretty}.invite-watch__buttons{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.4rem}.invite-watch__buttons .btn{flex:1 1 auto;justify-content:center}.invite-watch__code-btn{flex:0 0 auto;gap:.3rem}.invite-watch__code-icon{display:inline-flex;width:1rem;height:1rem;color:var(--accent)}.invite-watch__code-icon svg{width:100%;height:100%}.invite-watch__field{flex:1 1 100%}.share-code{flex:1 1 100%;display:grid;justify-items:center;gap:.35rem;margin-top:.15rem;padding:.5rem .6rem .6rem;background:#00000059;border:1px dashed rgba(98,203,49,.4);border-radius:6px;text-align:center}.share-code[hidden]{display:none}.share-code__label{margin:0;color:var(--ink-dim);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.share-code__value{margin:0;color:var(--accent);font-family:Courier New,ui-monospace,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.22em;text-indent:.22em;-webkit-user-select:all;user-select:all}.share-code__note{margin:0;max-width:20rem;color:var(--ink-dim);font-size:.72rem;line-height:1.4;text-wrap:pretty}.invite-watch__clock{position:absolute;left:0;right:0;bottom:0;height:3px;overflow:hidden;border-radius:0 0 4px 4px;background:#62cb311f}.invite-watch__clock[hidden]{display:none}.invite-watch__clock-run{display:block;height:100%;background:#62cb31a6;transform-origin:left center;animation-name:invite-watch-run;animation-timing-function:linear;animation-fill-mode:forwards}.invite-watch__clock--held .invite-watch__clock-run{animation-play-state:paused}@keyframes invite-watch-run{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion: reduce){.invite-watch__clock-run{animation:none}}.invite-watch__field[hidden]{display:none}.invite-watch__field input{width:100%;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:#0d0d0d;color:var(--ink);font-size:.8rem}.btn--said{border-color:var(--accent);color:var(--accent)}.is-copied{position:relative;animation:copied-pop .34s ease-out}button.btn.is-copied{background:var(--accent);border-color:var(--accent);color:#08210a}.share__btn.is-copied{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px #62cb3159}.is-copied:after{content:"Copied";position:absolute;left:50%;bottom:calc(100% + .35rem);padding:.15rem .5rem;border:1px solid var(--accent);border-radius:999px;background:#0d0d0d;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none;animation:copied-rise 1.6s ease-out forwards}@keyframes copied-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes copied-rise{0%{opacity:0;transform:translate(-50%,.4rem)}18%{opacity:1;transform:translate(-50%)}75%{opacity:1;transform:translate(-50%,-.15rem)}to{opacity:0;transform:translate(-50%,-.7rem)}}@media (prefers-reduced-motion: reduce){.is-copied{animation:none}.is-copied:after{animation:none;opacity:1;transform:translate(-50%)}}.stands__cheers[hidden],.stands__ask-note[hidden]{display:none}.btn--cheer{display:inline-flex;align-items:center;gap:8px}.btn--cheer:disabled{opacity:.45;cursor:default}.btn--ask{border-color:var(--accent);color:var(--ink)}.btn--ask:disabled{border-color:var(--line)}.queue{margin:0 auto;max-width:32rem;padding:.7rem .85rem;border:1px solid var(--accent);border-radius:10px;background:#62cb3114}.queue[hidden]{display:none}.queue__line{margin:0 0 .55rem;color:var(--ink);font-size:.9rem;text-align:center}.queue__row{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.btn--small{padding:.35rem .8rem;font-size:.82rem}.stands__ask-note{margin:.2rem 0 0;padding:.55rem .7rem;border-left:2px solid rgba(0,255,204,.5);border-radius:4px;background:#00ffcc0f;color:var(--ink);font-size:.86rem;line-height:1.5;text-align:left;text-wrap:pretty}.stands__ask-note:empty{display:none}.btn__emoji{font-size:16px;line-height:1}.screen-game--watching #paddle-game canvas{pointer-events:none}.audience{width:100%;max-width:460px;margin:.9rem 0 .4rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:10px;background:#ffffff05;text-align:left}.audience__head{display:flex;align-items:center;gap:.75rem}.audience__words{flex:1;min-width:0}.audience__title{margin:0;font-weight:600;font-size:.92rem;color:var(--ink)}.audience__note{margin:.15rem 0 0;font-size:.82rem;line-height:1.4;color:var(--ink-dim)}.audience__small{margin:.5rem 0 0;font-size:.75rem;line-height:1.45;color:var(--ink-dim);opacity:.85}.audience__link{margin-top:.8rem}.audience__link[hidden]{display:none}.crowd{display:inline-flex;flex:none;align-items:center}.crowd__one{width:1.55rem;height:1.55rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#10151a;color:var(--accent)}.crowd__one+.crowd__one{margin-left:-.55rem}.crowd__one:nth-child(2){opacity:.72}.crowd__one:nth-child(3){opacity:.48}.crowd__one svg{width:.95rem;height:.95rem;fill:currentColor}.switch{position:relative;flex:none;display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.switch__track{display:block;width:2.6rem;height:1.45rem;border-radius:999px;border:1px solid var(--line);background:#ffffff12;transition:background .18s ease,border-color .18s ease}.switch__knob{display:block;width:1.05rem;height:1.05rem;margin:.15rem;border-radius:50%;background:var(--ink-dim);transition:transform .18s ease,background .18s ease}.switch input:checked+.switch__track{background:#62cb3159;border-color:var(--accent)}.switch input:checked+.switch__track .switch__knob{transform:translate(1.15rem);background:var(--accent)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.switch__track,.switch__knob{transition:none}}.watch-join__form{display:flex;flex-direction:column;gap:.8rem}.watch-join__status{margin:.6rem 0 0;font-size:12px;color:var(--wrong);min-height:1.2em}.watch-join input.is-taken{border-color:var(--wrong);box-shadow:0 0 0 1px #ff6b5e40}.lobby__arrivals-head{margin:.8rem 0 .2rem;font-size:12px;color:var(--ink-dim)}.lobby__arrivals{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.lobby__arrivals li{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px}.lobby__table{gap:.6rem;text-align:center;padding-bottom:0}.lobby__table .lobby__waiting-note{max-width:min(46ch,100%)}.lobby__plan{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.7rem;width:100%;text-align:left}.lobby__step{border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;background:#00000040;display:grid;gap:.5rem;min-width:0}.lobby__step-head{margin:0;display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:.95rem}.lobby__step-no{flex:0 0 auto;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(98,203,49,.45);background:#62cb311f;color:var(--accent);font-size:.8rem;font-weight:700}.lobby__step-why{margin:0;color:var(--ink-dim);font-size:.85rem;line-height:1.45}.lobby__step-body{display:grid;gap:.5rem;min-width:0}.lobby__idle{display:flex;justify-content:center;padding:.2rem 0}.lobby__idle[hidden]{display:none}.lobby__go{position:sticky;bottom:0;z-index:1;justify-self:stretch;padding:1.7rem 0 var(--modal-pad, 0px);background:linear-gradient(to bottom,#0d0e0d00 0,#0d0e0d 1.7rem)}.lobby__go-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.lobby__go-row .btn--quiet{padding:.6rem .9rem;font-size:.85rem}.modal__body:has([data-view=table]:not([hidden])){padding-bottom:0}.stands__board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;width:100%;max-width:44rem}.stands__board li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.3rem .35rem .3rem .6rem;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--ink-dim);font-size:.8rem}.stands__who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:3.2rem}.stands__board-me{border-color:#00ffcc8c;background:#00ffcc14;color:var(--glow)}.stands__board-playing{border-color:#0fc6}.stands__now{display:inline-flex;align-items:center;flex:none;gap:.26rem;margin-right:auto;padding:.06rem .42rem .06rem .34rem;border-radius:999px;background:#00ffcc24;color:var(--glow);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.stands__now-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;animation:stands-now-pulse 1.4s ease-in-out infinite}@keyframes stands-now-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}@media (prefers-reduced-motion: reduce){.stands__now-dot{animation:none}}.stands__tally{flex:none;padding:.1rem .5rem;border-radius:999px;background:#ffffff12;color:var(--ink);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.78rem}.stands__board-me .stands__tally{background:#00ffcc29;color:var(--glow)}@media (max-width: 64rem){.stands__board{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}}.saved-note{position:relative;margin:0;min-height:1.1rem;font-size:.78rem;line-height:1.1rem;pointer-events:none}.saved-note__idle,.saved-note__done{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .35s ease}.saved-note__idle{color:var(--ink-dim)}.saved-note__done{color:var(--accent);font-weight:600;letter-spacing:.03em;opacity:0}.saved-note__done:before{content:"✓ "}.saved-note.is-on .saved-note__idle{opacity:0}.saved-note.is-on .saved-note__done{opacity:1;transition:opacity .1s ease}@media (prefers-reduced-motion: reduce){.saved-note__idle,.saved-note__done{transition:none}}.bracket{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:44rem}.bracket[hidden]{display:none}.bracket__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.bracket__round{color:var(--glow)}.bracket__count{color:var(--ink-dim)}.bracket__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bracket__match{display:flex;flex-direction:column;gap:2px;padding:.3rem .45rem;border:1px solid var(--line);border-left-width:3px;border-radius:4px;background:#ffffff08}.bracket__match--live{border-left-color:var(--glow);background:#00ffcc12}.bracket__match--bye{border-left-color:#ffffff1f;flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:0 .4rem}.bracket__bye{font-size:.65rem;color:var(--ink-dim);font-style:italic}.bracket__who{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.78rem;color:var(--ink)}.bracket__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket__who--me .bracket__name{color:var(--glow);font-weight:600}.bracket__who--out{color:var(--ink-dim)}.bracket__who--out .bracket__name{text-decoration:line-through}.bracket__who--empty{color:var(--ink-dim);font-style:italic}.bracket__mark{flex:none;width:1.05rem;height:1.05rem;display:grid;place-items:center;border-radius:3px;font-size:.6rem;font-weight:700}.bracket__mark--won{background:#62cb3138;color:var(--accent)}.bracket__mark--lost{background:#ff6b5e29;color:var(--wrong)}.bracket-full,.champion,.nextup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:1rem;background:#080808e0;overflow:auto}.champion{background:#070707}.bracket-full[hidden],.champion[hidden],.nextup[hidden]{display:none}.bracket-full__sheet,.nextup__sheet{width:100%;min-width:0;max-width:min(46rem,100%);padding:1.4rem 1.2rem;text-align:center;background:#0e0e0ef7;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #0009}.champion__sheet{width:100%;min-width:0;max-width:min(46rem,100%);text-align:center}.bracket-full__title{margin:0 0 1.1rem;font-size:clamp(1rem,3vw,1.35rem);font-weight:600;color:var(--ink)}.bracket-full__title:empty{display:none}.bracket-full__grid{display:flex;gap:1.1rem;align-items:center;justify-content:safe center;min-width:0;overflow-x:auto;padding-bottom:.4rem}.bracket-full__grid--more{-webkit-mask-image:linear-gradient(to right,#000 82%,rgba(0,0,0,.15));mask-image:linear-gradient(to right,#000 82%,#00000026)}.bracket-full__col{flex:none;display:flex;flex-direction:column;justify-content:space-around;gap:.7rem;min-width:10rem}.bracket-full__col-head{margin:0;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.bracket-full__match{display:flex;flex-direction:column;gap:2px;padding:.25rem;border:1px solid var(--line);border-radius:4px;background:#ffffff08}.bracket-full__match--live{border-color:var(--glow);box-shadow:0 0 0 1px #00ffcc40}.bracket-full__side{padding:.34rem .55rem;border-radius:3px;font-size:.88rem;color:var(--ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-full__side--won{background:#62cb3129;color:var(--accent);font-weight:600}.bracket-full__side--out{color:var(--ink-dim);text-decoration:line-through}.bracket-full__side--me{box-shadow:inset 0 0 0 1px #0fc6}.bracket-full__side--bye,.bracket-full__side--empty{color:var(--ink-dim);font-style:italic}.bracket-full__note{margin:1.2rem 0 0;font-size:clamp(.95rem,2.6vw,1.15rem);font-weight:600;color:var(--glow)}.bracket-full__note:empty{display:none}@media (max-width: 30rem){.bracket-full__col{min-width:7.5rem}.bracket-full__grid{gap:.7rem}.bracket-full__side{font-size:.8rem}}.champion__sheet{position:relative;z-index:1}.champion__crown{margin:0 auto .5rem;width:4rem;color:gold}.champion__crown svg{width:100%;height:auto}.champion__name{margin:0;font-size:clamp(2rem,9vw,4rem);line-height:1.05;font-weight:700;color:var(--glow);overflow-wrap:anywhere}.champion__what{margin:.2rem 0 0;font-size:clamp(.95rem,3vw,1.3rem);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.champion__how{margin:1rem 0 0;font-size:.9rem;color:var(--ink-dim)}.champion__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.champion__flake{position:absolute;top:-6vh;display:block;border-radius:1px;animation-name:champion-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes champion-fall{0%{transform:translateZ(0) rotate(0);opacity:1}to{transform:translate3d(var(--drift, 0),112vh,0) rotate(var(--spin, 360deg));opacity:.9}}.nextup__title{margin:0;font-size:clamp(1.2rem,4vw,1.8rem);color:var(--ink)}.nextup__clock{margin:.6rem 0 1.2rem;font-size:2.6rem;font-weight:700;line-height:1;color:var(--glow);font-variant-numeric:tabular-nums}.nextup__buttons{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.btn--picked{box-shadow:0 0 0 2px var(--glow)}.nextup__waiting{margin:1.1rem 0 0;font-size:.9rem;color:var(--ink-dim);min-height:1.2em}.nextup__aside{margin:.8rem 0 0;font-size:.85rem;color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){.champion__flake{animation:none;display:none}}.chrome-title{position:relative;display:inline-block;font-size:clamp(1.7rem,6vw,2.9rem);font-family:Arial Black,Arial Bold,Impact,Haettenschweiler,system-ui,sans-serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.05;color:#3a1a7a;text-shadow:1px 1px 0 #35176e,2px 2px 0 #2e1461,3px 3px 0 #271152,4px 4px 0 #200e43,5px 5px 0 #190b34,6px 7px 10px rgba(0,0,0,.55);filter:drop-shadow(0 1px 12px rgba(150,90,255,.55)) drop-shadow(0 0 34px rgba(0,190,255,.28))}.chrome-title:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;text-shadow:none;background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.34) 0,rgba(0,0,0,.34) 1px,transparent 1px,transparent 3px),linear-gradient(180deg,#ffe9fb,#f6a9ff 14%,#b96bff 34%,#7a4bf0 49.4%,#fff,#6fe4ff 50.6%,#2fa8f5 68%,#2f4fd8 86%,#23268f);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.6px rgba(216,240,255,.5)}.chrome-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;text-shadow:none;-webkit-text-stroke:0;background-image:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.9) 47%,rgba(255,255,255,.9) 50%,transparent 59%);background-size:260% 100%;background-position:190% 0;-webkit-background-clip:text;background-clip:text;animation:chrome-title-sheen 9s ease-in-out infinite}@keyframes chrome-title-sheen{0%{background-position:190% 0}28%,to{background-position:-70% 0}}.chrome-title__tag{display:block;margin-top:.3rem;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.42em;text-indent:.42em;color:#ff5fd2;text-shadow:0 0 10px rgba(255,60,200,.75),0 0 22px rgba(255,60,200,.35)}@media (prefers-reduced-motion: reduce){.chrome-title:after{content:none}}.theme-picker{--picker-accent: var(--accent, #00ffcc);position:relative;display:inline-block;text-align:left;font:inherit}.theme-picker__button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.4rem .6rem;background:#131313;color:inherit;border:1px solid rgba(255,255,255,.18);border-radius:4px;font:inherit;cursor:pointer;text-align:left}.theme-picker__button:hover,.theme-picker__button[aria-expanded=true]{border-color:var(--picker-accent)}.theme-picker__button:focus-visible,.theme-picker__option:focus-visible{outline:2px solid var(--picker-accent);outline-offset:1px}.theme-picker__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-picker__caret{color:var(--picker-accent);font-size:.8em}.theme-picker__thumb{display:block;flex-shrink:0;border:1px solid rgba(255,255,255,.22);border-radius:2px}.theme-picker__list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;width:max-content;min-width:100%;max-width:min(90vw,22rem);max-height:17rem;overflow-y:auto;overflow-x:hidden;margin:0;padding:4px;list-style:none;background:#0f0f0f;border:1px solid var(--picker-accent);border-radius:4px;box-shadow:0 8px 24px #0009}.theme-picker__list[hidden]{display:none}.theme-picker__option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.35rem .5rem;background:transparent;color:inherit;border:1px solid transparent;border-radius:3px;font:inherit;text-align:left;cursor:pointer;white-space:nowrap}.theme-picker__option:hover,.theme-picker__option[data-current=true]{background:#ffffff0f;border-color:var(--picker-accent)}.theme-picker__option[aria-selected=true] .theme-picker__label{color:var(--picker-accent)}.meter{position:fixed;z-index:60;top:.6rem;right:.6rem;min-width:11rem;margin:0;padding:.5rem .6rem;color:#d8f5c8;background:#000000d1;border:1px solid rgba(98,203,49,.55);border-radius:6px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.72rem;line-height:1.45;cursor:pointer;pointer-events:none}.meter[hidden]{display:none}.meter__head{display:flex;justify-content:space-between;gap:.8rem;margin:0 0 .3rem;padding-bottom:.3rem;border-bottom:1px solid rgba(98,203,49,.3);color:#62cb31;font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto}.meter__rows{display:grid;grid-template-columns:auto auto;gap:0 .7rem;margin:0}.meter__rows dt{color:#8fbf7a}.meter__rows dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.meter__rows dd[data-bad=true]{color:#ff6b6b;font-weight:700}.guide{--guide-accent: #00ffcc;--guide-text: #bbb;--guide-text-dim: #888;--guide-heading: #ddd;--guide-line: #2a2a2a;--guide-panel: rgba(0, 0, 0, .25);--guide-code: #e6e990;--guide-up: #62cb31;--guide-down: #e84040;--guide-font: "Courier New", Courier, monospace;font-family:var(--guide-font);color:var(--guide-text)}.guide__section{margin-bottom:22px}.guide__section:last-child{margin-bottom:0}.guide__title{font-size:14px;color:var(--guide-accent);margin:0 0 10px;letter-spacing:1px}.guide__text{font-size:12px;line-height:1.7;margin:0 0 10px}.guide__list{margin:0 0 4px;padding:0 0 0 18px;font-size:12px;line-height:1.7}.guide__list li{margin-bottom:7px}.guide code{background:#ffffff0a;border:1px solid var(--guide-line);border-radius:3px;padding:1px 5px;color:var(--guide-code);font-size:11px;font-family:var(--guide-font)}.guide__key{display:inline-block;min-width:20px;height:20px;line-height:19px;padding:0 4px;text-align:center;font-size:10px;background:linear-gradient(170deg,#2e2e2e,#1d1d1d);border:1px solid #3e3e3e;border-bottom:3px solid #050505;border-radius:3px;color:var(--guide-accent);font-family:var(--guide-font);vertical-align:middle;margin:0 1px}.guide__item{border:1px solid var(--guide-line);border-radius:4px;padding:14px 16px;margin-bottom:12px;background:var(--guide-panel)}.guide__item:last-child{margin-bottom:0}.guide__item-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.guide__item-head h4{font-size:12px;color:var(--guide-accent);margin:0;letter-spacing:.5px}.guide__item-config{font-size:10px;color:var(--guide-text-dim);font-weight:400;letter-spacing:0}.guide__item-config code{color:var(--guide-text-dim);font-size:10px}.guide__item p{font-size:12px;color:var(--guide-text-dim);line-height:1.6;margin:0}.guide__canvas{flex-shrink:0;display:block;border-radius:3px;background:#0006}.guide__legend{margin-bottom:18px}.guide__legend:last-child{margin-bottom:0}.guide__legend-title{font-size:11px;margin:0 0 10px;letter-spacing:1px;text-transform:uppercase}.guide__legend-title--up{color:var(--guide-up)}.guide__legend-title--down{color:var(--guide-down)}.guide__legend-grid{display:flex;flex-direction:column;gap:10px}.guide__entry{display:flex;align-items:center;gap:12px;background:var(--guide-panel);border:1px solid var(--guide-line);border-radius:4px;padding:10px 12px}.guide__entry canvas{flex-shrink:0;display:block}.guide__entry-info{display:flex;flex-direction:column;gap:3px}.guide__entry-name{font-size:11px;color:var(--guide-heading);font-weight:700;letter-spacing:.3px}.guide__entry-desc{font-size:11px;color:var(--guide-text-dim);line-height:1.5}.tip{--arrow-x: 50%;position:absolute;z-index:1000;max-width:16rem;padding:.42rem .7rem;font-family:system-ui,sans-serif;font-size:.78rem;line-height:1.35;color:#e9fffa;background:#081615f0;border:1px solid rgba(0,255,204,.5);border-radius:8px;box-shadow:0 8px 22px #0000008c,0 0 12px #00ffcc2e;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .14s ease-out,transform .14s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tip[hidden]{display:none}.tip.is-shown{opacity:1;transform:none}.tip.is-above{transform:translateY(3px)}.tip.is-above.is-shown{transform:none}.tip:before{content:"";position:absolute;top:-5px;left:var(--arrow-x);width:8px;height:8px;margin-left:-4px;background:inherit;border-top:1px solid rgba(0,255,204,.5);border-left:1px solid rgba(0,255,204,.5);transform:rotate(45deg)}.tip.is-above:before{top:auto;bottom:-5px;transform:rotate(225deg)}@media (prefers-reduced-motion: reduce){.tip{transition:none;transform:none}}#screen-game .game-bar{justify-content:space-between;width:var(--bar-width, auto);max-width:100%;margin-inline:auto}.deck{--deck-pink: #ff4fd8;--deck-violet: #8a5cff;--deck-cyan: var(--glow, #00ffcc);--deck-ink: #efe9ff;--deck-dim: #a79fc0;position:relative;margin-left:auto;z-index:110;display:flex;flex-direction:column;align-items:flex-end;font-family:system-ui,sans-serif;color:var(--deck-ink)}.deck[hidden],.deck--below .deck__chip-word{display:none}.deck--below .deck__chip{gap:.35rem;padding:.3rem .55rem}.deck--below .deck__dock .deck__skip{width:30px}.deck--below .deck__dock .deck__mute,.deck--below .deck__dock .deck__sound{width:36px}.deck--below .deck__dock .deck__mute svg,.deck--below .deck__dock .deck__sound svg{width:20px;height:20px}.deck__dock{display:inline-flex;align-items:stretch;padding:3px;background:#061a18eb;border:1px solid rgba(0,255,204,.55);border-radius:999px;box-shadow:0 6px 24px #00000080,0 0 14px #00ffcc2e;transition:box-shadow .15s,border-color .15s}.deck__dock:hover{border-color:var(--deck-cyan);box-shadow:0 8px 26px #0000008c,0 0 20px #00ffcc52}.deck.is-open .deck__expand{rotate:180deg}.deck__chip,.deck__skip{display:inline-flex;align-items:center;color:var(--deck-ink);background:none;border:0;font:inherit;cursor:pointer;transition:color .15s,background .15s}.deck__chip{gap:.5rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;box-shadow:inset 1px 0 #ffffff14,inset -1px 0 #ffffff14}.deck__dock .deck__skip{justify-content:center;width:34px;height:auto;border-radius:999px;color:var(--deck-dim)}.deck__dock .deck__skip svg{width:15px;height:15px}.deck__dock .deck__mute{width:42px;margin-left:2px;color:var(--deck-ink);box-shadow:inset 0 0 0 1px #00ffcc59}.deck__dock .deck__mute svg{width:22px;height:22px}.deck__dock .deck__mute:hover{box-shadow:inset 0 0 0 1px var(--deck-cyan),0 0 10px #00ffcc59}.deck.is-silent .deck__dock .deck__mute{color:var(--deck-pink);box-shadow:inset 0 0 0 1px #ff4fd88c;background:#ff4fd81f}.deck.is-silent .deck__mini i{opacity:.35}.deck__dock .deck__sound{width:42px;margin-left:4px;color:var(--deck-ink);box-shadow:inset 0 0 0 1px #00ffcc59;position:relative}.deck__dock .deck__sound:before{content:"";position:absolute;left:-4px;top:22%;bottom:22%;width:1px;background:#ffffff24}.deck__dock .deck__sound svg{width:22px;height:22px}.deck__dock .deck__sound:hover{box-shadow:inset 0 0 0 1px var(--deck-cyan),0 0 10px #00ffcc59}.deck__sound .deck__cross{display:none}.deck__sound.is-off .deck__cross{display:block}.deck__sound.is-off .deck__wave1,.deck__sound.is-off .deck__wave2{display:none}.deck__dock .deck__sound.is-off{color:var(--deck-pink);box-shadow:inset 0 0 0 1px #ff4fd88c;background:#ff4fd81f}.deck__dock .deck__toggle{color:var(--deck-ink)}.deck__dock .deck__toggle svg{width:17px;height:17px}.deck__chip:hover,.deck__dock .deck__skip:hover{color:#fff;background:#ffffff12}.deck__chip:focus-visible,.deck__dock .deck__skip:focus-visible{outline:2px solid var(--deck-cyan);outline-offset:1px}.deck__expand{width:14px;height:14px;margin-left:-.15rem;color:var(--deck-cyan);filter:drop-shadow(0 0 4px rgba(0,255,204,.6));transition:transform .2s ease-out}.deck__chip:hover .deck__expand,.deck__chip:focus-visible .deck__expand{transform:translateY(-3px)}.deck.is-new .deck__expand{animation:deck-hop 1.1s ease-in-out 1.2s 4}@keyframes deck-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.deck__mini{display:inline-flex;align-items:flex-end;gap:2px;height:18px}.deck__mini i{display:block;width:3.5px;height:100%;border-radius:1px;background:linear-gradient(to top,#62cb31,var(--deck-cyan) 50%,#3aa8ff);box-shadow:0 0 6px #00ffcc59;transform-origin:bottom;transform:scaleY(.2)}.deck[data-state=waiting] .deck__dock{animation:deck-call-mint 1.8s ease-in-out infinite}@keyframes deck-call-mint{0%,to{box-shadow:0 6px 24px #00000080,0 0 10px #00ffcc26}50%{box-shadow:0 6px 24px #00000080,0 0 24px #00ffcc8c}}@keyframes deck-call{0%,to{box-shadow:0 6px 24px #00000080,0 0 12px #ff4fd840}50%{box-shadow:0 6px 24px #00000080,0 0 28px #ff4fd8b3}}.deck__panel{display:none;position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 32px));padding:.55rem .7rem .6rem;background:linear-gradient(170deg,#221038e6,#0b0a16f0 55%,#061214f0) padding-box,linear-gradient(135deg,var(--deck-pink),var(--deck-violet) 40%,var(--deck-cyan)) border-box;border:1px solid transparent;border-radius:14px;box-shadow:0 14px 40px #0009,0 0 26px #8a5cff38,inset 0 1px #ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.deck.is-open .deck__panel{display:block;animation:deck-in .22s ease-out}@keyframes deck-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.deck__head{display:flex;align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--deck-dim)}.deck__led{width:7px;height:7px;border-radius:50%;background:#3a3350;transition:background .2s,box-shadow .2s}.deck[data-state=playing] .deck__led{background:#62cb31;box-shadow:0 0 8px #62cb31}.deck[data-state=waiting] .deck__led{background:var(--deck-pink);box-shadow:0 0 8px var(--deck-pink);animation:deck-blink 1s steps(2,jump-none) infinite}@keyframes deck-blink{50%{opacity:.25}}.deck__style{color:var(--deck-pink);font-weight:700}.deck__count{margin-left:auto;font-variant-numeric:tabular-nums}.deck__fold{display:grid;place-items:center;width:26px;height:26px;margin:-4px -6px -4px 0;padding:0;color:var(--deck-dim);background:none;border:0;border-radius:6px;cursor:pointer}.deck__fold svg{width:18px;height:18px}.deck__fold:hover{color:var(--deck-ink);background:#ffffff0f}.deck__fold:focus-visible{outline:2px solid var(--deck-cyan);outline-offset:1px}.deck__screen{position:relative;height:50px;padding:5px 6px 0;overflow:hidden;background:radial-gradient(120% 90% at 50% 120%,rgba(138,92,255,.22),transparent 60%),#07060d;border:1px solid rgba(138,92,255,.28);border-radius:8px;box-shadow:inset 0 0 18px #000c}.deck__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.deck__eq{display:block;width:100%;height:100%}.deck__title{margin:.4rem 0 .1rem;overflow:hidden;white-space:nowrap;font-size:.88rem;font-weight:700;letter-spacing:.02em;text-shadow:0 0 12px rgba(255,79,216,.35);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,transparent 0,#000 6px,#000 calc(100% - 12px),transparent)}.deck__title span{display:inline-block;padding-left:6px}.deck__title.is-long span{animation:deck-marquee 9s ease-in-out infinite alternate}@keyframes deck-marquee{0%,18%{transform:translate(0)}82%,to{transform:translate(calc(-1 * var(--over, 0px) - 12px))}}.deck__time{display:flex;align-items:center;gap:.55rem}.deck__clock{min-width:2.4em;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--deck-dim)}.deck__clock:last-child{text-align:right}.deck__bar{--p: 0;position:relative;flex:1;height:18px;cursor:pointer;touch-action:none}.deck__bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;translate:0 -50%;border-radius:2px;background:#ffffff1a}.deck__fill{position:absolute;left:0;right:0;top:50%;height:4px;translate:0 -50%;border-radius:2px;background:linear-gradient(90deg,#62cb31,var(--deck-cyan) 50%,var(--deck-pink));box-shadow:0 0 8px #00ffcc73;transform-origin:left;transform:scaleX(0)}.deck__knob{position:absolute;top:50%;left:calc(var(--p) * 100%);width:12px;height:12px;translate:-50% -50%;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--deck-pink);opacity:0;transition:opacity .15s}.deck__bar:hover .deck__knob,.deck__bar:focus-visible .deck__knob{opacity:1}.deck__bar:focus-visible{outline:2px solid var(--deck-cyan);outline-offset:2px;border-radius:4px}.deck__controls{display:flex;align-items:center;gap:.35rem;margin-top:.25rem}.deck__btn{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;color:var(--deck-ink);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .1s}.deck__btn svg{width:15px;height:15px}.deck__btn:hover{color:#fff;border-color:var(--deck-cyan);box-shadow:0 0 12px #00ffcc59}.deck__btn:active{transform:scale(.94)}.deck__btn:focus-visible{outline:2px solid var(--deck-cyan);outline-offset:2px}.deck__btn--play{width:40px;height:40px;color:#140822;background:linear-gradient(140deg,var(--deck-pink),var(--deck-violet) 55%,var(--deck-cyan));border:0;box-shadow:0 0 16px #ff4fd873}.deck__btn--play svg{width:19px;height:19px}.deck__btn--play:hover{color:#000;box-shadow:0 0 24px #ff4fd8b3}.deck__icon-pause,.deck__spinner,.deck[data-state=playing] .deck__icon-play{display:none}.deck[data-state=playing] .deck__icon-pause{display:block}.deck[data-state=loading] .deck__icon-play{display:none}.deck[data-state=loading] .deck__spinner{display:block;width:20px;height:20px;border:2px solid rgba(20,8,34,.3);border-top-color:#140822;border-radius:50%;animation:deck-spin .7s linear infinite}.deck[data-state=loading] .deck__dock .deck__spinner{width:14px;height:14px;border-color:#ffffff40;border-top-color:var(--deck-cyan)}.deck[data-state=waiting] .deck__dock .deck__toggle{color:var(--deck-cyan)}@keyframes deck-spin{to{transform:rotate(360deg)}}.deck[data-state=waiting] .deck__btn--play{animation:deck-call 1.8s ease-in-out infinite}.deck__vol{display:flex;align-items:center;gap:.3rem;flex:1;min-width:0;margin-left:.3rem}.deck__mute{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;color:var(--deck-dim);background:none;border:0;border-radius:6px;cursor:pointer}.deck__mute svg{width:20px;height:20px}.deck__mute:hover{color:var(--deck-ink)}.deck__mute:focus-visible{outline:2px solid var(--deck-cyan);outline-offset:1px}.deck__mute .deck__cross{display:none}.deck__mute[data-level="0"] .deck__cross{display:block;color:var(--deck-pink)}.deck__mute[data-level="0"] .deck__wave1,.deck__mute[data-level="0"] .deck__wave2,.deck__mute[data-level="1"] .deck__wave2{display:none}.deck__volume{--v: 50%;flex:1;min-width:0;height:18px;margin:0;background:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.deck__volume::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--deck-violet),var(--deck-pink) var(--v),rgba(255,255,255,.1) var(--v))}.deck__volume::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--deck-violet),var(--deck-pink) var(--v),rgba(255,255,255,.1) var(--v))}.deck__volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--deck-pink)}.deck__volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--deck-pink)}.deck__volume:focus-visible{outline:2px solid var(--deck-cyan);outline-offset:2px;border-radius:4px}.deck__hint{margin:.55rem 0 0;font-size:.74rem;line-height:1.35;color:var(--deck-dim)}.deck__hint[hidden]{display:none}@media (max-width: 40rem){.deck__screen{height:44px}}.deck--below{margin:10px auto 0;align-items:center}.deck--below .deck__panel{top:auto;bottom:calc(100% + 8px);right:auto;left:50%;translate:-50% 0}@media (prefers-reduced-motion: reduce){.deck__title.is-long span,.deck[data-state=waiting] .deck__dock,.deck[data-state=waiting] .deck__btn--play,.deck[data-state=waiting] .deck__led,.deck.is-open .deck__panel,.deck.is-new .deck__expand{animation:none}.deck__expand,.deck__mini i{transition:none}}.bg-pick{position:relative;display:inline-flex}.bg-pick__button{cursor:pointer}.bg-pick__caret{width:.85rem;height:.85rem;margin-left:-.1rem;opacity:.75;transition:rotate .18s ease-out}.bg-pick__button[aria-expanded=true]{color:#fff;background:#00ffcc1f}.bg-pick__button[aria-expanded=true] .bg-pick__caret{rotate:180deg}.bg-pick__panel{position:absolute;top:calc(100% + 10px);left:-3px;z-index:120;width:min(21rem,calc(100vw - 24px));padding:.55rem;background:#081214f5;border:1px solid rgba(0,255,204,.5);border-radius:12px;box-shadow:0 16px 40px #000000a6,0 0 18px #00ffcc29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:bg-pick-in .16s ease-out}.bg-pick__panel[hidden]{display:none}@keyframes bg-pick-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bg-pick__panel:before{content:"";position:absolute;top:-6px;left:var(--arrow-left, 1.6rem);width:10px;height:10px;background:inherit;border-top:1px solid rgba(0,255,204,.5);border-left:1px solid rgba(0,255,204,.5);transform:rotate(45deg)}.bg-pick__head{margin:.1rem .35rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--glow, #00ffcc)}.bg-pick__head span{display:block;margin-top:.15rem;font-weight:400;letter-spacing:0;text-transform:none;font-size:.76rem;color:var(--ink-dim, #9a9a9a)}.bg-pick__list{display:grid;gap:3px;max-height:min(34rem,calc(100vh - 12rem));margin:0;padding:0;overflow-y:auto;list-style:none}.bg-pick__option{display:flex;align-items:center;gap:.7rem;width:100%;padding:.35rem .45rem;color:var(--ink, #e8e8e8);background:transparent;border:1px solid transparent;border-radius:8px;font:inherit;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.bg-pick__option:hover,.bg-pick__option:focus-visible{background:#00ffcc14;border-color:#00ffcc59;outline:none}.bg-pick__option[data-current=true]{background:#00ffcc1f;border-color:#0fc9}.bg-pick__thumb{flex:none;display:block;border:1px solid rgba(255,255,255,.18);border-radius:5px;box-shadow:0 2px 8px #00000080}.bg-pick__option[data-current=true] .bg-pick__thumb{border-color:var(--glow, #00ffcc);box-shadow:0 0 10px #00ffcc59}.bg-pick__text{display:flex;flex-direction:column;flex:1;min-width:0;gap:.1rem}.bg-pick__label{font-size:.88rem;font-weight:600}.bg-pick__note{font-size:.74rem;line-height:1.3;color:var(--ink-dim, #9a9a9a)}.bg-pick__check{flex:none;width:18px;height:18px;color:var(--glow, #00ffcc);opacity:0}.bg-pick__option[data-current=true] .bg-pick__check{opacity:1}@media (prefers-reduced-motion: reduce){.bg-pick__panel{animation:none}.bg-pick__caret{transition:none}}