@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/GoogleSans-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Google Sans Variable;src:url(/fonts/GoogleSans-VariableFont_GRAD_opsz_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Variable;src:url(/fonts/GoogleSans-Italic-VariableFont_GRAD_opsz_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--sapphire-1000: #020815;--sapphire-950: #051328;--sapphire-900: #0C1C33;--sapphire-800: #12243E;--sapphire-700: #1B3052;--sapphire-600: #243858;--sapphire-500: #38466F;--sapphire-400: #5A6889;--sapphire-300: #747F97;--sapphire-200: #808EAB;--sapphire-100: #D8DEEB;--sapphire-50: #E5E9F2;--sky-100: #D6F2FF;--sky-200: #AEE5FE;--sky-300: #6FD4FE;--sky-400: #3ECAFF;--sky-500: #20C1FE;--sky-600: #12B0EB;--sky-700: #0B8EC2;--sky-800: #0A6D96;--cobalt-300: #7AA1F9;--cobalt-400: #5A8AF8;--cobalt-500: #3C78F6;--cobalt-600: #3974F2;--cobalt-700: #2E4593;--sun-100: #FFF2BE;--sun-200: #FFDC6F;--sun-300: #FCCC38;--sun-400: #F9D258;--sun-500: #E6C85E;--sun-600: #C9A82E;--paper: #FAFAFD;--white: #FFFFFF;--ash-100: #F7F7F7;--ash-200: #DDDDE7;--ash-300: #C4C5C6;--success: #6FDA44;--warning: #F9D258;--danger: #FF5A5F;--info: var(--sky-500);--bg: var(--sapphire-950);--bg-elevated: var(--sapphire-900);--surface: var(--sapphire-800);--surface-hi: var(--sapphire-700);--border: var(--sapphire-600);--border-subtle: var(--sapphire-500);--fg-1: var(--sapphire-50);--fg-2: var(--sapphire-100);--fg-3: var(--sapphire-200);--fg-4: var(--sapphire-300);--fg-muted: var(--sapphire-400);--fg-accent: var(--sky-500);--fg-accent-warm: var(--sun-400);--accent: var(--sky-500);--accent-hover: var(--sky-400);--accent-press: var(--sky-600);--accent-warm: var(--sun-400);--link: var(--cobalt-500);--link-hover: var(--sky-400);--glow-sky: 0 0 32px rgba(62, 202, 255, .45);--glow-sky-soft: 0 0 80px rgba(32, 193, 254, .22);--glow-sun: 0 0 28px rgba(230, 200, 94, .55);--glow-cobalt: 0 8px 24px rgba(60, 120, 246, .35);--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5);--shadow-text: 0 2px 3px rgba(0,0,0,.7);--r-1: 3px;--r-2: 6px;--r-3: 10px;--r-4: 16px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--container: 1180px;--container-wide: 1280px;--gutter: 24px;--ease-standard: cubic-bezier(.22, .61, .36, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--dur-1: .12s;--dur-2: .24s;--dur-3: .4s;--dur-4: .8s;--font-display: "Google Sans", "Google Sans Variable", system-ui, sans-serif;--font-body: "Google Sans", "Google Sans Variable", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-display-1: 96px;--t-display-2: 72px;--t-display-3: 56px;--t-h1: 42px;--t-h2: 34px;--t-h3: 28px;--t-h4: 22px;--t-eyebrow: 14px;--t-body-lg: 20px;--t-body: 18px;--t-body-sm: 16px;--t-body-xs: 14px;--t-micro: 12px;--lh-tight: 1;--lh-snug: 1.15;--lh-body: 1.4;--lh-loose: 1.57;--lh-list: 1.78;--tr-tight: -.015em;--tr-normal: 0;--tr-wide: .05em;--tr-widest: .24em}html,body{background:var(--bg);color:var(--fg-2);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,.h1{font-family:var(--font-display);font-weight:700;font-size:var(--t-display-3);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-1);margin:0}h2,.h2{font-family:var(--font-display);font-weight:700;font-size:var(--t-h2);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-1);margin:0}h3,.h3{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);line-height:1.05;color:var(--fg-1);margin:0}h4,.h4{font-family:var(--font-display);font-weight:600;font-size:var(--t-h4);line-height:1.1;color:var(--fg-1);margin:0}p{font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg-3);margin:0}.eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:var(--tr-wide);color:var(--accent);text-transform:none}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"ss01" 1}.slashes{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:var(--tr-widest);color:var(--sapphire-600)}a,.link{color:var(--link);text-decoration:none;transition:color var(--dur-2) var(--ease-standard)}a:hover,.link:hover{color:var(--link-hover)}code,.code,pre{font-family:var(--font-mono);font-size:.95em;color:var(--sky-300);background:var(--sapphire-900);padding:.15em .4em;border-radius:var(--r-1)}hr{border:0;height:1px;background:var(--border)}::selection{background:var(--sky-500);color:var(--sapphire-950)}.dumka-cloud{position:relative;display:inline-block;color:var(--sky-500);padding:.55em 1.2em;margin:-.55em -1.2em;white-space:nowrap}.dumka-word{display:inline-block;position:relative;z-index:1}.dumka-orbit{position:absolute;font-family:var(--font-mono);font-weight:400;font-size:.26em;letter-spacing:.04em;line-height:1;color:var(--fg-3);white-space:nowrap;pointer-events:none;animation:dumka-drift 6s ease-in-out infinite}.dumka-orbit[data-pos=tl]{top:.05em;left:-.15em;color:var(--sky-300);animation-delay:0s;transform-origin:100% 100%}.dumka-orbit[data-pos=tr]{top:.1em;right:-.05em;color:var(--sun-300);animation-delay:-1.5s;transform-origin:0% 100%}.dumka-orbit[data-pos=bl]{bottom:.05em;left:-.05em;color:var(--cobalt-300);animation-delay:-3s;transform-origin:100% 0%}.dumka-orbit[data-pos=br]{bottom:.1em;right:-.2em;color:var(--sky-300);animation-delay:-4.5s;transform-origin:0% 0%}@keyframes dumka-drift{0%,to{transform:translate(0);opacity:.85}50%{transform:translate(.3em,-.2em);opacity:1}}.dumka-orbit[data-pos=tr]{animation-name:dumka-drift-2}.dumka-orbit[data-pos=bl]{animation-name:dumka-drift-3}.dumka-orbit[data-pos=br]{animation-name:dumka-drift-4}@keyframes dumka-drift-2{0%,to{transform:translate(0);opacity:.85}50%{transform:translate(-.25em,.25em);opacity:1}}@keyframes dumka-drift-3{0%,to{transform:translate(0);opacity:.85}50%{transform:translate(.25em,.2em);opacity:1}}@keyframes dumka-drift-4{0%,to{transform:translate(0);opacity:.85}50%{transform:translate(-.3em,-.2em);opacity:1}}@media (prefers-reduced-motion: reduce){.dumka-orbit{animation:none!important}}.dumka-cloud.dumka-static .dumka-orbit{animation:none}.has-dumka{padding:.55em 0}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh;min-height:100dvh}body{margin:0;background:var(--bg);color:var(--fg-2);font-family:var(--font-body);-webkit-text-size-adjust:100%}#root{display:flex;flex-direction:column}button,input,textarea{font-family:var(--font-body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 18% 12%,rgba(32,193,254,.1),transparent 60%),radial-gradient(700px 500px at 88% 92%,rgba(60,120,246,.08),transparent 60%);filter:blur(12px)}#root>*{position:relative;z-index:1}.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-root--room{height:100dvh;min-height:0;overflow:hidden}.app-root--room .app-main{min-height:0}.app-main{flex:1;display:flex;flex-direction:column}.page{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.gap-sm{gap:var(--s-3)}.row.gap-md{gap:var(--s-5)}.row.gap-lg{gap:var(--s-6)}.topbar{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;background:#051328c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:var(--s-3);text-decoration:none;color:var(--fg-1);line-height:1}.brand-game{font-family:var(--font-display);font-weight:600;font-size:var(--t-h4);color:var(--fg-1)}.btn{-webkit-appearance:none;appearance:none;-webkit-text-fill-color:currentColor;border:1px solid transparent;border-radius:var(--r-1);padding:12px 20px;font:500 var(--t-body-sm) / 1 var(--font-body);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--s-2);transition:background var(--dur-2) var(--ease-standard),border-color var(--dur-2) var(--ease-standard),color var(--dur-2) var(--ease-standard),transform var(--dur-1) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #20c1fe59}.btn.primary{background:var(--sky-500);color:var(--sapphire-950);font-weight:600;box-shadow:var(--glow-sky-soft)}.btn.primary:hover:not(:disabled){background:var(--sky-400);box-shadow:var(--glow-sky)}.btn.warm{background:var(--sun-400);color:var(--sapphire-950);font-weight:600;box-shadow:var(--glow-sun)}.btn.warm:hover:not(:disabled){background:var(--sun-300)}.btn.ghost{background:transparent;color:var(--fg-1);border-color:var(--border)}.btn.ghost:hover:not(:disabled){border-color:var(--sky-500);color:var(--sky-300)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--sapphire-700)}.btn.danger:hover:not(:disabled){border-color:var(--danger);background:#ff5a5f14}.btn-sm{padding:8px 14px;font-size:var(--t-body-xs)}.btn-lg{padding:16px 28px;font-size:var(--t-h4);font-weight:600;border-radius:var(--r-2)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field-label{font-size:var(--t-eyebrow);font-weight:500;color:var(--fg-3);letter-spacing:var(--tr-wide)}.input,.textarea{-webkit-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--fg-1);font:400 var(--t-body) / var(--lh-body) var(--font-body);padding:12px 14px;border-radius:var(--r-3);outline:none;transition:border-color var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard)}.input:focus,.textarea:focus{border-color:var(--sky-500);box-shadow:0 0 0 3px #20c1fe2e}.input::placeholder,.textarea::placeholder{color:var(--fg-muted)}.textarea{resize:vertical;min-height:96px}.surface{background:var(--surface);border-radius:var(--r-3);border:1px solid var(--border-subtle);padding:var(--s-5)}.surface-elevated{background:var(--surface-hi);border-radius:var(--r-3);border:1px solid var(--border);padding:var(--s-4) var(--s-5)}.panel-team-A{background:var(--surface);border:1px solid var(--border-subtle);border-left:3px solid var(--sky-500);border-radius:var(--r-3);padding:var(--s-5)}.panel-team-B{background:var(--surface);border:1px solid var(--border-subtle);border-left:3px solid var(--cobalt-500);border-radius:var(--r-3);padding:var(--s-5)}.home{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--s-4) 0}.home:before,.home:after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0}.home:before{width:460px;height:460px;left:-180px;top:-120px;background:radial-gradient(closest-side,rgba(32,193,254,.18),transparent 70%);filter:blur(20px)}.home:after{width:220px;height:220px;right:12%;top:10%;background:radial-gradient(closest-side,rgba(249,210,88,.18),transparent 70%);filter:blur(16px)}.home-stage{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--s-5)}.home-eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-body-xs);letter-spacing:.06em;color:var(--fg-3);align-self:flex-start;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#05132899}.home-title{font-family:var(--font-display);font-weight:700;font-size:clamp(56px,9vw,108px);line-height:1.1;letter-spacing:-.02em;color:var(--fg-1);margin:0;padding-bottom:.16em;background:linear-gradient(180deg,var(--fg-1) 60%,var(--sky-200));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 6px 40px rgba(32,193,254,.18)}.home-tag{font-size:var(--t-body-lg);color:var(--fg-3);max-width:56ch;margin:0}.home-actions{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:center}.home-join{display:inline-flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.home-join-label{font-size:var(--t-body-sm);color:var(--fg-muted)}.home-join-input{font-family:var(--font-mono);letter-spacing:.08em;text-transform:lowercase;width:12ch;padding:10px 12px}.home-rules{list-style:none;padding:0;margin:var(--s-3) 0 0;display:grid;gap:var(--s-2);counter-reset:home-rule}.home-rules li{display:flex;align-items:flex-start;gap:var(--s-4);padding:var(--s-3) var(--s-5);background:#0c1c3380;border:1px solid var(--border-subtle);border-radius:var(--r-3);color:var(--fg-3);font-size:var(--t-body-sm);line-height:1.5}.home-rules strong{color:var(--fg-1);font-weight:600}.home-rule-num{font-family:var(--font-mono);font-size:14px;color:var(--sky-300);background:#20c1fe1a;border:1px solid rgba(32,193,254,.3);width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.home-back{align-self:flex-start;font-size:var(--t-body-sm);color:var(--fg-3);text-decoration:none;transition:color .14s ease}.home-back:hover{color:var(--sky-300)}.portal{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--s-4) 0}.portal:before{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0;width:460px;height:460px;left:-180px;top:-120px;background:radial-gradient(closest-side,rgba(32,193,254,.16),transparent 70%);filter:blur(20px)}.portal-stage{position:relative;z-index:1;width:100%;max-width:980px;margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column;gap:var(--s-6)}.portal-hero{display:flex;flex-direction:column;gap:var(--s-4);max-width:60ch}.portal-eyebrow{font-family:var(--font-mono);font-size:var(--t-body-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--sky-300)}.portal-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6vw,64px);line-height:.98;letter-spacing:-.02em;color:var(--fg-1);margin:0}.portal-tag{font-size:var(--t-body-lg);color:var(--fg-3);margin:0;max-width:52ch}.portal-section{display:flex;flex-direction:column;gap:var(--s-5)}.portal-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--border-subtle)}.portal-section-head h2{font-size:var(--t-h3);margin:0}.portal-count{font-family:var(--font-mono);font-size:var(--t-body-xs);color:var(--fg-muted)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s-5)}.game-card{display:flex;flex-direction:column;gap:var(--s-3);min-height:176px;padding:var(--s-5);text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-4);cursor:pointer;position:relative;transition:border-color .16s ease,transform .16s ease,background .16s ease}.game-card:hover{border-color:var(--sky-700);background:var(--surface-hi);transform:translateY(-2px)}.game-card:focus-visible{outline:2px solid var(--sky-500);outline-offset:2px}.game-card__mark{width:48px;height:48px;border-radius:var(--r-3);display:grid;place-items:center;background:#20c1fe12;border:1px solid rgba(32,193,254,.2)}.game-card__name{font-size:var(--t-h4);font-weight:600;color:var(--fg-1);margin:0}.game-card__tag{font-size:var(--t-body-sm);color:var(--fg-3);line-height:1.5;margin:0;flex:1}.game-card__meta{display:flex;flex-wrap:wrap;gap:var(--s-2)}.game-meta-chip{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-4);padding:3px 9px;border:1px solid var(--border-subtle);border-radius:999px}.game-card__cta{font-size:var(--t-body-sm);font-weight:600;color:var(--sky-300);display:inline-flex;align-items:center;gap:6px}.game-card.soon{cursor:default;opacity:.6}.game-card.soon:hover{transform:none;border-color:var(--border-subtle);background:var(--surface)}.game-card.soon .game-card__mark{background:#d8deeb08;border-color:var(--border-subtle)}.game-mark-soon{width:26px;height:26px;border-radius:999px;border:1.5px dashed var(--sapphire-400);display:block}.game-soon-badge{position:absolute;top:var(--s-4);right:var(--s-4);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--border-subtle);border-radius:999px;padding:3px 10px}.footer{margin-top:auto;border-top:1px solid var(--border);background:var(--sapphire-1000)}.footer-inner{max-width:var(--container);margin:0 auto;padding:var(--s-5) var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}.footer-brand{display:inline-flex;align-items:center}.footer-meta{font-size:var(--t-body-xs);color:var(--fg-muted)}.footer-meta a{color:var(--sky-400);text-decoration:none}.footer-meta a:hover{color:var(--sky-300)}.shell{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5) 0 var(--s-5)}.shell-header{position:sticky;top:64px;z-index:5;background:#051328c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:var(--s-3) 0;border-bottom:1px solid var(--border)}.shell-band{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.shell-meta{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;font-size:var(--t-body-xs);color:var(--fg-3)}.shell-meta .pill{font-family:var(--font-mono);font-size:var(--t-micro);padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);letter-spacing:.05em}.shell-meta .pill strong{color:var(--fg-1);font-weight:500}.team-pill{padding:4px 10px;border-radius:999px;font-size:var(--t-body-xs);font-weight:500}.team-pill.A{color:var(--sky-300);background:#20c1fe1a;border:1px solid rgba(32,193,254,.3)}.team-pill.B{color:var(--cobalt-300);background:#3c78f61a;border:1px solid rgba(60,120,246,.35)}.team-pill.none{color:var(--fg-muted);border:1px solid var(--border)}.team-pill.host{color:var(--sun-300);background:#f9d2581a;border:1px solid rgba(249,210,88,.4)}.players-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-3)}.player-chip{display:flex;align-items:center;gap:var(--s-3);padding:10px 14px;border-radius:var(--r-3);background:var(--bg-elevated);border:1px solid var(--border)}.player-chip .dot{width:8px;height:8px;border-radius:999px;background:var(--success);flex:0 0 8px;box-shadow:0 0 8px #6fda4499}.player-chip.offline .dot{background:var(--fg-muted);box-shadow:none}.player-chip .name{font-weight:500;color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-chip.me .name{color:var(--sky-300)}.player-chip .host-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--sun-400);border:1px solid rgba(249,210,88,.4);padding:1px 6px;border-radius:4px}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}@media (max-width: 720px){.teams-grid{grid-template-columns:1fr}}.team-col{--team-accent: var(--sky-300);--team-fill: rgba(62, 202, 255, .12);--team-edge: rgba(62, 202, 255, .28);--team-wash: rgba(62, 202, 255, .05);background:radial-gradient(120% 90% at 0% 0%,var(--team-wash),transparent 55%),var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-4);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);transition:border-color .16s ease}.team-col.A{--team-accent: var(--sky-300);--team-fill: rgba(62, 202, 255, .12);--team-edge: rgba(62, 202, 255, .28);--team-wash: rgba(62, 202, 255, .05)}.team-col.B{--team-accent: var(--cobalt-300);--team-fill: rgba(60, 120, 246, .14);--team-edge: rgba(60, 120, 246, .32);--team-wash: rgba(60, 120, 246, .06)}.team-col:hover{border-color:var(--team-edge)}.team-col h3{font-size:var(--t-h4);margin:0;line-height:1.15}.team-col__head{display:flex;align-items:center;gap:var(--s-3)}.team-marker{flex:none;width:38px;height:38px;border-radius:var(--r-2);display:grid;place-items:center;font-weight:700;font-size:var(--t-body);line-height:1;color:var(--team-accent);background:var(--team-fill);border:1px solid var(--team-edge)}.team-col__title{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto}.team-col__count{font-size:var(--t-body-xs);color:var(--fg-muted)}.team-col__rename{flex:none}.timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:56px;color:var(--fg-1);line-height:1;letter-spacing:-.02em}.timer.lg{font-size:clamp(52px,min(11vw,13vh),108px);letter-spacing:-.03em}.timer.tight{font-size:36px}.timer.warn{color:var(--sun-300);text-shadow:0 0 24px rgba(249,210,88,.4)}.timer.danger{color:var(--danger);text-shadow:0 0 24px rgba(255,90,95,.5)}.score-inline{display:inline-flex;align-items:center;gap:var(--s-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-family:var(--font-mono)}.score-inline .score-team{display:inline-flex;align-items:baseline;gap:8px}.score-inline .name{font-size:var(--t-body-xs);letter-spacing:.04em;color:var(--fg-muted);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-inline .value{font-size:22px;font-weight:600;line-height:1}.score-inline .score-vs{color:var(--fg-muted);font-size:14px}.score-inline .score-team.A .name{color:var(--sky-400)}.score-inline .score-team.A .value{color:var(--sky-300)}.score-inline .score-team.B .name{color:var(--cobalt-400)}.score-inline .score-team.B .value{color:var(--cobalt-300)}.room-shell{flex:1;min-height:0;display:flex;flex-direction:column}.game-bar{flex:0 0 auto;background:#051328d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.game-bar__inner{max-width:var(--container);margin:0 auto;padding:9px var(--gutter);min-height:52px;display:flex;align-items:center;gap:var(--s-3)}.game-bar__brand{display:inline-flex;align-items:center;flex:0 0 auto;opacity:.95}.game-bar__brand:hover{opacity:1}.game-bar__round{font-size:var(--t-body-sm);font-weight:500;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-bar__spacer{flex:1 1 auto}.turn-tag{flex:0 0 auto;font-size:var(--t-body-xs);font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap}.turn-tag.A{color:var(--sky-300);background:#20c1fe1a}.turn-tag.B{color:var(--cobalt-300);background:#3c78f61f}.turn-tag.none{color:var(--fg-muted)}.bar-icon{flex:0 0 auto;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--r-2);border:1px solid var(--border);background:transparent;color:var(--fg-3);cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.bar-icon:hover{color:var(--sky-300);border-color:var(--sky-700)}.bar-icon.ok{color:var(--success);border-color:#5bd08a80}.bar-icon:focus-visible{outline:none;box-shadow:0 0 0 3px #20c1fe4d}.game-bar__timer{flex:0 0 auto;display:inline-flex;align-items:center}.game-bar__timer .timer.tight{font-size:var(--t-h4);letter-spacing:0}@media (max-width: 560px){.game-bar__inner{gap:var(--s-2);padding-left:var(--s-3);padding-right:var(--s-3)}.game-bar__round{display:none}.score-inline{padding:5px 10px;gap:var(--s-2)}}@media (max-width: 440px){.score-inline .name{display:none}.turn-tag{padding:3px 8px}}.phase-fill{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-5);padding-bottom:var(--s-5);overflow-y:auto}.phase-fill>.stage,.phase-fill>.stack{flex:0 0 auto}@media (max-height: 600px){.phase-fill{padding-top:var(--s-3);padding-bottom:var(--s-3)}}.lobby-view{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(var(--s-3),1.6vh,var(--s-5))}.lobby-head{flex:0 0 auto}.lobby-head h2{font-size:clamp(var(--t-h3),4.2vh,var(--t-h2))}.lobby-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(var(--s-3),1.6vh,var(--s-5))}.lobby-foot{flex:0 0 auto}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);width:100%}.word-grid>*{min-width:0}@media (max-width: 540px){.word-grid{grid-template-columns:minmax(0,1fr)}}.word-tile{background:linear-gradient(180deg,var(--surface-hi),var(--surface));border:1px solid var(--border);border-radius:var(--r-3);padding:clamp(var(--s-3),2.6vh,var(--s-5)) var(--s-4);text-align:center;font-family:var(--font-display);font-size:clamp(var(--t-body-lg),3.4vh,var(--t-h3));font-weight:600;overflow-wrap:anywhere;color:var(--fg-1);box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff0a;position:relative;overflow:hidden}.word-tile:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(32,193,254,.55),transparent)}.word-tile.muted{background:var(--bg-elevated);color:var(--fg-muted);font-size:var(--t-body);font-weight:500;font-family:var(--font-mono);letter-spacing:.04em}.word-tile.muted:after{display:none}.word-tile.guess{background:#3c78f60f;border:1px dashed var(--cobalt-500);color:var(--cobalt-200);font-weight:500;box-shadow:none}.word-tile.guess:after{display:none}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}@media (max-width: 720px){.notes-grid{grid-template-columns:1fr}}.notes-col{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-3);padding:clamp(var(--s-3),2vh,var(--s-5));display:flex;flex-direction:column;gap:var(--s-3);min-height:0}.notes-list{display:flex;flex-direction:column;gap:var(--s-2)}.notes-list .item{background:var(--surface);border:1px solid var(--border);padding:8px 12px;border-radius:var(--r-2);font-size:var(--t-body-sm);color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.02em}.card-eyebrow{font-size:var(--t-eyebrow);font-weight:500;letter-spacing:var(--tr-wide);color:var(--fg-3);text-transform:uppercase;margin-bottom:var(--s-3)}.banner{border-radius:var(--r-3);padding:var(--s-3) var(--s-4);font-size:var(--t-body-sm);border:1px solid;line-height:1.5}.banner.info{color:var(--sky-200);background:#20c1fe14;border-color:#20c1fe4d}.banner.warn{color:var(--sun-200);background:#f9d25814;border-color:#f9d2584d}.toolbar{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}.codey{font-family:var(--font-mono);font-size:var(--t-body-sm);background:var(--sapphire-1000);border:1px solid var(--border);padding:8px 12px;border-radius:var(--r-2);color:var(--sky-200);word-break:break-all}.eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);font-weight:500;letter-spacing:var(--tr-wide);color:var(--fg-accent);text-transform:none}.stage{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-4);padding:clamp(var(--s-4),2.6vh,var(--s-6)) var(--s-6);display:flex;flex-direction:column;gap:clamp(var(--s-3),1.8vh,var(--s-4));box-shadow:0 12px 40px #00000059}.stage.center{text-align:center;align-items:center}.stage h2{font-size:var(--t-h2)}.spotlight{position:relative;background:radial-gradient(closest-side,rgba(32,193,254,.1),transparent 70%),var(--surface);border:1px solid var(--border-subtle);border-radius:var(--r-4);padding:clamp(var(--s-4),3vh,var(--s-7)) var(--s-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);box-shadow:0 12px 50px #0006}.speaking-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-4);align-items:stretch}@media (max-width: 900px){.speaking-row{grid-template-columns:minmax(0,1fr)}}.speaking-row .spotlight{padding:clamp(var(--s-3),2.4vh,var(--s-5)) var(--s-5)}.speaking-row .topic-card{display:flex;flex-direction:column;justify-content:center;background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--r-4);padding:clamp(var(--s-3),2.4vh,var(--s-5)) var(--s-5);gap:var(--s-2)}.speaking-row .topic-card .card-eyebrow{margin-bottom:0}.speaking-row .topic-card p{font-size:clamp(var(--t-body),2.6vh,var(--t-h4));color:var(--fg-1);margin:0;line-height:1.3}.host-menu{position:relative;display:inline-flex}.host-menu-trigger{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:3px;border-radius:var(--r-2)}.host-menu-trigger .host-menu-dot{width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.85}.host-menu-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:0 16px 36px #00000073;padding:6px;display:flex;flex-direction:column;gap:2px}.host-menu-section{font-size:var(--t-eyebrow);letter-spacing:var(--tr-wide);color:var(--fg-muted);padding:6px 10px;text-transform:uppercase}.host-menu-item{-webkit-appearance:none;appearance:none;background:transparent;border:0;text-align:left;padding:8px 10px;border-radius:var(--r-2);color:var(--fg-1);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:2px;transition:background var(--dur-1) var(--ease-standard)}.host-menu-item:hover:not(:disabled){background:var(--surface-hi)}.host-menu-item:disabled{color:var(--fg-muted);cursor:not-allowed}.host-menu-item small{color:var(--fg-muted);font-size:var(--t-micro)}.host-menu-item.danger{color:var(--danger)}.host-menu-item.danger:hover:not(:disabled){background:#ff5a5f14}.team-strip{display:flex;align-items:center;gap:var(--s-3);padding:4px 12px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:var(--t-body-xs);color:var(--fg-3);flex-wrap:wrap}.team-strip-label{font-family:var(--font-mono);letter-spacing:.05em;font-size:var(--t-micro);text-transform:uppercase;color:var(--fg-muted)}.team-strip-label.A{color:var(--sky-400)}.team-strip-label.B{color:var(--cobalt-400)}.team-strip-name{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2)}.team-strip-name.me{color:var(--fg-1);font-weight:500}.team-strip-name.offline{color:var(--fg-muted);text-decoration:line-through;text-decoration-style:dotted}.team-strip-name .pip{width:6px;height:6px;border-radius:999px;background:var(--success);flex:0 0 6px}.team-strip-name.offline .pip{background:var(--fg-muted)}.host-claim-banner{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-radius:var(--r-3);background:#f9d25814;border:1px solid rgba(249,210,88,.3);color:var(--sun-200);font-size:var(--t-body-sm)}.draft-input{font-family:var(--font-display);font-size:var(--t-h4);font-weight:500;text-align:center;min-width:0;width:100%}.draft-meta{font-size:var(--t-body-xs);color:var(--fg-muted);text-align:center}