@import "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#0088b0;--color-accent-2:#d6006c;--color-divider:#201e1d29;--color-neutral-100:#f8f4f4;--color-neutral-200:#eae7e7;--color-neutral-300:#d7d3d3;--color-neutral-400:#bab6b6;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-neutral-900:#2d2b2b;--color-accent-100:#e9f8ff;--color-accent-200:#cbeeff;--color-accent-300:#99e0ff;--color-accent-400:#62c5ee;--color-accent-500:#38a6cf;--color-accent-600:#1186ac;--color-accent-700:#006786;--color-accent-800:#004961;--color-accent-900:#0a303e;--color-accent-2-100:#fff1f4;--color-accent-2-200:#ffdee6;--color-accent-2-300:#ffc0d0;--color-accent-2-400:#ff90b1;--color-accent-2-500:#ff458e;--color-accent-2-600:#d82071;--color-accent-2-700:#aa0b56;--color-accent-2-800:#790e3d;--color-accent-2-900:#4b1528;--color-process-yellow:#edbb00;--font-heading:"Source Serif 4", system-ui, sans-serif;--font-heading-weight:600;--font-body:"Source Serif 4", system-ui, sans-serif;--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-6:30px;--space-8:40px;--radius-sm:1px;--radius-md:2px;--radius-lg:4px;--shadow-sm:0 1px 2px #2d2b2b24;--shadow-md:0 3px 10px #2d2b2b29;--shadow-lg:0 12px 32px #2d2b2b38}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.halftone{filter:grayscale(.35)contrast(1.15);position:relative;overflow:hidden}.halftone:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(circle,#00000038 30%,#0000 32%);background-size:3px 3px;position:absolute;inset:0}.cmyk{background:var(--color-bg);position:relative;overflow:hidden}.cmyk img:first-child{opacity:0}.cmyk img+img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.cmyk .sep-c{filter:url(#sep-c)}.cmyk .sep-m{filter:url(#sep-m)}.cmyk .sep-y{filter:url(#sep-y)}.cmyk .sep-k{filter:url(#sep-k)}.cmyk:after{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(circle,#00000038 30%,#0000 32%);background-size:3px 3px;position:absolute;inset:0}.cmyk .print{filter:url(#sep-all);width:100%;position:relative}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.cmyk .print:hover{filter:none}}.cmyk .print image-slot{width:100%;height:100%;display:block}.cmyk-num{--cmyk-num-ground:var(--color-bg);font-feature-settings:"pnum" 1;background:var(--cmyk-num-ground);width:fit-content;margin:-.12em;padding:.12em;line-height:.9;position:relative}.cmyk-num .paper{color:var(--color-bg);text-shadow:.036em .025em 0 var(--color-bg),-.031em -.023em 0 var(--color-bg)}.cmyk-num .plate{mix-blend-mode:multiply;text-box:trim-both cap alphabetic ;position:absolute;inset:.12em}.cmyk-num .plate-c{color:var(--color-accent)}.cmyk-head{position:relative}.cmyk-head .paper{color:var(--color-bg);text-shadow:.027em .0185em 0 var(--color-bg),-.0245em -.0175em 0 var(--color-bg) }.cmyk-head .plate{mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none;text-box:trim-both cap alphabetic ;position:absolute;inset:0}.cmyk-head .plate-c{color:var(--color-accent)}.cmyk-head .plate-m{color:var(--color-accent-2);translate:calc(.018em + .009em*var(--press-nx,0)) calc(.0125em + .006em*var(--press-ny,0))}.cmyk-head .plate-y{color:var(--color-process-yellow);translate:calc(-.0155em + .009em*var(--press-nx,0)) calc(-.0115em + .006em*var(--press-ny,0))}.cmyk-num .plate-m{color:var(--color-accent-2);translate:calc(.036em + .018em*var(--press-nx,0)) calc(.025em + .0125em*var(--press-ny,0))}.cmyk-num .plate-y{color:var(--color-process-yellow);translate:calc(-.031em + .018em*var(--press-nx,0)) calc(-.023em + .0125em*var(--press-ny,0))}*,:before,:after{box-sizing:border-box}body{margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{max-width:100%;display:block}figure{margin:0}figcaption{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.hr{height:1px;margin:var(--space-4) 0;background:var(--color-divider);border:0}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:6px 10px;font-size:14px}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{resize:vertical;min-height:90px}.radio{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.radio input,.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.radio .dot{border:1.5px solid var(--color-divider);border-radius:50%;flex:none;width:16px;height:16px}.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.seg-opt{cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.card{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{opacity:.8;flex:1;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:none;display:flex}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:auto;font-size:18px}.nav a{color:inherit;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider);font-size:11px}.table td{padding:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent)}.table tbody tr:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.dialog-backdrop{padding:var(--space-4);background:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-3);width:min(440px,100%);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{opacity:.85;font-size:14px}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}:root{--font-body:"Cairo", "Noto Naskh Arabic", system-ui, sans-serif;--font-heading:"Cairo", "Noto Naskh Arabic", system-ui, sans-serif;--font-letter:"Noto Naskh Arabic", serif;--hex:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--color-bg:#fff;--color-page:#f4f6fb;--color-surface:#fff;--color-raised:#eef1f8;--color-text:#171a2e;--color-divider:#171a2e1f;--color-neutral-100:#f2f4f9;--color-neutral-200:#e6e9f1;--color-neutral-300:#d4d8e5;--color-neutral-400:#b4bacb;--color-neutral-500:#8c93ab;--color-neutral-600:#6b7290;--color-neutral-700:#5a6080;--color-neutral-800:#40455e;--color-neutral-900:#262a3d;--color-accent:#0891b2;--color-accent-600:#0e7490;--color-accent-700:#0e6b85;--color-accent-800:#0b5468;--color-accent-900:#083d4c;--color-accent-100:#cbf2fb;--glow-accent:#0891b252;--deep-accent:#0a5e74;--color-accent-2:#db2777;--color-accent-2-600:#be185d;--color-accent-2-700:#b21560;--color-accent-2-800:#8c104c;--color-accent-2-900:#640b36;--color-accent-2-100:#fcdcec;--glow-accent-2:#db27774d;--deep-accent-2:#961549;--color-gold:#e9a200;--color-gold-ink:#8a5a00;--color-fast:#7c3aed;--tile-neutral:#e9ecf4;--tile-side:#c6cbdb;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #171a2e1a;--shadow-md:0 8px 24px #171a2e1a;--shadow-lg:0 24px 60px #171a2e2e}html,body{background:var(--color-page);color:var(--color-text);font-family:var(--font-body);margin:0}body{-webkit-tap-highlight-color:transparent}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);letter-spacing:0;border:1px solid #0000;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow .12s,background .15s,filter .15s}.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 82%, white 18%), var(--color-accent));color:#fff;box-shadow:0 5px 0 var(--deep-accent), 0 10px 22px var(--glow-accent);border:0}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){box-shadow:0 0 0 var(--deep-accent), 0 4px 14px var(--glow-accent);transform:translateY(5px)}.btn-primary:disabled{background:var(--color-neutral-200);color:var(--color-neutral-500);box-shadow:none;opacity:1}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-divider);box-shadow:0 4px 0 var(--color-neutral-200)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-neutral-400)}.btn-secondary:active:not(:disabled){box-shadow:0 0 0 var(--color-neutral-200);transform:translateY(4px)}.btn-ghost{color:var(--color-accent-700);box-shadow:none;font-weight:700}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.input{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);caret-color:var(--color-accent);font-weight:600}.input::placeholder{color:var(--color-neutral-500);opacity:1}.input:hover{border-color:var(--color-neutral-400)}.input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--glow-accent);outline:none}.seg{background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:var(--radius-md);gap:4px;padding:4px}.seg-opt{border-radius:var(--radius-sm);color:var(--color-neutral-700);font-weight:700;transition:background .15s,color .15s}.seg-opt+.seg-opt{border:0}.seg-opt:has(input:checked){background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 82%, white), var(--color-accent));color:#fff;box-shadow:0 4px 12px var(--glow-accent)}.seg-opt:not(:has(input:checked)):hover{background:var(--color-neutral-200)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800);border:1px solid var(--color-divider);font-weight:700}.phone{--frame-h:100dvh;width:100%;max-width:480px;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(120% 55% at 12% -5%, #0891b21a, transparent 60%), radial-gradient(120% 55% at 88% 105%, #db277717, transparent 60%), var(--color-bg);flex-direction:column;margin:0 auto;display:flex;position:relative}.phone-top{flex:none;height:10px}@media (width>=560px){body{background:radial-gradient(90% 90% at 50% -10%,#eef1f8,#e3e7f2 78%);place-items:center;min-height:100vh;padding:24px;display:grid}.phone{--frame-h:max(560px, min(calc(100dvh - 48px), 920px));border:1px solid var(--color-divider);width:min(100vw - 48px,448px);height:min(100dvh - 48px,920px);min-height:560px;box-shadow:var(--shadow-lg), 0 0 70px #0891b214;border-radius:30px;overflow:hidden}.phone-top{height:16px}}.offline{padding:var(--space-1) var(--space-4);background:var(--color-accent-2);color:#fff;flex:none;font-size:14px;font-weight:700}.screen{gap:var(--space-4);padding:var(--space-6) var(--space-4);flex-direction:column;flex:1;min-height:0;animation:.35s both floatIn;display:flex}.screen-top{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:24px;display:flex}.kicker{letter-spacing:.04em;color:var(--color-accent-700);text-transform:none;font-size:14px;font-weight:700}.screen h1,.screen h2{letter-spacing:-.01em;margin:0;font-size:clamp(28px,8vw,38px);font-weight:900;line-height:1.15}.screen h1{background:linear-gradient(135deg, var(--color-accent), var(--color-text) 50%, var(--color-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.screen h2.wait{line-height:1.25}.lede.muted{color:var(--color-neutral-700)}.lede{margin:0;font-size:17px;font-weight:600;line-height:1.6}.spacer{flex:1}.entry{align-items:stretch}.logo-wrap{aspect-ratio:1;width:min(74%,300px);margin:var(--space-1) 0 var(--space-2);align-self:center;animation:3.6s ease-in-out infinite logoFloat;position:relative}.logo{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:3.6s ease-in-out infinite logoGlow;display:block}.logo-wrap:after{content:"";pointer-events:none;mix-blend-mode:screen;-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:linear-gradient(105deg,#0000 43%,#ffffffd9 50%,#0000 57%) 190% 0/250% 100% no-repeat;animation:3.8s ease-in-out infinite logoShine;position:absolute;inset:0}.invite-title{text-align:center;align-self:center;font-size:clamp(22px,6vw,30px)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 8px 16px #1226544d)drop-shadow(0 0 10px #f0b4144d)}50%{filter:drop-shadow(0 12px 22px #12265461)drop-shadow(0 0 24px #f0b414b3)}}@keyframes logoShine{0%{background-position:190% 0}60%,to{background-position:-90% 0}}.room-code{letter-spacing:.14em;color:var(--color-accent-700);text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));border:1.5px dashed color-mix(in srgb, var(--color-accent) 50%, transparent);text-shadow:0 2px 16px var(--glow-accent);direction:ltr;font-size:clamp(34px,11vw,50px);font-weight:900}.btn-lg{min-height:60px;font-size:20px}.btn-md{min-height:52px;font-size:17px}.btn-ghost.top{padding-block:2px;font-size:15px}.field-error{min-height:22px;color:var(--color-accent-2-700);font-size:15px;font-weight:700}.field>label{color:var(--color-neutral-700);font-weight:700}.field>label.lg{font-size:15px}.input.name{min-height:54px;padding:0 var(--space-3);font-size:20px}.input.code{letter-spacing:.18em;text-transform:uppercase;padding:var(--space-3);text-align:center;min-height:68px;color:var(--color-accent-700);direction:ltr;font-size:clamp(30px,10vw,38px);font-weight:900}.input.code:focus-visible{box-shadow:0 0 0 4px var(--glow-accent)}.seg.full{display:flex}.seg.full .seg-opt{flex:1;justify-content:center;min-height:46px;font-size:17px}.screen.scroll{overflow-y:auto}.sticky-foot{margin-top:calc(-1 * var(--space-2));padding:var(--space-3) 0 max(var(--space-2), env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--color-bg) 35%);position:sticky;bottom:0}.rules{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1.5px solid var(--color-divider);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.rules-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rules-title{font-size:18px;font-weight:900}.rules .tag{font-size:13px;font-weight:800}.rule{flex-direction:column;gap:6px;display:flex}.rule-label{color:var(--color-neutral-700);font-size:14px;font-weight:700}.rules .seg.full .seg-opt{min-height:40px;padding-inline:6px;font-size:15px}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-divider);cursor:pointer;display:flex;position:relative}.switch-row.off{opacity:.55;cursor:not-allowed}.switch-text{flex-direction:column;gap:2px;display:flex}.switch-text b{font-size:16px;font-weight:800}.switch-text small{color:var(--color-neutral-700);font-size:13px;font-weight:600;line-height:1.45}.switch-row input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.track{background:var(--color-neutral-300);border-radius:99px;flex:none;width:48px;height:28px;transition:background .15s;position:relative}.track:after{content:"";top:3px;background:#fff;border-radius:50%;width:22px;height:22px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #171a2e4d}.switch-row input:checked+.track{background:var(--color-accent)}.switch-row input:checked+.track:after{inset-inline-start:23px}.switch-row input:focus-visible+.track{outline:2px solid var(--color-accent);outline-offset:2px}.rules-list{flex-direction:column;gap:4px;margin:0;padding-inline-start:20px;display:flex}.rules-list li{font-size:15px;font-weight:600;line-height:1.55}.roster{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.roster-row{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-divider);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;font-size:18px;font-weight:700;display:flex}.roster-row .who{align-items:center;gap:var(--space-2);display:flex}.roster-row .status{color:var(--color-neutral-700);font-size:14px;font-weight:700}.roster-row .status.ok{color:#0a9d6e}.hexdot{width:16px;height:16px;clip-path:var(--hex);box-shadow:0 0 10px color-mix(in srgb, currentColor 60%, transparent);flex:none}.game{flex-direction:column;flex:1;min-height:0;animation:.35s both floatIn;display:flex}.duel{padding:var(--space-2) var(--space-3) 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.seat-card{background:var(--color-surface);border:1.5px solid var(--color-divider);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:8px;padding:7px 9px;transition:transform .25s,box-shadow .25s,border-color .25s,opacity .25s;display:flex}.seat-card:not(.on){opacity:.8}.seat-card.on{border-color:var(--seat);box-shadow:0 0 0 3px color-mix(in srgb, var(--seat) 16%, transparent), 0 10px 22px var(--seat-glow);transform:translateY(-2px)}.seat-info{flex-direction:column;gap:1px;min-width:0;display:flex}.seat-name{align-items:center;gap:5px;min-width:0;font-size:15px;font-weight:900;line-height:1.25;display:flex}.seat-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-name small{color:var(--seat-7);background:color-mix(in srgb, var(--seat) 13%, transparent);border-radius:99px;flex:none;padding:0 6px;font-size:10.5px;font-weight:800}.seat-name small.off{color:var(--color-accent-2-700);background:var(--color-accent-2-100)}.seat-meta{color:var(--color-neutral-700);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.seat-meta .count{color:var(--seat-7);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:14px;font-weight:900;display:inline-flex}.seat-meta .goal{color:var(--seat-7);margin-inline-start:2px;font-size:15px;font-weight:900}.mini-hex{width:10px;height:11px;clip-path:var(--hex);background:var(--seat)}.duel-mid{place-items:center;min-width:40px;display:grid}.duel .session-bar{flex-direction:column;justify-content:center;gap:0;padding:0}.duel .sb-score{gap:5px;font-size:24px;font-weight:900;line-height:1.1}.duel .sb-round{white-space:nowrap;font-size:10.5px;font-weight:800}.duel-vs{color:var(--color-neutral-600);background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:99px;padding:3px 8px;font-size:12px;font-weight:900}.avatar{width:34px;height:38px;clip-path:var(--hex);background:linear-gradient(180deg, color-mix(in srgb, var(--seat) 68%, white), var(--seat) 58%, var(--seat-7));color:#fff;font-family:var(--font-letter);flex:none;place-items:center;padding-bottom:2px;font-size:19px;font-weight:700;line-height:1;display:grid}.avatar.pulse{animation:1.6s ease-in-out infinite avatarPulse}.arena{--arena-max:clamp(280px, calc((var(--frame-h) - 330px) * 1.15), 600px);width:calc(100% - 2 * var(--space-3));max-width:var(--arena-max);margin:var(--space-3) auto 0;border:1px solid var(--color-divider);background:radial-gradient(circle at 1px 1px,#171a2e12 1px,#0000 1.6px) 0 0/14px 14px,linear-gradient(#f9fafd,#eef1f8);border-radius:24px;flex:none;align-self:center;padding:8px 6px 6px;transition:max-width .35s;position:relative;box-shadow:inset 0 1px #fff,0 12px 28px #171a2e12}.game.asking .arena{--arena-max:clamp(250px, calc((var(--frame-h) - 470px) * 1.15), 600px)}.game.asking .legend{display:none}.board svg{width:100%;height:auto;display:block;overflow:visible}.band{opacity:.5;transition:opacity .3s}.band.on{opacity:1;animation:1.8s ease-in-out infinite bandGlow}.cell{outline:none}.cell .top{transform-box:fill-box;transform-origin:50%;transition:transform .18s}.cell .face{stroke-width:1.5px;transition:fill .25s,stroke .2s}.cell .side{transition:fill .25s}.cell .gloss{fill:none;stroke:#fff6;stroke-width:2px}.cell .glyph{font-family:var(--font-letter);text-anchor:middle;dominant-baseline:central;fill:var(--color-text);pointer-events:none;font-size:31px;font-weight:700}.cell.owned .top{transform:translateY(4px)}.cell.owned .glyph{fill:#fff;paint-order:stroke;stroke:#00000029;stroke-width:2px}.cell.locked{opacity:.72}.cell.locked .face{stroke-dasharray:4 3}.cell.locked .glyph{fill:var(--color-neutral-500)}.cell.can{cursor:pointer}.cell.can .face{animation:1.8s ease-in-out infinite hexInvite}.cell.can:hover .top,.cell.can:focus-visible .top{transform:translateY(-4px)}.cell.can:active .top{transform:translateY(3px)}.cell.can:focus-visible .face{stroke:var(--color-text);stroke-width:3px}.cell.active .top{filter:drop-shadow(0 0 7px var(--seat));transform:translateY(-3px)}.cell.active .face{stroke-width:3.5px;stroke-dasharray:9 6;animation:1s linear infinite march}.cell.active.owned .face{stroke-width:2px;stroke-dasharray:none;animation:none}.cell.taken .top{animation:.65s cubic-bezier(.2,1.4,.4,1) claim}.cell.lost .top{animation:.6s lostShake}.cell.on-path .face{stroke:var(--color-gold);stroke-width:4px}.cell.on-path .top{animation:1.4s ease-in-out infinite pathGlow;animation-delay:calc(var(--k) * 90ms)}.badge{pointer-events:none}.badge.gold{fill:var(--color-gold);stroke:var(--color-gold-ink);stroke-width:.8px}.badge.bomb circle{fill:var(--color-neutral-900)}.badge.bomb path{stroke:var(--color-neutral-900)}.badge.bomb .spark{fill:var(--color-accent-2)}.badge.fast{fill:var(--color-fast)}.badge.lock rect{fill:var(--color-neutral-600)}.badge.lock path{stroke:var(--color-neutral-600)}.legend{flex-wrap:wrap;justify-content:center;gap:5px;padding:6px 2px 2px;display:flex}.chip{color:var(--color-neutral-700);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:99px;align-items:center;gap:4px;padding:2px 9px 2px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.chip b{color:var(--color-text);font-weight:900}@media (width<=400px){.legend .chip span{display:none}}.legend svg,.sp-tag svg{flex:none;width:14px;height:14px}.sp-tag{border:1px solid var(--color-divider);gap:4px;font-size:13px;font-weight:800}.sp-tag.sp-gold{background:color-mix(in srgb, var(--color-gold) 16%, var(--color-surface));color:var(--color-gold-ink)}.sp-tag.sp-bomb{background:var(--color-neutral-100);color:var(--color-neutral-900)}.sp-tag.sp-fast{background:color-mix(in srgb, var(--color-fast) 10%, var(--color-surface));color:var(--color-fast)}.panel{gap:var(--space-2);min-height:0;margin-top:var(--space-3);padding:var(--space-4) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--color-surface);border-top:1.5px solid var(--color-divider);border-radius:26px 26px 0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto;box-shadow:0 -10px 28px #171a2e0f}.panel:before{content:"";top:-1.5px;background:var(--seat);height:4px;box-shadow:0 2px 10px var(--seat);border-radius:0 0 99px 99px;transition:background .3s;position:absolute;inset-inline:32%}.stack-1{gap:var(--space-1);flex-direction:column;display:flex}.stack-2{gap:var(--space-2);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.round{color:var(--color-neutral-600);font-size:13px;font-weight:800}.turn{align-items:center;gap:var(--space-3);display:flex}.turn .avatar{width:58px;height:64px;padding-bottom:4px;font-size:30px}.pick-title{font-size:clamp(26px,8vw,34px);font-weight:900;line-height:1.1}.note{font-size:16px;font-weight:600;line-height:1.5}.note.muted{color:var(--color-neutral-700)}.q-head{align-items:center;gap:var(--space-3);display:flex}.q-tags{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.q-tags .tag{font-size:13px}.medal{width:52px;height:58px;filter:drop-shadow(0 4px 0 var(--seat-7)) drop-shadow(0 8px 12px var(--seat-glow));flex:none}.medal>span{width:100%;height:100%;clip-path:var(--hex);background:linear-gradient(180deg, color-mix(in srgb, var(--seat) 68%, white), var(--seat) 58%, var(--seat-7));color:#fff;font-family:var(--font-letter);place-items:center;padding-bottom:4px;font-size:31px;font-weight:700;line-height:1;display:grid}.ring{flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--color-neutral-200);stroke-width:5px}.ring-arc{fill:none;stroke:var(--seat);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .12s linear,stroke .2s}.ring b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:900;position:relative}.ring.low .ring-arc{stroke:var(--color-accent-2)}.ring.low b{color:var(--color-accent-2-700);animation:.7s ease-in-out infinite timerLow}.q-text{text-wrap:pretty;font-size:20px;font-weight:800;line-height:1.5}.answer-row{gap:var(--space-2);margin-top:var(--space-1);display:flex}.answer-row .input{min-width:0;min-height:54px;padding:0 var(--space-3);flex:1;font-size:20px}.answer-row .btn{min-height:54px;padding-inline:var(--space-4);font-size:17px}.cats{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.cats .btn{min-height:52px;margin:0}.btn-primary.buzz{background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-2) 82%, white 18%), var(--color-accent-2));min-height:72px;box-shadow:0 6px 0 var(--deep-accent-2), 0 12px 26px var(--glow-accent-2);font-size:26px;animation:1.1s ease-in-out infinite buzzPulse}.btn-primary.buzz:active:not(:disabled){box-shadow:0 0 0 var(--deep-accent-2), 0 4px 14px var(--glow-accent-2);transform:translateY(6px)}.banner{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-neutral-100);color:var(--color-neutral-800);font-size:15px;font-weight:700}.banner.steal{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.hint{color:var(--color-neutral-800);font-size:16px;font-weight:700}.hint .mask{font-family:var(--font-letter);color:var(--color-accent-700);white-space:pre-wrap;font-size:20px}.powers{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.power{font:inherit;color:var(--color-text);cursor:pointer;background:var(--color-surface);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:0 3px 0 var(--color-neutral-200);flex-direction:column;align-items:center;gap:1px;padding:6px 4px;font-size:14px;font-weight:800;display:flex}.power small{color:var(--color-neutral-600);font-size:11px;font-weight:700}.power:hover:not(:disabled){border-color:var(--color-accent)}.power:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.power:disabled{opacity:.45;cursor:default;box-shadow:none}.result-head{align-items:center;gap:var(--space-3);display:flex}.result-icon{background:var(--color-neutral-700);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;animation:.45s cubic-bezier(.2,1.5,.4,1) both popIn;display:grid;box-shadow:0 6px 16px #171a2e29}.result-icon.time{background:var(--color-neutral-500)}.result-icon .icon{color:#fff;stroke-width:3px;width:28px;height:28px}.result-title{font-size:clamp(26px,7.5vw,34px);font-weight:900;line-height:1.15}.icon{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.attempts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.attempts li{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-neutral-100);padding:8px 12px;font-size:16px;font-weight:700;display:flex}.attempts .who{flex:none;font-weight:900}.attempts .who small{color:var(--color-neutral-600);font-size:12px;font-weight:700}.attempts .said{overflow-wrap:anywhere;flex:1;min-width:0}.attempts .icon{color:var(--color-neutral-500)}.attempts li.ok{background:color-mix(in srgb, #0a9d6e 10%, var(--color-surface))}.attempts li.ok .icon{color:#0a9d6e}.reveal{align-items:baseline;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-neutral-700);background:color-mix(in srgb, var(--color-gold) 9%, var(--color-surface));border:1.5px dashed color-mix(in srgb, var(--color-gold) 55%, transparent);padding:10px 14px;font-size:14px;font-weight:800;display:flex}.reveal b{color:var(--color-text);font-size:20px;font-weight:900}.effect{border-radius:var(--radius-sm);background:var(--color-neutral-100);color:var(--color-neutral-800);padding:6px 12px;font-size:15px;font-weight:800}.effect.gold{background:color-mix(in srgb, var(--color-gold) 14%, var(--color-surface));color:var(--color-gold-ink)}.win{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6) var(--space-4);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));background:radial-gradient(80% 50% at 50% 55%, #e9a20024, transparent 70%), color-mix(in srgb, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;animation:.45s cubic-bezier(.2,1.1,.3,1) both winIn;display:flex;position:absolute;inset:0}.win .kicker{color:var(--color-gold)}.win-title{text-shadow:0 4px 24px color-mix(in srgb, currentColor 40%, transparent);font-size:clamp(40px,13vw,56px);font-weight:900;line-height:1.05}.win .btn-lg{margin-top:var(--space-2)}.win .btn-block+.btn-block{margin-top:0}.session-bar{padding:var(--space-2) var(--space-4) 0;justify-content:space-between;align-items:center;font-weight:800;display:flex}.sb-round{color:var(--color-neutral-700);font-size:14px}.sb-score{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:22px;display:inline-flex}.sb-score .sb-dash{color:var(--color-neutral-400);font-weight:600}.score-final{justify-content:center;align-items:center;gap:var(--space-3);font-size:18px;font-weight:700;display:flex}.score-final b{font-variant-numeric:tabular-nums;font-size:30px}.score-final .vs{color:var(--color-neutral-400)}.win.session{text-align:center;justify-content:center;gap:var(--space-4);background:radial-gradient(90% 60% at 50% 40%, #e9a20042, transparent 72%), color-mix(in srgb, var(--color-bg) 90%, transparent);animation:.6s cubic-bezier(.2,1.3,.3,1) both champIn}.win.session .win-title{font-size:clamp(44px,15vw,64px);animation:1.8s ease-in-out infinite champPulse}.win.session .kicker{letter-spacing:.06em;font-size:16px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-8%;left:calc(var(--i) * 5.6%);opacity:0;background:hsl(calc(var(--i) * 47), 85%, 58%);width:9px;height:15px;animation:2.8s linear infinite confettiFall;animation-delay:calc(var(--i) * -.16s);border-radius:2px;position:absolute}@keyframes floatIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes winIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes bandGlow{0%,to{filter:drop-shadow(0 0 2px)}50%{filter:drop-shadow(0 0 7px)}}@keyframes march{to{stroke-dashoffset:-30px}}@keyframes claim{0%{transform:translateY(-10px)scale(.55)}60%{transform:translateY(2px)scale(1.12)}to{transform:translateY(4px)scale(1)}}@keyframes lostShake{0%,to{transform:none}20%{opacity:.6;transform:translate(-4px)rotate(-5deg)}40%{transform:translate(4px)rotate(5deg)}60%{opacity:.8;transform:translate(-3px)rotate(-3deg)}80%{transform:translate(2px)}}@keyframes pathGlow{0%,to{filter:drop-shadow(0 0 3px #e9a20080)}50%{filter:drop-shadow(0 0 11px #e9a200)}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes hexInvite{0%,to{stroke-opacity:.5}50%{stroke-opacity:1;stroke-width:3px}}@keyframes buzzPulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes timerLow{0%,to{opacity:1}50%{opacity:.45}}@keyframes champIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes champPulse{0%,to{text-shadow:0 4px 24px color-mix(in srgb, currentColor 40%, transparent);transform:scale(1)}50%{text-shadow:0 6px 40px color-mix(in srgb, currentColor 75%, transparent);transform:scale(1.05)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:.9;transform:translateY(900px)rotate(620deg)}}@media (prefers-reduced-motion:reduce){.screen,.game,.win,.win.session,.cell .face,.cell .top,.band.on,.avatar.pulse,.ring.low b,.result-icon,.btn-primary.buzz,.win.session .win-title{animation:none}.confetti{display:none}.logo-wrap,.logo,.logo-wrap:after{animation:none}.logo{filter:drop-shadow(0 8px 16px #1226544d)}}