:root{--night:#1d1433;--bluff:#3b2a5c;--dusk:#6b3a6e;--flare:#ff7a3d;--yolk:#ffc629;--red:#e63b2e;--fog:#cfc6e0;--feather:#fff6e8;--ink:#140d24;--display:"Shrikhand", "Archivo", cursive;--ui:"Archivo", system-ui, sans-serif;--step--1:clamp(.8rem, .76rem + .2vw, .9rem);--step-0:clamp(1rem, .95rem + .25vw, 1.125rem);--step-1:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--step-2:clamp(1.6rem, 1.4rem + 1vw, 2.2rem);--step-3:clamp(2.2rem, 1.8rem + 2vw, 3.6rem);--step-4:clamp(3rem, 2.2rem + 4vw, 6rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--feather);font-family:var(--ui);font-stretch:87.5%;font-size:var(--step-0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}#app{min-height:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--yolk);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wordmark{font-family:var(--display);font-weight:400;font-size:var(--step-4);color:var(--yolk);text-shadow:.05em .05em 0 var(--red), .1em .1em 0 var(--ink);transform-origin:0 100%;letter-spacing:-.01em;margin:0;line-height:.88;transform:rotate(-4deg)}.btn{background:var(--bluff);min-height:3rem;color:var(--feather);box-shadow:0 .2em 0 var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.7em 1.4em;font-weight:800;font-stretch:100%;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:0 .05em 0 var(--ink);transform:translateY(.15em)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-yolk{background:var(--yolk);color:var(--ink);box-shadow:0 .2em 0 var(--red)}.btn-ghost{box-shadow:inset 0 0 0 2px var(--bluff);background:0 0}.field{font-weight:700;font-size:var(--step--1);color:var(--fog);gap:.3rem;display:grid}.field input{border:2px solid var(--bluff);min-height:3.2rem;font-size:var(--step-1);color:var(--feather);background:#140d2499;border-radius:.8rem;padding:.5em .8em;font-weight:800}.field input:focus{border-color:var(--yolk);outline:none}.field-code input{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;font-weight:400}.error{color:var(--flare);min-height:1.4em;margin:0;font-weight:700}.chip{background:#140d24a6;border-radius:999px;align-items:center;gap:.45em;padding:.3em .8em .3em .35em;font-weight:800;transition:background .12s,color .12s;display:inline-flex}.chip:before{content:"";background:var(--c,var(--fog));border-radius:50%;width:1.1em;height:1.1em;box-shadow:inset 0 -.15em #00000040}.chip.is-holding{background:var(--yolk);color:var(--ink)}.chip.is-away{opacity:.45}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.standings{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.standings li{font-variant-numeric:tabular-nums;background:#140d2499;border-radius:.6rem;grid-template-columns:1.1em 1fr auto auto;align-items:center;gap:.6em;padding:.35em .7em;display:grid}.standings .dot{background:var(--c);border-radius:50%;width:1em;height:1em}.standings .name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.standings .gain{color:var(--fog);font-weight:700}.standings .gain.is-bonus{color:var(--yolk)}.standings .gain.is-roasted{color:var(--red)}.standings .total{text-align:right;min-width:3ch;font-size:1.15em;font-weight:900}.standings li.is-me{box-shadow:inset 0 0 0 2px var(--yolk)}.awards{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.awards li{gap:.05rem;display:grid}.awards .title{font-family:var(--display);color:var(--flare);font-size:var(--step-1);line-height:1.1}.awards .who{font-weight:900}.awards .detail{color:var(--fog);font-size:var(--step--1)}body:has(.landing){background:radial-gradient(70rem 32rem at 70% -10%, #ff7a3d4d, transparent 70%), var(--night);background-attachment:fixed}.landing{min-height:100dvh;padding:max(2.5rem, env(safe-area-inset-top)) 1rem 3rem;align-content:start;gap:2rem;max-width:30rem;margin:0 auto;display:grid}.landing .tagline{font-size:var(--step-1);color:var(--fog);max-width:22em;margin:0;font-weight:700}.landing form{gap:1rem;display:grid}.landing .host{gap:.6rem;display:grid}.landing .host p{color:var(--fog);margin:0;font-weight:700}.landing .lan{align-items:center;gap:1rem;display:flex}.landing .lan[hidden]{display:none}.landing .lan canvas{aspect-ratio:1;border-radius:.75rem;flex:none;width:8rem;height:auto}.landing .lan p{color:var(--fog);margin:0;font-weight:700}.landing .lan b{color:var(--feather);overflow-wrap:anywhere}.how summary{cursor:pointer;color:var(--yolk);font-weight:800}.how ol{color:var(--fog);gap:.4rem;margin:.6rem 0 0;padding-left:1.2em;display:grid}.play{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;height:100dvh;padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,38%) auto 1fr;display:grid;overflow:hidden}.play .bar{padding:max(.6rem, env(safe-area-inset-top)) 1rem .6rem;justify-content:space-between;align-items:center;gap:1rem;font-weight:800;display:flex}.play .bar .code{font-family:var(--display);color:var(--yolk);letter-spacing:.08em;font-weight:400}.play .bar .round{white-space:nowrap;color:var(--fog)}.play .bar .round:empty{display:none}.play .bar .me{white-space:nowrap;align-items:center;gap:.4em;min-width:0;display:flex;overflow:hidden}.play .bar .me:before{content:"";background:var(--c);border-radius:50%;flex:none;width:.9em;height:.9em}.play .bar .score{font-variant-numeric:tabular-nums;color:var(--yolk)}.stage{min-height:0;position:relative}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage .overlay{opacity:0;pointer-events:none;background:#1d1433ed;border-radius:.9rem;max-height:calc(100% - 1.2rem);padding:.5rem;position:absolute;inset:auto .6rem .6rem;overflow:auto;transform:translateY(.5rem)}.stage .overlay.is-shown{opacity:1;transition:opacity .3s,transform .3s;transform:none}.status{text-align:center;font-size:var(--step-1);text-wrap:balance;min-height:3.6em;margin:0;padding:.8rem 1rem .2rem;font-weight:800}.status small{font-size:var(--step--1);color:var(--fog);font-weight:700;display:block}.controls{place-items:center;min-height:0;padding:.5rem 1rem 1.2rem;display:grid;position:relative}.egg{aspect-ratio:.78;background:radial-gradient(60% 45% at 35% 30%, #ffffffa6, transparent 60%), radial-gradient(90% 90% at 50% 60%, var(--feather), #eadfce);width:min(62vw,46dvh,17rem);color:var(--ink);font-family:var(--display);font-size:var(--step-2);touch-action:none;border:0;border-radius:50%/60% 60% 40% 40%;transition:transform 90ms,box-shadow 90ms,background .12s;position:relative;box-shadow:0 .6rem #b7a78e,0 .9rem 1.6rem #00000073}.egg span{pointer-events:none;display:block;transform:rotate(-6deg)}.egg small{font-family:var(--ui);font-size:var(--step--1);color:#7a6a55;pointer-events:none;font-weight:800;display:block}.egg.is-holding{background:radial-gradient(60% 45% at 35% 30%, #ffffffb3, transparent 60%), radial-gradient(90% 90% at 50% 60%, #ffe07a, var(--yolk));transform:translateY(.45rem)scale(.97);box-shadow:0 .15rem #c98f00,0 0 3rem #ffc6298c}.egg:disabled{opacity:.35}.honk{background:var(--red);width:4.6rem;height:4.6rem;color:var(--feather);font-family:var(--display);font-size:var(--step-0);touch-action:none;border:0;border-radius:50%;position:absolute;bottom:1.2rem;right:1rem;box-shadow:0 .3rem #8f1f16}.honk:active{transform:translateY(.2rem);box-shadow:0 .1rem #8f1f16}.honk:disabled{background:var(--bluff);box-shadow:none;opacity:.6}.panel{touch-action:pan-y;align-content:start;gap:1rem;padding:.5rem 1rem 1.2rem;display:grid;overflow:auto}.panel h2{font-family:var(--display);font-weight:400;font-size:var(--step-2);color:var(--yolk);margin:0;line-height:1.05}.panel p{color:var(--fog);margin:0}.play[data-phase=lobby] .controls,.play[data-phase=matchOver] .controls,.play:not([data-phase=lobby]):not([data-phase=matchOver]) .panel{display:none}.play[data-phase=lobby],.play[data-phase=matchOver]{grid-template-rows:auto minmax(0,30%) auto 1fr}.flash{animation:.7s ease-out flash}@keyframes flash{0%{box-shadow:inset 0 0 0 100vmax #ffc62973}to{box-shadow:inset 0 0 0 100vmax #ffc62900}}.name-gate{gap:1rem;max-width:30rem;margin:0 auto;padding:1rem;display:grid}.tv{cursor:default;position:fixed;inset:0;overflow:hidden}.tv canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tv .lobby{background:linear-gradient(90deg,#1d1433f0 0%,#1d1433cc 55%,#1d143333 100%);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:4vw;padding:5vh 6vw;display:grid;position:absolute;inset:0}.tv .lobby .pitch{align-content:center;gap:3vh;display:grid}.tv .lobby .rules{color:var(--fog);max-width:26em;margin:0;font-size:clamp(1.1rem,1.6vw,1.8rem);font-weight:700}.tv .join{align-items:center;gap:2.5vw;display:flex}.tv .join canvas{aspect-ratio:1;border-radius:1rem;width:clamp(8rem,15vw,16rem);height:auto;position:static}.tv .join .where{color:var(--fog);margin:0;font-size:clamp(1rem,1.5vw,1.6rem);font-weight:800}.tv .join .code{font-family:var(--display);color:var(--yolk);letter-spacing:.08em;text-shadow:.04em .04em 0 var(--red);font-size:clamp(3.5rem,9vw,9rem);line-height:1}.tv .lobby .roster{align-content:center;justify-items:start;gap:1.5rem;font-size:clamp(1rem,1.5vw,1.6rem);display:grid}.tv .lobby .roster p{color:var(--fog);margin:0;font-weight:700}.tv .banner{text-align:center;justify-items:center;gap:1.2vh;width:min(90vw,70rem);font-size:clamp(1rem,1.5vw,1.6rem);display:grid;position:absolute;top:4vh;left:50%;transform:translate(-50%)}.tv .banner h2{font-family:var(--display);color:var(--yolk);text-shadow:.05em .05em 0 var(--red);margin:0;font-size:clamp(2rem,5vw,5rem);font-weight:400;line-height:1}.tv .corner{justify-items:end;gap:.4vh;display:grid;position:absolute;top:2vh;right:2vw}.tv .corner p{margin:0}.tv .corner .round{font-family:var(--display);color:var(--yolk);text-shadow:.05em .05em 0 var(--red);font-size:clamp(1.6rem,3vw,3.2rem);line-height:1}.tv .corner .round span{color:var(--feather);font-size:.6em}.tv .corner-code{color:var(--fog);font-size:clamp(.9rem,1.2vw,1.3rem);font-weight:800}.tv .corner-code b{font-family:var(--display);color:var(--yolk);letter-spacing:.06em;font-weight:400}.tv .scoreboard{opacity:0;gap:.8vh;width:min(32vw,28rem);font-size:clamp(.85rem,1.15vw,1.35rem);display:grid;position:absolute;top:3vh;left:2.5vw;transform:translate(-1.5rem)}.tv .scoreboard .standings li{padding-block:.2em}.tv .scoreboard.is-shown{opacity:1;transition:opacity .4s,transform .4s;transform:none}.tv .scoreboard h3{font-family:var(--display);color:var(--yolk);margin:0;font-size:1.4em;font-weight:400}.tv .finale{background:#1d1433e0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:5vw;padding:6vh 6vw;font-size:clamp(1rem,1.4vw,1.6rem);display:grid;position:absolute;inset:0}.tv .finale .winner{justify-items:start;gap:3vh;display:grid}.tv .finale .winner .wordmark{font-size:clamp(3rem,7vw,8rem)}.tv .finale .winner p{color:var(--fog);margin:0;font-size:1.3em;font-weight:800}.tv .finale .side{gap:4vh;display:grid}.tv .controls{gap:.6rem;display:flex;position:absolute;bottom:2vh;left:2vw}.tv .controls button{color:var(--fog);cursor:pointer;background:#140d24cc;border:0;border-radius:999px;padding:.5em 1em;font-size:clamp(.85rem,1vw,1.1rem);font-weight:700}.tv .controls button:hover{color:var(--feather)}.tv .controls button[hidden]{display:none}.connection{background:var(--red);color:var(--feather);z-index:10;border-radius:999px;padding:.4em 1em;font-weight:800;position:fixed;top:.5rem;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}.wordmark{transform:none}}