: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__shooter{position:absolute;display:block;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #ffffffb3;opacity:0;transform:rotate(var(--angle, 30deg));animation-name:sky-shoot;animation-timing-function:linear;animation-iteration-count:infinite}.sky__shooter:after{content:"";position:absolute;top:0;right:1px;width:90px;height:1px;transform-origin:right center;background:linear-gradient(270deg,rgba(255,255,255,.85),transparent)}@keyframes sky-shoot{0%,96%{opacity:0;transform:rotate(var(--angle, 30deg)) translateZ(0)}96.5%{opacity:1}99.4%{opacity:.9}to{opacity:0;transform:rotate(var(--angle, 30deg)) translate3d(var(--reach, 500px),0,0)}}@media (prefers-reduced-motion: reduce){.sky__haze,.sky__layer,.sky__twinkle,.sky__glow{animation:none}.sky__shooter{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}.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{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem 1rem .9rem;text-align:center;background:linear-gradient(170deg,#181a18e6,#0f0f0fe6);color:inherit;border:1px solid var(--line);border-radius:8px;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.mode-card:hover:not(:disabled),.mode-card:focus-visible{border-color:var(--accent);box-shadow:0 0 16px #62cb3133;transform:translateY(-2px);outline:none}.mode-card__title{font-weight:600;font-size:.95rem}.mode-card__note{color:var(--ink-dim);font-size:.82rem;line-height:1.35}.mode-card--soon{opacity:.45;cursor:default}@media (max-width: 29rem){.mode-select__options{gap:.5rem}.mode-card{display:grid;grid-template-columns:5.2rem 1fr;grid-template-areas:"icon title" "icon note" "icon counts";align-items:center;gap:0 .75rem;padding:.6rem .85rem;text-align:left}.mode-card .mode-icon{grid-area:icon;width:100%;height:24px;margin-bottom:0}.mode-card__title{grid-area:title}.mode-card__note{grid-area:note;font-size:.78rem}.mode-card__counts{grid-area:counts;justify-content:flex-start;margin-top:.3rem}.mode-card__live{margin-top:0}}.mode-card__counts{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.mode-card__live{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;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__note{margin:0;color:var(--ink-dim);font-size:.82rem}.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:#8f8f8f}.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{margin:.9rem 0 0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#6a6a6a}.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{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}.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{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:-.3rem 0 -.2rem;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{color:var(--ink-dim);background:none;border:0;border-radius:4px;cursor:pointer}.lobby__crumb--back:hover,.lobby__crumb--back:focus-visible{color:var(--crumb, var(--accent));text-decoration:underline}.lobby__crumb--back:focus-visible{outline:2px solid var(--crumb, var(--accent));outline-offset:2px;text-decoration:none}.lobby__crumb-arrow{width:.9em;height:.9em;flex:none}.lobby__crumb-sep{color:var(--ink-dim)}.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[data-route=invite]{--choice: #00ffcc;--choice-soft: rgba(0, 255, 204, .12);--choice-strong: rgba(0, 255, 204, .34)}.choice[data-route=fun]{--choice: #ff9f43;--choice-soft: rgba(255, 159, 67, .13);--choice-strong: rgba(255, 159, 67, .36)}.choice[data-route=table]{--choice: #ffd700;--choice-soft: rgba(255, 215, 0, .12);--choice-strong: rgba(255, 215, 0, .34)}.choice[data-route=code]{--choice: #b46bff;--choice-soft: rgba(180, 107, 255, .14);--choice-strong: rgba(180, 107, 255, .38)}.choice{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;width:100%;padding:.85rem 1rem;text-align:left;color:inherit;background:#ffffff05;border:1px solid var(--line);border-left:3px solid var(--choice, var(--accent));border-radius:8px;font:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.choice:hover,.choice:focus-visible{background:var(--choice-soft, rgba(98, 203, 49, .06));border-color:var(--choice, var(--accent));box-shadow:0 0 14px var(--choice-strong, rgba(98, 203, 49, .18));outline:none}.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__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);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.7rem .8rem;background:#ffffff05;border:1px solid var(--line);border-left:3px solid var(--choice);border-radius:6px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.code-do__go[data-action=watch-code]{--choice: #00ffcc;--choice-soft: rgba(0, 255, 204, .12);--choice-strong: rgba(0, 255, 204, .34)}.code-do__go:hover,.code-do__go:focus-visible{background:var(--choice-soft);border-color:var(--choice);box-shadow:0 0 14px var(--choice-strong);outline:none}.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}.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}.game-bar__btn:hover{background:#62cb3124;border-color:transparent;color:#fff}.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__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:center;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}}.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__steps{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.7rem;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}