@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-ext-400-normal-DxX3B4s6.woff2)format("woff2"),url(/assets/lilita-one-latin-ext-400-normal-QROd2hfm.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--offline:#ff5a5a;--offline-deep:#c42f3a;--offline-soft:#ff5a5a29;--offline-text:#ffb3b3}.conn-row--lost{border-color:var(--offline);background:var(--offline-soft)}.conn-row--lost .score{color:var(--muted)}.conn-who{gap:2px;min-width:0;display:grid}.conn-who__status{font-family:var(--font-display);color:var(--offline-text);font-size:.95rem;line-height:1}.conn-row-icon{border:2px solid var(--line);background:var(--offline-deep);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.conn-overlay{z-index:60;padding:var(--gutter);background:#080b24c7;place-items:center;display:grid;position:fixed;inset:0}.conn-overlay--soft{pointer-events:none;background:#080b2480}.conn-alert{text-align:center;border:var(--card-border);border-radius:var(--radius-card);background:var(--surface-2);width:min(100%,420px);box-shadow:var(--card-shadow);justify-items:center;gap:14px;padding:24px 20px;display:grid}.conn-alert p{margin:0}.conn-alert__icon{border:var(--card-border);background:var(--offline-deep);color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.conn-alert__icon--ok{background:var(--team-3);color:#0b2b0a}.conn-alert__title{font-family:var(--font-display);text-transform:var(--display-case);color:#fff;text-shadow:0 3px 0 var(--line);margin:0;font-size:1.9rem;font-weight:400;line-height:1.05}.conn-spin{font-family:var(--font-display);color:var(--accent);align-items:center;gap:8px;font-size:1.15rem;display:inline-flex}.conn-strip{z-index:40;padding:clamp(10px, 1.6vw, 22px) var(--gutter) calc(clamp(10px, 1.6vw, 22px) + env(safe-area-inset-bottom));border-top:var(--card-border);background:var(--offline-deep);color:#fff;font-family:var(--font-display);text-align:center;text-transform:var(--display-case);justify-content:center;align-items:center;gap:14px;font-size:clamp(1.2rem,2.4vw,2.6rem);line-height:1.1;display:flex;position:fixed;inset:auto 0 0}.conn-strip svg{flex:none;width:1.3em;height:1.3em}.conn-strip-space{height:calc(2*clamp(10px,1.6vw,22px) + 3.2rem)}.conn-full{z-index:60;padding:var(--gutter);background:linear-gradient(180deg, #ff6a6a 0%, var(--offline-deep) 100%);color:#fff;text-align:center;align-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.conn-full svg{width:clamp(72px,12vw,160px);height:clamp(72px,12vw,160px)}.conn-full__title{font-family:var(--font-display);text-transform:var(--display-case);text-shadow:0 5px 0 var(--line);margin:0;font-size:clamp(2rem,5vw,4.4rem);font-weight:400;line-height:1.04}.conn-full .conn-spin{color:#fff;font-size:clamp(1.2rem,2.4vw,2.2rem)}@media (prefers-reduced-motion:no-preference){.conn-alert{animation:conn-pop .32s var(--ease)}.conn-spin svg{animation:1s linear infinite conn-turn}.conn-row--lost{animation:.9s ease-in-out 3 conn-alarm}}@keyframes conn-pop{0%{opacity:0;transform:scale(.9)}}@keyframes conn-turn{to{transform:rotate(360deg)}}@keyframes conn-alarm{50%{box-shadow:0 0 0 4px #ff5a5a66}}.team-tiles{gap:12px;width:100%;display:grid}.team-tile{text-align:left;color:var(--text);font:inherit;border:3px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2);box-shadow:0 5px 0 var(--line);cursor:pointer;touch-action:manipulation;transition:transform .1s var(--ease), box-shadow .1s var(--ease), border-color .2s;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:14px 16px 14px 22px;display:grid;position:relative;overflow:hidden}.team-tile:active{box-shadow:0 1px 0 var(--line);transform:translateY(4px)}.team-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.team-tile[aria-pressed=true]{border-color:var(--swatch);background:var(--surface)}.team-tile__bar{background:var(--swatch);width:10px;position:absolute;inset:0 auto 0 0}.team-tile__text{gap:2px;display:grid}.team-tile__name{font-family:var(--font-display);font-size:1.3rem;font-weight:400;line-height:1.1}.team-tile__count{color:var(--muted);font-size:.9rem}.team-tile__check{border:2px solid var(--line);background:var(--swatch);color:#0b1020;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:10px}.team-faces{align-items:center;padding-right:22px;display:inline-flex}.team-faces .avatar{width:34px;height:34px;margin-right:-10px;font-size:1.1rem}.team-faces__more{color:var(--muted);font-family:var(--font-display);margin-left:14px;font-size:.95rem}.team-step{align-content:start;gap:16px;width:100%;max-width:460px;margin-inline:auto;display:grid}.team-step .card__title{margin:8px 0 0}.team-step p{margin:0}.team-group{border:3px solid var(--line);border-left:10px solid var(--swatch);border-radius:var(--radius-control);background:var(--surface);gap:8px;padding:10px;display:grid}.team-group__title{font-family:var(--font-display);text-transform:var(--display-case);align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:400;display:flex}.team-group__count{color:var(--muted);margin-left:auto}.host-row{flex-wrap:wrap}.host-row>.grow{flex:7rem;min-width:7rem}.host-row__actions{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=480px){.move-btn .btn__label{display:none}}.team-sheet-overlay{z-index:55;background:#080b24c7;place-items:end center;display:grid;position:fixed;inset:0}.team-sheet{width:min(100%,520px);max-height:100%;padding:20px 16px calc(24px + env(safe-area-inset-bottom));border:var(--card-border);background:var(--surface-2);border-width:3px 0 0;border-radius:28px 28px 0 0;gap:14px;display:grid;overflow:auto}.team-sheet .card__title{margin:0}@media (width>=640px){.team-sheet-overlay{padding:var(--gutter);align-items:center}.team-sheet{border-radius:var(--radius-card);box-shadow:var(--card-shadow);border-width:3px}}@media (prefers-reduced-motion:no-preference){.team-sheet{animation:team-up .3s var(--ease)}.team-tile[aria-pressed=true] .team-tile__check{animation:team-pop .3s var(--ease)}}@keyframes team-up{0%{opacity:0;transform:translateY(40px)}}@keyframes team-pop{0%{transform:scale(.4)}}.buzz-wrap{place-items:center;display:grid;position:relative}.buzz-ring{border:8px solid var(--accent);pointer-events:none;will-change:transform, opacity;border-radius:50%;animation:.7s ease-out both ring;position:absolute;inset:0 0 14px}@keyframes ring{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:no-preference){.buzz--wake{animation:wake .55s var(--ease) backwards, breathe 1.6s ease-in-out .55s infinite}}@keyframes wake{0%{filter:brightness(.6);transform:scale(.85)}60%{filter:none;transform:scale(1.12)}to{transform:scale(1)}}.fx{z-index:10;pointer-events:none;text-align:center;align-content:center;place-items:center;gap:10px;display:grid;position:fixed;inset:0}@keyframes fx-fade-in{0%{opacity:0}}.fx-flash{background:#080b248c;animation:.1s both fx-fade-in}.fx-flash__glow{aspect-ratio:1;will-change:transform, opacity;width:220px;animation:flash-glow var(--arming-ms,.9s) ease-out both;background:radial-gradient(circle,#fff0a6 0%,#ffc61a 40%,#0000 70%);border-radius:50%;position:absolute}.fx-flash__text{font-family:var(--font-display);color:#fff;paint-order:stroke fill;-webkit-text-stroke:8px var(--line);text-shadow:0 6px 0 var(--line);will-change:transform, opacity;animation:flash-text var(--arming-ms,.9s) var(--ease) both;font-size:3.2rem;line-height:1;position:relative}@keyframes flash-glow{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:0;transform:scale(2.6)}}@keyframes flash-text{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.15)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.fx-good,.fx-bad{animation:2.8s both fx-life}.fx-good{background:radial-gradient(circle at 50% 45%,#50cd46f7,#125a1efa)}.fx-bad{background:radial-gradient(circle at 50% 45%,#eb4646f7,#64121efa)}@keyframes fx-life{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}.fx-icon{aspect-ratio:1;border:5px solid var(--line);width:112px;box-shadow:0 6px 0 var(--line);will-change:transform;background:#fff;border-radius:50%;place-items:center;display:grid}.fx-good .fx-icon{color:#2a9d33;animation:.55s cubic-bezier(.34,1.56,.64,1) .1s both icon-pop}.fx-bad .fx-icon{color:#d93a3a;animation:.5s linear .1s both shake}.fx-title{font-family:var(--font-display);color:#fff;paint-order:stroke fill;-webkit-text-stroke:7px var(--line);text-shadow:0 5px 0 var(--line);animation:title-up .45s var(--ease) .25s both;font-size:2.3rem;line-height:1.05}.fx-points{font-family:var(--font-display);color:var(--accent);paint-order:stroke fill;-webkit-text-stroke:9px var(--line);text-shadow:0 6px 0 var(--line);font-size:4.2rem;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) .45s both icon-pop}@keyframes icon-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes title-up{0%{opacity:0;transform:translateY(24px)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}.fx-confetti{position:absolute;top:40%;left:50%}.fx-confetti i{background:var(--c);will-change:transform, opacity;width:10px;height:16px;animation:confetti 1.5s ease-out var(--delay) both;border-radius:2px;position:absolute}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}45%{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 240px)) rotate(calc(var(--rot) * 1.6));opacity:0}}.fx-curtain__bar{background:var(--surface-2);will-change:transform;height:50%;position:absolute;left:0;right:0}.fx-curtain__bar--top{border-bottom:5px solid var(--line);animation:bar-top 2.8s var(--ease) both;top:0}.fx-curtain__bar--bottom{border-top:5px solid var(--line);animation:bar-bottom 2.8s var(--ease) both;bottom:0}.fx-curtain__text{font-family:var(--font-display);color:#fff;paint-order:stroke fill;-webkit-text-stroke:7px var(--line);text-shadow:0 5px 0 var(--line);font-size:2.2rem;animation:2.8s both fx-life;position:relative}@keyframes bar-top{0%{transform:translateY(-100%)}18%,78%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes bar-bottom{0%{transform:translateY(100%)}18%,78%{transform:translateY(0)}to{transform:translateY(100%)}}.fx-toast{z-index:11;text-align:center;font-family:var(--font-display);border:4px solid var(--line);box-shadow:0 5px 0 var(--line);pointer-events:none;will-change:transform, opacity;animation:toast-life 2.8s var(--ease) both;border-radius:18px;padding:12px 16px;font-size:1.2rem;position:fixed;top:14px;left:14px;right:14px}.fx-toast--good{background:#3fb03a}.fx-toast--bad{background:#e24d4d}@keyframes toast-life{0%{transform:translateY(-160%)}10%,85%{transform:translateY(0)}to{transform:translateY(-160%)}}@media (prefers-reduced-motion:reduce){.fx-confetti,.fx-flash,.buzz-ring{display:none}.fx *,.fx-toast{animation-duration:10ms!important;animation-delay:0s!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Outfit Variable", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:16px;--font-display:"Lilita One", "Outfit Variable", system-ui, sans-serif;--bg:#1b1f4e;--bg-blob:#262c6e;--bg-blob-deep:#141844;--surface:#12163a;--surface-2:#1d2354;--line:#080b24;--line-strong:#8f98ff;--text:#f4f5ff;--muted:#b1b7e6;--accent:#ffc61a;--on-accent:#2b1d00;--danger:#ff9a9a;--team-1:#3a86ff;--team-2:#ff8a1f;--team-3:#44c53f;--team-4:#b266ff;--radius-control:16px;--radius-card:24px;--radius-field:14px;--card-border:3px solid var(--line);--card-shadow:0 6px 0 var(--line);--btn-border:3px solid var(--line);--btn-bg:linear-gradient(180deg, #62a1ff 0%, #2f6df0 52%, #2254cc 100%);--btn-bg-primary:linear-gradient(180deg, #7be063 0%, #3fb03a 52%, #23852a 100%);--btn-bg-neutral:linear-gradient(180deg, #7b82d6 0%, #5159b8 55%, #3d4499 100%);--btn-color:#fff;--btn-color-primary:#fff;--btn-shadow:0 6px 0 var(--line), inset 0 3px 0 #ffffff6b, inset 0 -5px 0 #00000038;--btn-shadow-active:0 1px 0 var(--line), inset 0 3px 0 #ffffff4d, inset 0 -3px 0 #00000038;--btn-text-shadow:0 2px 0 #0006;--display-case:uppercase;--title-stroke:7px;--buzz-bg:radial-gradient(circle at 35% 24%, #fff0a6 0%, #ffd23a 38%, #ffb400 100%);--buzz-shadow:0 14px 0 var(--line), inset 0 12px 0 #fff6, inset 0 -16px 0 #00000029;--buzz-shadow-pressed:0 3px 0 var(--line), inset 0 8px 0 #ffffff4d, inset 0 -10px 0 #0003;--buzz-border:7px solid var(--line)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.5}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app:before,.app:after{content:"";z-index:-1;pointer-events:none;position:absolute}.app:before{aspect-ratio:1.1;background:var(--bg-blob);border-radius:58% 42% 61% 39%/47% 55% 45% 53%;width:min(95vw,760px);top:-14vh;left:-22vw}.app:after{aspect-ratio:1;background:var(--bg-blob-deep);border-radius:44% 56% 38% 62%/55% 41% 59% 45%;width:min(120vw,980px);bottom:-38vh;right:-30vw}.topbar{padding:12px var(--gutter);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin-inline:auto;display:flex}.brand{color:inherit;font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{border-radius:var(--radius-field);background:var(--accent);width:36px;height:36px;color:var(--on-accent);border:var(--btn-border);box-shadow:0 3px 0 var(--line);place-items:center;display:grid}.page{width:100%;max-width:1200px;padding:8px var(--gutter) calc(40px + env(safe-area-inset-bottom));flex:1;margin-inline:auto}.stack{gap:16px;display:grid}.card{background:var(--surface);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:20px}.card__title{font-family:var(--font-display);letter-spacing:.01em;text-transform:var(--display-case);color:var(--accent);text-shadow:0 2px 0 var(--line);margin-bottom:12px;font-size:1.3rem;font-weight:700}.muted{color:var(--muted)}.row{align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{overflow-wrap:anywhere;flex:1;min-width:0}.btn{border:var(--btn-border);border-radius:var(--radius-control);background:var(--btn-bg);min-height:52px;color:var(--btn-color);box-shadow:var(--btn-shadow);text-shadow:var(--btn-text-shadow);font-family:var(--font-display);letter-spacing:.02em;text-transform:var(--display-case);white-space:nowrap;cursor:pointer;transition:transform .12s var(--ease), box-shadow .12s var(--ease), filter .2s;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){box-shadow:var(--btn-shadow-active);transform:translateY(5px)}.btn:disabled{opacity:.55;filter:grayscale(.7);cursor:not-allowed}.btn--primary{background:var(--btn-bg-primary);color:var(--btn-color-primary)}.btn--neutral{background:var(--btn-bg-neutral)}.btn--icon{background:var(--btn-bg-neutral);width:44px;min-height:44px;padding:0}.btn--small{min-height:44px;padding:0 16px;font-size:1rem}.btn--icon.btn--small{padding:0}.field{gap:8px;display:grid}.field label,.label{font-family:var(--font-display);letter-spacing:.02em;text-transform:var(--display-case);font-size:1rem}.input{border:3px solid var(--line-strong);border-radius:var(--radius-field);background:var(--surface);width:100%;min-height:52px;color:var(--text);padding:0 14px;font-weight:600}.input::placeholder{color:var(--muted);font-weight:400}.input--code{text-transform:uppercase;letter-spacing:.3em;font-family:var(--font-display);font-size:1.3rem}.help{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.95rem;font-weight:700}.chip{border:2px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.swatch{background:var(--swatch,var(--muted));border-radius:50%;flex:none;width:12px;height:12px}.presence{border:2px solid var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.presence--on{border-color:var(--team-3);background:var(--team-3)}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list__item{border:2px solid var(--line);border-radius:var(--radius-field);background:var(--surface-2);align-items:center;gap:12px;padding:8px 12px;display:flex}.list__item strong{font-family:var(--font-display);font-weight:700}.score{text-align:center;min-width:2.2ch;font-family:var(--font-display);color:var(--accent);text-shadow:0 2px 0 var(--line);font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1}.empty{border:2px dashed var(--line-strong);border-radius:var(--radius-field);color:var(--muted);text-align:center;padding:20px}.skeleton{border-radius:var(--radius-field);background:linear-gradient(90deg, var(--surface-2), var(--bg-blob,var(--line)), var(--surface-2));background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.4s linear infinite shimmer}}@keyframes shimmer{to{background-position:-200% 0}}.avatar{--size:44px;width:var(--size);height:var(--size);border:3px solid var(--line);background:var(--avatar-bg,#ffe3a1);box-shadow:0 3px 0 var(--line);font-size:calc(var(--size) * .56);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.avatar--ring{box-shadow:0 0 0 5px var(--ring,var(--accent)), 0 8px 0 5px var(--line)}.avatar--xl{--size:clamp(96px, 28vw, 150px);border-width:5px}.avatar-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:12px;display:grid}.avatar-pick{border-radius:50%;position:relative}.avatar-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.avatar-pick .avatar{--size:64px;transition:transform .15s var(--ease)}.avatar-pick input:checked+.avatar{box-shadow:0 0 0 4px var(--accent), 0 7px 0 4px var(--line);transform:scale(1.12)}.avatar-pick input:focus-visible+.avatar{outline:3px solid var(--accent);outline-offset:5px}.logo{line-height:.92;font-family:var(--font-display);text-transform:uppercase;transform-origin:0 100%;display:inline-grid;transform:rotate(-3deg)}.logo__top,.logo__bottom{paint-order:stroke fill;-webkit-text-stroke:var(--title-stroke) var(--line);text-shadow:0 6px 0 var(--line)}.logo__top{color:#fff;letter-spacing:.04em;font-size:clamp(1.7rem,7vw,2.6rem)}.logo__bottom{color:var(--accent);letter-spacing:.01em;font-size:clamp(3.6rem,17vw,7rem)}.mascots{margin-top:28px;display:flex}.mascots .avatar{--size:clamp(56px, 15vw, 76px);margin-left:-10px}.mascots .avatar:first-child{margin-left:0}@media (prefers-reduced-motion:no-preference){.mascots .avatar{animation:2.6s ease-in-out infinite bob}.mascots .avatar:nth-child(2n){animation-delay:-1.3s}}@keyframes bob{50%{transform:translateY(-8px)}}.home{align-items:center;gap:32px;padding-top:8px;display:grid}.home__lead{max-width:34ch;color:var(--muted);margin-top:20px;font-size:1.2rem;font-weight:500}.home__actions{gap:18px;display:grid}.join-share{align-items:center;gap:20px;display:grid}.qr{border:var(--card-border);border-radius:var(--radius-field);background:#fff;justify-self:start;max-width:100%;height:auto;display:block}@media (width>=640px){.join-share{grid-template-columns:1fr auto}}.share__head{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.share__head>.label{flex:1}.share__toggle{margin-left:auto}.share__body[hidden]{display:none}.share__code{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);text-shadow:0 3px 0 var(--line);font-size:1.9rem;line-height:1}.share-badge{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.presence--bad{border-color:var(--danger)}.roomcode{font-family:var(--font-display);letter-spacing:.16em;color:var(--accent);paint-order:stroke fill;-webkit-text-stroke:calc(var(--title-stroke) * .7) var(--line);text-shadow:0 5px 0 var(--line);font-size:clamp(2.6rem,13vw,4.8rem);line-height:1.05}.layout-two{gap:16px;display:grid}.verdict{border:2px solid var(--line);border-radius:var(--radius-field);background:var(--surface-2);border-left:10px solid var(--swatch,var(--accent));font-family:var(--font-display);padding:14px 16px;font-size:1.35rem;line-height:1.2}.order{counter-reset:rank}.order .list__item:before{counter-increment:rank;content:counter(rank);border:2px solid var(--line);background:var(--surface);width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:grid}.order .list__item:first-child:before{background:var(--accent);color:var(--on-accent)}.delta{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span.chip{border-width:3px;min-height:44px;padding-inline:14px}.choice input:checked+span.chip{border-color:var(--swatch,var(--accent));background:var(--surface)}.choice input:focus-visible+span.chip{outline:3px solid var(--accent);outline-offset:3px}.play{text-align:center;align-content:space-between;justify-items:center;gap:20px;min-height:calc(100dvh - 140px);display:grid}.play__me{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.buzz{aspect-ratio:1;border:var(--buzz-border);background:var(--buzz-bg);color:#fff;width:min(76vw,44dvh,420px);box-shadow:var(--buzz-shadow);font-family:var(--font-display);letter-spacing:.03em;paint-order:stroke fill;-webkit-text-stroke:var(--title-stroke) var(--line);text-shadow:0 6px 0 var(--line);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .1s var(--ease), box-shadow .1s var(--ease), filter .3s;border-radius:50%;margin-bottom:14px;font-size:clamp(2.8rem,14vw,5.4rem)}.buzz:active:not(:disabled),.buzz--pressed{box-shadow:var(--buzz-shadow-pressed);transform:translateY(11px)}.buzz:disabled{cursor:default;filter:grayscale(.9)brightness(.55);box-shadow:0 6px 0 var(--line);transform:translateY(8px)}.buzz--pressed:disabled{filter:none;box-shadow:var(--buzz-shadow-pressed);transform:translateY(11px)}@media (prefers-reduced-motion:no-preference){.buzz--ready{animation:1.6s ease-in-out infinite breathe}}@keyframes breathe{50%{transform:scale(1.03)}}.play__hint{min-height:3.2em;font-family:var(--font-display);font-size:1.35rem;line-height:1.2}.stage{gap:16px;display:grid}.stage__main{align-content:start;gap:16px;display:grid}.stage__headline{font-family:var(--font-display);text-wrap:balance;text-transform:var(--display-case);color:#fff;paint-order:stroke fill;-webkit-text-stroke:var(--title-stroke) var(--line);text-shadow:0 6px 0 var(--line);font-size:clamp(2.2rem,8vw,5rem);line-height:1.04}.stage__sub{color:var(--muted);font-size:1.2rem;font-weight:500}.stage__hand{text-align:center;border:var(--card-border);border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 -14px 0 var(--swatch,var(--accent)), var(--card-shadow);justify-items:center;gap:18px;padding:clamp(20px,4vw,36px);display:grid}.duel{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;display:grid}.duel__side{font-family:var(--font-display);overflow-wrap:anywhere;justify-items:center;gap:12px;font-size:clamp(1.1rem,4vw,1.7rem);display:grid}.duel__vs{font-family:var(--font-display);color:var(--accent);paint-order:stroke fill;-webkit-text-stroke:var(--title-stroke) var(--line);text-shadow:0 6px 0 var(--line);font-size:clamp(3rem,12vw,6rem);transform:rotate(-8deg)}@media (prefers-reduced-motion:no-preference){.duel__vs{animation:.9s ease-in-out infinite pulse-vs}}@keyframes pulse-vs{50%{transform:rotate(-8deg)scale(1.12)}}@media (width>=900px){.home{grid-template-columns:1.15fr 1fr;gap:64px;padding-top:6vh}.layout-two{grid-template-columns:1.1fr 1fr;align-items:start}.stage{grid-template-columns:1.6fr 1fr;align-items:start}.play{min-height:calc(100dvh - 120px)}}.dialog{z-index:50;padding:var(--gutter);background:#080b24b8;place-items:center;display:grid;position:fixed;inset:0}.dialog__card{text-align:center;border:var(--card-border);border-radius:var(--radius-card);background:var(--surface-2);width:min(100%,420px);box-shadow:var(--card-shadow);gap:16px;padding:24px;display:grid}.dialog__choices{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dialog__choices .btn{padding-block:18px;font-size:2rem}.verdict-actions{flex-wrap:wrap;gap:12px;display:flex}