@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(./tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(./tajawal-arabic-400-normal-DCQxawbB.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(./tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(./tajawal-latin-400-normal-BdYcZznU.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(./tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(./tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(./tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(./tajawal-latin-700-normal-CV3bxpHe.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(./cairo-arabic-800-normal-G1qvPr6G.woff2)format("woff2"),url(./cairo-arabic-800-normal-CVTPwINa.woff)format("woff")}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(./cairo-latin-800-normal-BBdTpBXf.woff2)format("woff2"),url(./cairo-latin-800-normal-ReWrxM5E.woff)format("woff")}:root{--bg:#12163a;--surface:#1c2150;--surface-2:#252b63;--surface-3:#2f367a;--red:#e5484d;--blue:#3e8bff;--gold:#f5b83d;--backfire:#9b7bff;--text:#f4f1ea;--text-muted:#b9b6d3;--red-fill:#e9545a;--red-text:#ff9a9d;--blue-text:#9cc4ff;--gold-text:#f5b83d;--backfire-text:#c0acff;--on-accent:#12163a;--line:#f4f1ea24;--line-strong:#f4f1ea47;--focus:#f5b83d;--danger:#ff9a9d;--skin-1:#fbf3df;--skin-2:#e9d8b4;--ink:#2a2350;--ring:#f5b83d;--ring-dark:#b98522;--font-body:"Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Cairo", "Tajawal", system-ui, sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1.0625rem;--fs-lg:1.375rem;--fs-xl:1.875rem;--fs-2xl:clamp(2rem, 6vw, 3.25rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--radius-sm:10px;--radius:16px;--radius-lg:24px;--tap:44px;--shadow:0 10px 30px #05071973;--shadow-sm:0 3px 10px #05071959;--t-press:80ms;--t-flip:.45s;--t-fast:.15s;--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%, #3e8bff29, transparent 60%), radial-gradient(900px 500px at 100% 110%, #e5484d1f, transparent 60%), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.55;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.25}p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app{min-height:100vh;min-height:100dvh;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom);padding-inline:max(env(safe-area-inset-left), 0px) max(env(safe-area-inset-right), 0px)}.ui-icon{flex:none;block-size:1.25em;inline-size:1.25em}.num,[dir=ltr]{unicode-bidi:isolate}.screen{inline-size:100%;max-inline-size:1280px;padding:var(--sp-3) var(--sp-4) var(--sp-6);gap:var(--sp-4);flex-direction:column;margin-inline-start:auto;margin-inline-end:auto;display:flex}.row{gap:var(--sp-2);align-items:center;display:flex}.row--wrap{flex-wrap:wrap}.row--end{flex-wrap:wrap;justify-content:flex-end}.row--center{flex-wrap:wrap;justify-content:center}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4)}.panel__title{align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text-muted);margin-block-end:var(--sp-2);font-weight:800;display:flex}details.panel>summary{cursor:pointer;min-block-size:var(--tap);margin:0;list-style:none}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary:after{content:"▾";transition:transform var(--t-fast);margin-inline-start:auto}details.panel:not([open])>summary:after{transform:rotate(90deg)}[dir=rtl] details.panel:not([open])>summary:after{transform:rotate(-90deg)}.hint{color:var(--text-muted);font-size:var(--fs-sm)}.notice{border-radius:var(--radius-sm);padding:var(--sp-3);font-size:var(--fs-sm);gap:var(--sp-2);background:#ff9a9d1a;border:1px solid #ff9a9d59;display:grid}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-block-size:var(--tap);padding:0 var(--sp-4);background:var(--surface-3);color:var(--text);font-weight:700;font-size:var(--fs-sm);transition:transform var(--t-press) ease, background var(--t-fast), border-color var(--t-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #0000;border-radius:999px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--gold{background:linear-gradient(180deg, #ffcb5c, var(--gold));color:var(--on-accent);box-shadow:0 4px 0 var(--ring-dark), var(--shadow-sm)}.btn--gold:active:not(:disabled){box-shadow:0 1px 0 var(--ring-dark);transform:translateY(3px)}.btn--ghost{border-color:var(--line-strong);background:0 0}.btn--ghost:hover:not(:disabled){background:#f4f1ea0f}.btn--text{color:var(--text-muted);padding-inline:var(--sp-2);background:0 0}.btn--text:hover{color:var(--text)}.btn--lg{min-block-size:52px;padding-inline:var(--sp-5);font-size:var(--fs-md)}.btn--sm{min-block-size:40px;font-size:var(--fs-xs)}.btn--block{inline-size:100%}.btn--team{inline-size:100%;color:var(--on-accent)}.btn--red{background:var(--red-fill)}.btn--blue{background:var(--blue)}.btn--live{background:var(--red-fill);color:var(--on-accent)}.btn--ptt{border-radius:var(--radius);background:var(--surface-3);border:2px dashed var(--line-strong);touch-action:none;-webkit-touch-callout:none;min-block-size:64px;inline-size:100%}.btn--ptt.is-live{background:var(--red-fill);color:var(--on-accent);border-style:solid}.icon-btn{min-inline-size:var(--tap);min-block-size:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn .ui-icon{block-size:22px;inline-size:22px}.icon-btn--text{padding-inline:var(--sp-3);font-weight:700;font-size:var(--fs-sm)}.icon-btn--sm{min-block-size:36px;min-inline-size:36px}.icon-btn--sm .ui-icon{block-size:18px;inline-size:18px}.chip{align-items:center;gap:var(--sp-2);min-block-size:var(--tap);padding:0 var(--sp-4);border:2px solid var(--line-strong);background:0 0;border-radius:999px;font-weight:700;display:inline-flex}.chip--red.is-on{background:var(--red-fill);border-color:var(--red-fill);color:var(--on-accent)}.chip--blue.is-on{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.team-mark{flex:none;block-size:1em;inline-size:1em}.team-mark--red circle{fill:var(--red)}.team-mark--blue rect{fill:var(--blue)}.chip.is-on .team-mark circle,.chip.is-on .team-mark rect{fill:var(--on-accent)}.t-red{color:var(--red-text)}.t-blue{color:var(--blue-text)}.topbar{align-items:center;gap:var(--sp-3);min-block-size:52px;display:flex}.topbar__brand{align-items:center;gap:var(--sp-2);color:var(--gold-text);display:flex}.topbar__logo{block-size:34px;inline-size:34px}.topbar__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);color:var(--text);white-space:nowrap}.topbar__extra{align-items:center;gap:var(--sp-2);flex-wrap:wrap;flex:1;min-inline-size:0;display:flex}.topbar__actions{gap:var(--sp-2);display:flex}@media (max-width:480px){.topbar__title{display:none}}.code-chip{align-items:center;gap:var(--sp-2);min-block-size:40px;padding:0 var(--sp-3);border:1px dashed var(--line-strong);font-family:var(--font-display);letter-spacing:.12em;background:0 0;border-radius:999px;font-weight:800;display:inline-flex}.mic-indicator{font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--line);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.mic-indicator.is-live{background:var(--red-fill);color:var(--on-accent);border-color:var(--red-fill)}.conn-banner{z-index:40;text-align:center;padding:var(--sp-2);background:var(--gold);color:var(--on-accent);font-weight:700;font-size:var(--fs-sm);position:sticky;top:0}.home,.join{justify-content:center;min-block-size:100dvh;max-inline-size:560px}.home__top{justify-content:space-between;gap:var(--sp-2);display:flex}.hero{text-align:center;justify-items:center;gap:var(--sp-3);padding-block:var(--sp-4);display:grid}.hero__drum{background:radial-gradient(circle at 40% 35%, var(--skin-1), var(--skin-2) 70%);block-size:132px;inline-size:132px;box-shadow:0 0 0 7px var(--ring), 0 0 0 11px var(--ring-dark), 0 18px 50px #f5b83d40;color:var(--ink);border-radius:50%;place-items:center;display:grid}.hero__logo{block-size:78px;inline-size:78px}.hero__title{font-size:var(--fs-2xl);letter-spacing:-.01em;font-weight:800}.hero__tagline{color:var(--text-muted);max-inline-size:36ch}.home__actions{gap:var(--sp-3);display:grid}.action{align-items:center;column-gap:var(--sp-3);text-align:start;padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-block-size:72px;transition:transform var(--t-press), border-color var(--t-fast), background var(--t-fast);grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon hint";display:grid}.action:hover{border-color:var(--line-strong);background:var(--surface-2)}.action:active{transform:scale(.985)}.action__icon{background:var(--surface-3);block-size:40px;inline-size:40px;color:var(--gold-text);border-radius:12px;grid-area:icon;padding:8px}.action__label{font-weight:700;font-size:var(--fs-md);grid-area:label}.action__hint{color:var(--text-muted);font-size:var(--fs-sm);grid-area:hint}.action--primary{background:linear-gradient(180deg, #ffcb5c, var(--gold));color:var(--on-accent);border-color:#0000}.action--primary .action__hint{color:#3a2f12}.action--primary .action__icon{color:var(--on-accent);background:#12163a1f}.action--primary:hover{background:linear-gradient(#ffd577,#f7c04f)}.action--resume{border-color:var(--gold)}.home__rules{justify-self:center}.loading{min-block-size:80dvh;color:var(--text-muted);justify-content:center;align-items:center}.loading__logo{block-size:72px;inline-size:72px;color:var(--gold)}.form{gap:var(--sp-4);inline-size:100%;max-inline-size:640px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.form--narrow{max-inline-size:440px}.form__title{font-size:var(--fs-xl)}.form__errors{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);color:var(--danger);background:#ff9a9d1f;border:1px solid #ff9a9d66;margin:0;font-weight:700;list-style-position:inside}.form__actions{margin-block-start:var(--sp-2)}.field{gap:var(--sp-1);display:grid}.field__label,.segmented legend,.field-group legend{font-weight:700;font-size:var(--fs-sm);color:var(--text-muted);margin-block-end:var(--sp-2);padding:0}.field-group,.segmented{border:0;min-inline-size:0;margin:0;padding:0}.input{min-block-size:48px;inline-size:100%;padding:0 var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font-size:16px}.input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5b83d4d}.input--code{font-family:var(--font-display);letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:1.5rem;font-weight:800}.input--num{max-inline-size:180px}select.input{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px}[dir=rtl] select.input{background-position:14px,20px}.team-inputs{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:480px){.team-inputs{grid-template-columns:1fr}}.field--team{position:relative}.field__mark{font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.field__mark:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.field__mark:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.field__mark:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.field__mark:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.field--team .input{padding-inline-start:42px}.field--red .input{border-color:#e5484d99}.field--blue .input{border-color:#3e8bff99}.field--range input{inline-size:100%;accent-color:var(--gold);min-block-size:32px}.segmented__opts{gap:var(--sp-2);flex-wrap:wrap;display:flex}.segmented__opt{min-block-size:var(--tap);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--line-strong);cursor:pointer;text-align:center;flex:auto;align-content:center;gap:2px;display:grid;position:relative}.segmented__opt input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.segmented__opt.is-on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#f5b83d24}.segmented__opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.segmented__label{font-weight:700}.segmented__hint{font-size:var(--fs-xs);color:var(--text-muted)}.switch{align-items:center;gap:var(--sp-2);min-block-size:var(--tap);cursor:pointer;font-size:var(--fs-sm);display:flex}.switch input{block-size:22px;inline-size:22px;accent-color:var(--gold);flex:none}.modal{overscroll-behavior:contain;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);max-block-size:calc(100dvh - 24px);inline-size:min(560px,100vw - 24px);box-shadow:var(--shadow);padding:0;overflow:auto}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07091cb8}.modal__body{padding:var(--sp-5);gap:var(--sp-4);display:grid}.modal__head{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.modal__head h2{font-size:var(--fs-lg)}.modal--confirm .modal__head h2{font-size:var(--fs-md);font-family:var(--font-body);font-weight:700}.rules{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.rules__step{gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:40px 1fr;align-items:start;display:grid}.rules__num{background:radial-gradient(circle at 40% 35%, var(--skin-1), var(--skin-2));block-size:40px;inline-size:40px;box-shadow:0 0 0 3px var(--ring);color:var(--ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:800;display:grid}.rules__step h3{font-size:var(--fs-md);margin-block-end:2px}.rules__step p{color:var(--text-muted);font-size:var(--fs-sm)}.rules__examples{gap:var(--sp-2);margin-block-start:var(--sp-2);display:flex}.rules__note{font-size:var(--fs-sm);color:var(--text-muted)}.toast-region{pointer-events:none;z-index:100;justify-content:center;display:flex;position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:0;right:0}.toast{max-inline-size:min(92vw,480px);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--text);color:var(--on-accent);box-shadow:var(--shadow);font-weight:700}.badge{font-weight:800;font-family:var(--font-display);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.badge--pos{background:var(--gold);color:var(--on-accent)}.badge--neg{background:var(--backfire);color:var(--on-accent)}.badge--zero{color:var(--text);border:2px dashed var(--line-strong);background:0 0}.tag{font-size:var(--fs-xs);background:var(--surface-3);color:var(--text);border-radius:999px;padding:1px 8px;font-weight:700;display:inline-block}.tag--host{background:var(--gold);color:var(--on-accent)}.tag--captain{border:1px solid var(--gold);color:var(--gold-text);background:0 0}.tag--muted{border:1px solid var(--line-strong);color:var(--text-muted);background:0 0}.tag--speaking{color:var(--on-accent);background:#4cd08a}.lobby__main{gap:var(--sp-4);display:grid}.lobby__invite{text-align:center;gap:var(--sp-3);justify-items:center;display:grid}.lobby__title{font-size:var(--fs-lg);color:var(--text-muted)}.lobby__code{font-family:var(--font-display);gap:6px;font-size:clamp(1.75rem,8vw,2.75rem);font-weight:800;display:flex}.lobby__code span{background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;place-items:center;block-size:1.6em;inline-size:1.4em;display:grid}.lobby__summary,.lobby__locked{color:var(--text-muted);font-size:var(--fs-sm)}.lobby__locked{color:var(--gold-text);font-weight:700}.lobby__waiting{text-align:center;color:var(--text-muted);padding:var(--sp-4)}.lobby__host{gap:var(--sp-3);display:grid}.lobby__host .btn--gold{margin-inline-start:auto}.teams{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:860px){.teams{grid-template-columns:1fr 1fr}.team-col--spec{grid-column:1/-1}}@media (max-width:520px){.teams{grid-template-columns:1fr}}.arena__side .teams{grid-template-columns:1fr}.arena__side .team-col--spec{grid-column:auto}.team-col{align-content:start;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);border-block-start:4px solid var(--line-strong);display:grid}.team-col--red{border-block-start-color:var(--red)}.team-col--blue{border-block-start-color:var(--blue)}.team-col__head{align-items:center;gap:var(--sp-2);display:flex}.team-col__head h2{font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.team-col__count{font-size:var(--fs-xs);color:var(--text-muted)}.team-col__empty{color:var(--text-muted);font-size:var(--fs-sm);padding-block:var(--sp-2)}.members{gap:4px;margin:0;padding:0;list-style:none;display:grid}.member{align-items:center;gap:var(--sp-2);min-block-size:40px;padding:4px var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-2);display:flex;position:relative}.member.is-offline{opacity:.55}.member__dot{background:#4cd08a;border-radius:50%;flex:none;block-size:10px;inline-size:10px}.member.is-offline .member__dot{background:var(--text-muted)}.member.is-speaking{box-shadow:0 0 0 2px #4cd08a}.member__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;font-weight:700;overflow:hidden}.member__tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.member__mic{color:#4cd08a;block-size:16px;inline-size:16px}.member__menu{position:relative}.menu{z-index:30;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--line-strong);min-inline-size:190px;box-shadow:var(--shadow);padding:6px;display:grid;position:absolute;top:calc(100% + 4px)}.menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.menu button{text-align:start;min-block-size:var(--tap);padding:0 var(--sp-3);font-weight:700;font-size:var(--fs-sm);background:0 0;border:0;border-radius:8px}.menu button:hover{background:#f4f1ea14}.menu__danger{color:var(--danger)}.voice{gap:var(--sp-3);display:grid}.voice__start,.voice__on,.voice__controls,.voice__host,.voice__settings{gap:var(--sp-2);display:grid}.voice__channels{font-size:var(--fs-sm);color:var(--text-muted)}.voice__host{border-block-start:1px solid var(--line);padding-block-start:var(--sp-3)}.lobby>.voice{inline-size:100%;max-inline-size:640px;margin-inline-start:auto;margin-inline-end:auto}.result{gap:var(--sp-4);text-align:center;justify-items:center;display:grid}.result__crown{align-items:center;gap:var(--sp-2);color:var(--gold);font-size:56px;display:flex}.result__crown .ui-icon{block-size:64px;inline-size:64px}.result__stats{gap:var(--sp-2);inline-size:100%;margin:0;display:grid}.result__stats>div{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-2);text-align:start;display:flex}.result__stats dt{color:var(--text-muted)}.result__stats dd{text-align:end;gap:2px;margin:0;font-weight:800;display:grid}.result__actions{gap:var(--sp-2);inline-size:100%;display:grid}body.has-dock .screen{padding-block-end:calc(150px + env(safe-area-inset-bottom))}@media (min-width:720px){body.has-dock .board{max-inline-size:max(520px,166.667dvh - 716.667px)}}body.has-dock .toast-region{bottom:calc(140px + env(safe-area-inset-bottom))}.voice-dock{z-index:50;gap:var(--sp-2);padding:var(--sp-2) max(var(--sp-3), env(safe-area-inset-left)) calc(var(--sp-2) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-start:1px solid var(--line-strong);background:#1c2150f5;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #05071973}.voice-dock.is-live{border-block-start-color:var(--red-fill)}.voice-dock--off{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:center;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);background:0 0;border:0;grid-auto-flow:column;position:static}.voice-dock__row{align-items:center;gap:var(--sp-2);inline-size:100%;max-inline-size:720px;margin-inline-start:auto;margin-inline-end:auto;display:flex}.voice-dock__row--sub{flex-wrap:wrap;justify-content:center}.dock-btn{min-block-size:56px;min-inline-size:64px;padding:6px var(--sp-2);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-xs);justify-items:center;gap:2px;font-weight:700;display:grid}.dock-btn .ui-icon{block-size:26px;inline-size:26px}.dock-btn.is-on{color:var(--text);border-color:#4cd08a}.dock-btn.is-on .ui-icon{color:#4cd08a}.dock-btn.is-attention{border-color:var(--gold);color:var(--gold-text);animation:1.2s ease-in-out infinite pulse}.dock-btn--icon{min-inline-size:56px}.dock-btn__label{white-space:nowrap;text-overflow:ellipsis;max-inline-size:96px;overflow:hidden}.dock-mic{justify-content:center;align-items:center;gap:var(--sp-2);min-block-size:56px;padding:0 var(--sp-4);border:2px solid var(--line-strong);background:var(--surface-3);color:var(--text);font-weight:800;font-size:var(--fs-md);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:999px;flex:1;display:inline-flex}.dock-mic .ui-icon{block-size:26px;inline-size:26px}.dock-mic.is-live{background:var(--red-fill);border-color:var(--red-fill);color:var(--on-accent);box-shadow:0 0 0 5px #e9545a40}.dock-mic.is-live .ui-icon{animation:1.2s ease-in-out infinite pulse}.dock-mic.is-blocked{color:var(--danger);border-style:dashed}.dock-mic:disabled{opacity:.7;cursor:not-allowed}.dock-mic--info{color:var(--text-muted);font-size:var(--fs-sm);border-style:dashed;justify-content:center;font-weight:700}.dock-mic--ptt{border-style:dashed}.dock-spinner{border:3px solid var(--line-strong);border-block-start-color:var(--gold);border-radius:50%;block-size:18px;inline-size:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dock-target{background:var(--bg);border:1px solid var(--line-strong);border-radius:999px;padding:3px;display:inline-flex}.dock-target__opt{min-block-size:38px;padding:0 var(--sp-4);color:var(--text-muted);font-weight:800;font-size:var(--fs-sm);background:0 0;border:0;border-radius:999px}.dock-target__opt.is-on{background:var(--gold);color:var(--on-accent)}.dock-target__opt.is-on.is-red{background:var(--red-fill)}.dock-target__opt.is-on.is-blue{background:var(--blue)}.dock-target__opt:disabled{opacity:.4;cursor:not-allowed}.dock-hint{font-size:var(--fs-xs);color:var(--gold-text)}.dock-speaking{font-size:var(--fs-sm);color:var(--text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.dock-speaking__dot{background:#4cd08a;border-radius:50%;block-size:10px;inline-size:10px;animation:1s ease-in-out infinite pulse}.voice-settings{gap:var(--sp-3);display:grid}.voice-settings__host{gap:var(--sp-2);border-block-start:1px solid var(--line);padding-block-start:var(--sp-3);display:grid}.voice-settings__host h3{font-size:var(--fs-md)}@media (max-width:420px){.dock-btn{min-inline-size:56px}.dock-btn__label{max-inline-size:64px;font-size:.7rem}.dock-mic{font-size:var(--fs-sm);padding:0 var(--sp-3)}}.scoreboard{gap:var(--sp-3);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.score{align-items:center;column-gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--line);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);grid-template-columns:auto 1fr;grid-template-areas:"mark name""points points";min-inline-size:0;display:grid;position:relative}.score--red{background:linear-gradient(160deg, #e5484d38, var(--surface) 60%)}.score--blue{background:linear-gradient(200deg, #3e8bff38, var(--surface) 60%)}.score.is-acting.score--red{border-color:var(--red);box-shadow:0 0 0 4px #e5484d40,0 10px 30px #e5484d40}.score.is-acting.score--blue{border-color:var(--blue);box-shadow:0 0 0 4px #3e8bff40,0 10px 30px #3e8bff40}.score__mark{grid-area:mark;font-size:22px}.score__name{font-weight:800;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;grid-area:name;min-inline-size:0;overflow:hidden}.score__points{font-family:var(--font-display);font-variant-numeric:tabular-nums;grid-area:points;font-size:clamp(2rem,7vw,3.25rem);font-weight:800;line-height:1.1}.score.is-out .score__points{color:var(--danger)}.scoreboard__vs{inline-size:56px;color:var(--gold);place-items:center;display:grid}.scoreboard__logo{block-size:44px;inline-size:44px}@media (max-width:520px){.scoreboard{gap:var(--sp-2)}.scoreboard__vs{inline-size:28px}.scoreboard__logo{block-size:26px;inline-size:26px}.score{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius)}}.turnbar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);border-inline-start:6px solid var(--line-strong);flex-wrap:wrap;display:flex}.turnbar--red{border-inline-start-color:var(--red)}.turnbar--blue{border-inline-start-color:var(--blue)}.turnbar.is-mine{background:linear-gradient(90deg, #f5b83d29, var(--surface))}[dir=rtl] .turnbar.is-mine{background:linear-gradient(270deg, #f5b83d29, var(--surface))}.turnbar__main{align-items:center;gap:var(--sp-3);min-inline-size:0;display:flex}.turnbar__mark{font-size:22px}.turnbar__text{font-family:var(--font-display);font-size:var(--fs-md);display:block}.turnbar__sub{color:var(--text-muted);font-size:var(--fs-sm);display:block}.answering{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.answering__label{font-weight:700;font-size:var(--fs-sm);color:var(--text-muted)}.arena__main{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.arena__board{gap:var(--sp-2);justify-items:center;display:grid}.arena__meta{gap:var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.arena__side{gap:var(--sp-3);overscroll-behavior:contain;max-block-size:calc(100dvh - 24px);display:grid;position:sticky;top:var(--sp-3);overflow-y:auto}.host-tools__row{gap:var(--sp-2);display:grid}.host-tools__row .btn{justify-content:flex-start}@media (max-width:1024px){.arena__main{grid-template-columns:1fr}.arena__side{max-block-size:none;position:static;overflow:visible}.host-tools__row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.board{--cols:10;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 0%, #f5b83d14, transparent 70%), var(--surface);border:1px solid var(--line);gap:clamp(4px,1vw,10px);inline-size:100%;max-inline-size:max(560px,166.667dvh - 500px);padding:clamp(8px,1.5vw,16px);display:grid}@media (max-width:719px){.board{--cols:6;max-inline-size:none}}.board__cell{aspect-ratio:1;min-inline-size:0}.drum{touch-action:manipulation;block-size:100%;min-block-size:44px;inline-size:100%;min-inline-size:44px;transition:transform var(--t-press) ease;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.drum__skin{background:radial-gradient(circle at 38% 32%, var(--skin-1), var(--skin-2) 72%);box-shadow:inset 0 0 0 clamp(3px, .45vw, 5px) var(--ring), inset 0 0 0 clamp(5px, .7vw, 8px) var(--ring-dark), 0 4px 0 #00000059, 0 6px 14px #00000040;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.cell-icon{block-size:62%;inline-size:62%}.numeral{font-family:var(--font-display);color:var(--ink);font-size:clamp(1rem,2.6vw,1.75rem);font-weight:800;line-height:1}@media (max-width:719px){.numeral{font-size:clamp(1rem,5.5vw,1.6rem)}}.board.is-active .drum:not(.is-revealed):hover .drum__skin{box-shadow:inset 0 0 0 clamp(3px, .45vw, 5px) #ffd27a, inset 0 0 0 clamp(5px, .7vw, 8px) var(--ring-dark), 0 6px 0 #00000059, 0 10px 22px #f5b83d59;transform:translateY(-2px)}.board.is-active .drum:not(.is-revealed):active{transform:scale(.92)}.drum[aria-disabled=true]{cursor:default}.board:not(.is-active) .drum:not(.is-revealed) .drum__skin{filter:saturate(.85)brightness(.9)}.drum.is-revealed .drum__skin{color:#f4f1ea8c;background:radial-gradient(circle at 38% 32%,#4a4f86,#343a72 72%);box-shadow:inset 0 0 0 3px #f5b83d59,0 1px #00000059}.drum.is-revealed .numeral{color:#f4f1ea8c}.drum__value{min-inline-size:2.2em;font-family:var(--font-display);direction:ltr;border-radius:999px;padding:1px 5px;font-size:clamp(.62rem,1.15vw,.8rem);font-weight:800;line-height:1.4;position:absolute;bottom:-4px;box-shadow:0 2px 6px #0006}.drum__value:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-4px}.drum__value:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-4px}.drum__value:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-4px}.drum__value:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-4px}@media (max-width:719px){.drum__value{font-size:clamp(.62rem,2.6vw,.78rem)}}.drum.is-pos .drum__value{background:var(--gold);color:var(--on-accent)}.drum.is-neg .drum__value{background:var(--backfire);color:var(--on-accent)}.drum.is-zero .drum__value{background:var(--surface-3);color:var(--text);border:1px dashed var(--line-strong)}.drum.is-last .drum__skin{box-shadow:inset 0 0 0 3px var(--gold), 0 0 0 3px #f5b83d73}.reveal{z-index:60;padding:var(--sp-4);cursor:pointer;background:#07091c8c;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.reveal__card{justify-items:center;gap:var(--sp-3);inline-size:min(340px,86vw);padding:var(--sp-5) var(--sp-5) var(--sp-4);background:linear-gradient(180deg, var(--surface-3), var(--surface));border:2px solid var(--line-strong);text-align:center;border-radius:28px;display:grid;box-shadow:0 30px 80px #0000008c}.reveal__card--pos{border-color:var(--gold)}.reveal__card--neg{border-color:var(--backfire)}.reveal__team{align-items:center;gap:var(--sp-2);color:var(--text-muted);font-weight:800;display:flex}.reveal__drum{block-size:150px;inline-size:150px;color:var(--ink);background:radial-gradient(circle at 38% 32%, var(--skin-1), var(--skin-2) 72%);box-shadow:inset 0 0 0 8px var(--ring), inset 0 0 0 12px var(--ring-dark), 0 12px 30px #0006;border-radius:50%;place-items:center;display:grid}.reveal__drum .cell-icon{block-size:60%;inline-size:60%}.reveal__drum .numeral{font-size:3.5rem}.reveal__name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:800}.reveal .badge{padding:6px 18px;font-size:1.6rem}.badge__value{direction:ltr}.badge__label{font-size:1rem}.reveal__text{color:var(--text-muted);font-size:var(--fs-sm)}.reveal__hint{font-size:var(--fs-xs);color:var(--text-muted);opacity:.8}.log__title{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.log__empty{color:var(--text-muted);font-size:var(--fs-sm)}.log__list{gap:6px;max-block-size:340px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.log__item{gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--fs-sm);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.log__mark{font-size:14px}.log__value{font-family:var(--font-display);text-align:center;direction:ltr;min-inline-size:3ch;font-weight:800}.log__value.is-pos{color:var(--gold-text)}.log__value.is-neg{color:var(--backfire-text)}.log__value.is-zero{color:var(--text-muted)}@keyframes drum-wave{0%{box-shadow:0 0 #f5b83d8c}to{box-shadow:0 0 0 18px #f5b83d00}}@keyframes card-in{0%{opacity:0;transform:perspective(800px)rotateY(90deg)scale(.85)}60%{opacity:1;transform:perspective(800px)rotateY(-8deg)scale(1.02)}to{transform:perspective(800px)rotateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}}@keyframes score-hit{0%{transform:scale(1)}30%{color:var(--danger);transform:scale(1.18)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pulse{50%{opacity:.55}}.reveal{animation:.16s ease-out fade-in}.reveal__card{animation:card-in var(--t-flip) var(--ease)}.drum.is-last{border-radius:50%;animation:.7s ease-out drum-wave}.score__points{animation:score-hit .52s var(--ease)}.modal[open] .modal__body{animation:rise .22s var(--ease)}.toast{animation:rise .2s var(--ease)}.mic-indicator.is-live .ui-icon{animation:1.2s ease-in-out infinite pulse}.score.is-acting{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.score.is-acting{transform:none}}