@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%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),radial-gradient(700px 500px at 88% 92%,color-mix(in srgb,var(--accent-warm) 6%,transparent),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:color-mix(in srgb,var(--bg) 78%,transparent);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 color-mix(in srgb,var(--accent) 35%,transparent)}.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:color-mix(in srgb,var(--danger) 8%,transparent)}.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 color-mix(in srgb,var(--accent) 18%,transparent)}.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,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);filter:blur(20px)}.home:after{width:220px;height:220px;right:12%;top:10%;background:radial-gradient(closest-side,color-mix(in srgb,var(--warning) 18%,transparent),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:color-mix(in srgb,var(--bg) 60%,transparent)}.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 color-mix(in srgb,var(--accent) 18%,transparent)}.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:color-mix(in srgb,var(--bg-elevated) 55%,transparent);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:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);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,color-mix(in srgb,var(--accent) 16%,transparent),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;text-decoration:none;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:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.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:color-mix(in srgb,var(--fg-1) 3%,transparent);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:color-mix(in srgb,var(--bg) 78%,transparent);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(--team-a);background:color-mix(in srgb,var(--team-a) 12%,transparent);border:1px solid color-mix(in srgb,var(--team-a) 32%,transparent)}.team-pill.B{color:var(--team-b);background:color-mix(in srgb,var(--team-b) 12%,transparent);border:1px solid color-mix(in srgb,var(--team-b) 34%,transparent)}.team-pill.none{color:var(--fg-muted);border:1px solid var(--border)}.team-pill.host{color:var(--sun-300);background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning) 40%,transparent)}.players-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-3)}.round-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}@media (max-width: 640px){.round-picker{grid-template-columns:1fr}}.round-toggle{display:flex;align-items:flex-start;gap:var(--s-2);width:100%;text-align:left;padding:clamp(8px,1.3vh,12px) 12px;border-radius:var(--r-3);background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-2);cursor:pointer;transition:border-color .12s ease,background .12s ease}.round-toggle:hover{border-color:var(--accent)}.round-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.round-toggle.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.round-toggle.locked{cursor:default}.round-toggle.locked:hover{border-color:var(--accent)}.round-toggle__check{flex:0 0 20px;width:20px;height:20px;margin-top:1px;border-radius:var(--r-full);border:1px solid var(--border);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--on-accent);background:transparent}.round-toggle.on .round-toggle__check{background:var(--accent);border-color:var(--accent)}.round-toggle__body{display:grid;gap:2px;min-width:0}.round-toggle__name{font-weight:600;color:var(--fg-1)}.round-toggle.on .round-toggle__name{color:var(--accent)}.round-toggle__blurb{font-size:var(--t-body-xs);color:var(--fg-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-meter{display:flex;flex-wrap:wrap;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-body-xs);color:var(--fg-3)}.content-meter .out{color:var(--warning);font-weight:600}.player-chip{display:flex;align-items:center;gap:var(--s-3);padding:8px 12px;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}.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 color-mix(in srgb,var(--warning) 40%,transparent);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(--team-a);--team-fill: color-mix(in srgb, var(--team-a) 14%, transparent);--team-edge: color-mix(in srgb, var(--team-a) 30%, transparent);--team-wash: color-mix(in srgb, var(--team-a) 7%, transparent);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:clamp(var(--s-3),2vh,var(--s-5));display:flex;flex-direction:column;gap:clamp(var(--s-2),1.5vh,var(--s-4));transition:border-color .16s ease}.team-col.A{--team-accent: var(--team-a);--team-fill: color-mix(in srgb, var(--team-a) 14%, transparent);--team-edge: color-mix(in srgb, var(--team-a) 30%, transparent);--team-wash: color-mix(in srgb, var(--team-a) 7%, transparent)}.team-col.B{--team-accent: var(--team-b);--team-fill: color-mix(in srgb, var(--team-b) 16%, transparent);--team-edge: color-mix(in srgb, var(--team-b) 32%, transparent);--team-wash: color-mix(in srgb, var(--team-b) 8%, transparent)}.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 color-mix(in srgb,var(--warning) 40%,transparent)}.timer.danger{color:var(--danger);text-shadow:0 0 24px color-mix(in srgb,var(--danger) 50%,transparent)}.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,.score-inline .score-team.A .value{color:var(--team-a)}.score-inline .score-team.B .name,.score-inline .score-team.B .value{color:var(--team-b)}.room-shell{flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% -8%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--sapphire-1000) 100%)}.game-bar{flex:0 0 auto;background:color-mix(in srgb,var(--bg) 82%,transparent);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(--team-a);background:color-mix(in srgb,var(--team-a) 14%,transparent)}.turn-tag.B{color:var(--team-b);background:color-mix(in srgb,var(--team-b) 14%,transparent)}.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:color-mix(in srgb,var(--success) 50%,transparent)}.bar-icon:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.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-pos{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:0 0 auto;margin:auto 0;width:100%;display:flex;flex-direction:column;gap:clamp(var(--s-3),1.8vh,var(--s-5))}.lobby-head{display:flex;gap:var(--s-4);justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.lobby-head__text{display:flex;flex-direction:column;gap:4px;min-width:0}.lobby-head__text p{color:var(--fg-3);max-width:52ch}.lobby-head .eyebrow{color:var(--accent-warm, var(--sun-300))}.lobby-head h2{font-size:clamp(var(--t-h3),4.2vh,var(--t-h2))}.lobby-body{display:flex;flex-direction:column;gap:clamp(var(--s-3),1.8vh,var(--s-5))}.setup-card{display:flex;flex-direction:column;gap:clamp(var(--s-2),1.4vh,var(--s-3));padding:clamp(var(--s-3),2vh,var(--s-5))}.setup-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.setup-card__hint{color:var(--fg-muted);font-size:var(--t-body-xs)}.lobby-foot{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--border-subtle)}.lobby-actions{display:flex;gap:var(--s-3);align-items:center}.lobby-actions__start{margin-left:auto}.lobby-foot__hint{color:var(--fg-muted);font-size:var(--t-body-xs);margin:0}@media (max-height: 760px){.lobby-head__text p{display:none}.round-toggle__blurb{-webkit-line-clamp:1}}@media (max-width: 560px){.lobby-actions{flex-direction:column-reverse;align-items:stretch}.lobby-actions__start{margin-left:0;width:100%;justify-content:center}}.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,color-mix(in srgb,var(--accent) 55%,transparent),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:color-mix(in srgb,var(--team-b) 6%,transparent);border:1px dashed var(--cobalt-500);color:var(--fg-1);font-weight:500;box-shadow:none}.word-tile.guess:after{display:none}.word-tile.blurred{color:transparent;text-shadow:0 0 clamp(14px,3vh,22px) var(--fg-1);user-select: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:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.banner.warn{color:var(--sun-200);background:color-mix(in srgb,var(--warning) 8%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.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,color-mix(in srgb,var(--accent) 10%,transparent),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:fixed;z-index:1000;min-width:240px;background:var(--surface-hi);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:color-mix(in srgb,var(--danger) 8%,transparent)}.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(--team-a)}.team-strip-label.B{color:var(--team-b)}.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:color-mix(in srgb,var(--warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);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}:root{--sapphire-1000: #161819;--sapphire-950: #1d2021;--sapphire-900: #282828;--sapphire-800: #32302f;--sapphire-700: #3c3836;--sapphire-600: #504945;--sapphire-500: #423d3a;--sapphire-400: #928374;--sapphire-300: #bdae93;--sapphire-200: #d5c4a1;--sapphire-100: #ebdbb2;--sapphire-50: #fbf1c7;--sky-100: #ffe7cc;--sky-200: #ffce9e;--sky-300: #ffab5e;--sky-400: #ff9642;--sky-500: #fe8019;--sky-600: #d65d0e;--sky-700: #af4f12;--sky-800: #8a3d0e;--cobalt-300: #d3869b;--cobalt-400: #c97a90;--cobalt-500: #b16286;--cobalt-600: #a05279;--cobalt-700: #8f4a6e;--sun-100: #fdf0c3;--sun-200: #fae3a0;--sun-300: #fabd2f;--sun-400: #fabd2f;--sun-500: #e6a700;--sun-600: #cc8e00;--bg: #1d2021;--bg-elevated: #282828;--surface: #32302f;--surface-hi: #3c3836;--border: #504945;--border-subtle: #423d3a;--fg-1: #fbf1c7;--fg-2: #ebdbb2;--fg-3: #d5c4a1;--fg-4: #bdae93;--fg-muted: #a89984;--fg-accent: #fe8019;--fg-accent-warm: #fabd2f;--accent: #fe8019;--accent-hover: #ff9642;--accent-press: #d65d0e;--accent-warm: #fabd2f;--success: #b8bb26;--warning: #fabd2f;--danger: #fb4934;--info: #fe8019;--on-accent: #1d2021;--team-a: #83a598;--team-b: #d3869b;--link: var(--sky-500);--link-hover: var(--sky-400);--glow-sky: none;--glow-sky-soft: none;--glow-sun: none;--glow-cobalt: none;color:var(--fg-2)}.tsk-shell{flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% -8%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--sapphire-1000) 100%);color:var(--fg-2)}.tsk-fill{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:clamp(var(--s-3),2.2vh,var(--s-5)) var(--gutter);gap:var(--s-3)}.tsk-center{flex:1;min-height:0;display:grid;place-items:center;padding:var(--gutter)}.tsk-muted{color:var(--fg-muted);font-size:var(--t-body-sm)}.tsk-bar{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-3);padding:9px var(--gutter);min-height:52px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.tsk-bar__brand{display:inline-flex;align-items:center;flex:0 0 auto;opacity:.95}.tsk-bar__brand:hover{opacity:1}.tsk-bar__title{font-family:var(--font-display);font-weight:600;font-size:var(--t-body);color:var(--fg-1);white-space:nowrap}.tsk-bar__round{font-size:var(--t-body-sm);color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsk-bar__spacer{flex:1 1 auto}.tsk-bar__room{font-size:var(--t-body-xs);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26vw}.tsk-tag{flex:0 0 auto;font-size:var(--t-body-xs);font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.tsk-tag.host{color:var(--on-accent);background:var(--accent)}@media (max-width: 560px){.tsk-bar{gap:var(--s-2);padding-left:var(--s-3);padding-right:var(--s-3)}.tsk-bar__round{display:none}.tsk-bar__room{max-width:34vw}}.tsk-landing-page{padding:var(--s-3) 0}.tsk-landing-grid{position:relative;z-index:1;width:100%;max-width:1080px;margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(var(--s-5),5vw,var(--s-9));align-items:center}.tsk-landing-hero{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.tsk-landing-title{font-size:clamp(40px,5.6vw,72px)}.tsk-landing-tag{font-size:var(--t-body);max-width:42ch}.tsk-rules{list-style:none;padding:0;margin:var(--s-2) 0 0;display:grid;gap:var(--s-2);width:100%}.tsk-rules li{display:flex;align-items:flex-start;gap:var(--s-3);color:var(--fg-3);font-size:var(--t-body-sm);line-height:1.45}.tsk-rules__n{font-family:var(--font-mono);font-size:13px;color:var(--sky-300);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.tsk-landing-card{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-4)}.tsk-landing-card .tsk-mode-switch{margin:0}.tsk-landing-submit{width:100%;justify-content:center}@media (max-width: 860px){.tsk-landing-page{padding:var(--s-4) 0;overflow-y:auto}.tsk-landing-grid{grid-template-columns:1fr;gap:var(--s-5);align-items:stretch}.tsk-landing-hero{align-items:flex-start}.tsk-rules{display:none}}.tsk-mode-switch{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border);margin:var(--s-4) 0 var(--s-4)}.tsk-mode-btn{appearance:none;border:none;background:transparent;color:var(--fg-3);font:inherit;font-weight:600;padding:8px 18px;border-radius:var(--r-2);cursor:pointer;transition:background .14s ease,color .14s ease}.tsk-mode-btn.on{background:var(--accent);color:var(--on-accent)}.tsk-landing-form{display:flex;flex-direction:column;gap:var(--s-4);max-width:440px}.tsk-hint{color:var(--fg-muted);font-size:var(--t-body-xs)}.tsk-joingate{width:min(440px,92vw);display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-4)}.tsk-joingate h2{margin:0;font-size:var(--t-h2);color:var(--fg-1)}.tsk-joingate__room{font-size:var(--t-h4);color:var(--accent);font-weight:600;margin:0 0 var(--s-2)}.tsk-lobby,.tsk-intro,.tsk-question,.tsk-final{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1080px;margin:0 auto;gap:var(--s-3)}.tsk-lobby__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.tsk-lobby__head h2{margin:2px 0 4px;font-size:var(--t-h2);color:var(--fg-1)}.tsk-lobby__head .eyebrow{color:var(--accent-warm)}.tsk-lobby__body{flex:1;min-height:0;display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-3);align-items:start}@media (max-width: 720px){.tsk-lobby__body{grid-template-columns:1fr}}.tsk-roster{padding:var(--s-4);min-height:0}.tsk-roster__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.tsk-count{font-size:var(--t-body-xs);color:var(--fg-muted);background:var(--bg-elevated);border-radius:999px;padding:2px 10px}.tsk-roster__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.tsk-player-chip{display:flex;align-items:center;gap:var(--s-2);padding:9px 12px;border-radius:var(--r-2);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.tsk-player-chip.me{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.tsk-player-chip.offline{opacity:.5}.tsk-player-dot{width:8px;height:8px;border-radius:999px;background:var(--success);flex:0 0 auto}.tsk-player-chip.offline .tsk-player-dot{background:var(--fg-muted)}.tsk-player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsk-kick{appearance:none;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;width:26px;height:26px;border-radius:var(--r-1);font-size:18px;line-height:1;transition:color .12s ease,background .12s ease}.tsk-kick:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.tsk-lobby__side{padding:var(--s-4)}.tsk-testsound{width:100%;justify-content:center}.tsk-supply{color:var(--fg-2);font-size:var(--t-body);font-weight:500;margin:0}.tsk-lobby__foot,.tsk-intro__foot,.tsk-final__foot{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding-top:var(--s-2)}.tsk-start{min-width:240px}.tsk-foot-hint{color:var(--fg-muted);font-size:var(--t-body-sm);margin:0}.tsk-intro{align-items:stretch}.tsk-intro__menu{display:flex;justify-content:flex-end}.tsk-intro__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s-3)}.tsk-intro__title{font-size:var(--t-h1);color:var(--fg-1);margin:0}.tsk-intro__note{max-width:520px}.tsk-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);width:100%;max-width:720px}@media (max-width: 620px){.tsk-cat-grid{grid-template-columns:1fr}}.tsk-cat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(var(--s-3),2.4vh,var(--s-5)) var(--s-3);border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border)}.tsk-cat-card.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.tsk-cat-emoji{font-size:clamp(30px,6vh,46px);line-height:1}.tsk-cat-name{font-family:var(--font-display);font-weight:600;font-size:var(--t-h4);color:var(--fg-1);text-align:center}.tsk-cat-round{font-size:var(--t-body-xs);color:var(--fg-muted)}.tsk-cat-hero{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.tsk-cat-hero__emoji{font-size:clamp(56px,12vh,104px);line-height:1}.tsk-cat-hero__name{font-size:var(--t-display-1, var(--t-h1));color:var(--fg-1);margin:0}.tsk-question__top{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-3)}.tsk-qcat{font-weight:600;color:var(--accent-warm);font-size:var(--t-body-sm)}.tsk-qcount{font-size:var(--t-body-xs);color:var(--fg-muted);background:var(--bg-elevated);border-radius:999px;padding:2px 10px}.tsk-question__top .host-menu{margin-left:auto}.tsk-question__main{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:var(--s-3)}.tsk-question.host .tsk-question__main{grid-template-columns:1.5fr 1fr;align-items:start}@media (max-width: 820px){.tsk-question.host .tsk-question__main{grid-template-columns:1fr}}.tsk-question__stage{display:flex;flex-direction:column;gap:var(--s-3);min-height:0}.tsk-qtext{font-family:var(--font-display);font-weight:600;color:var(--fg-1);font-size:clamp(22px,3.4vh,34px);line-height:1.28;margin:0}.tsk-question:not(.host) .tsk-qtext{text-align:center}.tsk-question__side{display:flex;flex-direction:column;gap:var(--s-3);min-height:0}.tsk-side-scores{display:flex;flex-direction:column;gap:6px}.tsk-answer-card{background:color-mix(in srgb,var(--accent-warm) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-warm) 40%,var(--border));border-radius:var(--r-3);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.tsk-answer-card__head{display:flex;align-items:center;justify-content:space-between}.tsk-reveal-flag{font-size:var(--t-body-xs);color:var(--on-accent);background:var(--accent);border-radius:999px;padding:2px 9px}.tsk-answer-text{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);color:var(--fg-1);margin:0}.tsk-trap{margin:0;color:var(--danger);font-size:var(--t-body-sm)}.tsk-details{margin:0;color:var(--fg-2);font-size:var(--t-body-sm);line-height:1.5}.tsk-source{margin:0;color:var(--fg-muted);font-size:var(--t-body-xs);font-style:italic}.tsk-host-panel{display:flex;flex-direction:column;gap:var(--s-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4)}.tsk-floor{padding:10px 12px;border-radius:var(--r-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:var(--t-body-sm);color:var(--fg-3);display:flex;align-items:center;gap:8px}.tsk-floor.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated));color:var(--fg-1)}.tsk-floor.active strong{color:var(--accent-warm)}.tsk-floor__dot{width:9px;height:9px;border-radius:999px;background:var(--accent);animation:tsk-pulse 1.1s ease-in-out infinite}.tsk-floor__idle{color:var(--fg-muted)}.tsk-score-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.tsk-verdict{appearance:none;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--r-2);padding:10px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--fg-2);transition:transform .1s ease,border-color .14s ease,background .14s ease}.tsk-verdict:hover:not(:disabled){transform:translateY(-1px)}.tsk-verdict:disabled{opacity:.4;cursor:not-allowed}.tsk-verdict__delta{font-family:var(--font-display);font-weight:700;font-size:var(--t-h4)}.tsk-verdict__label{font-size:var(--t-body-xs)}.tsk-verdict.good{border-color:color-mix(in srgb,var(--success) 55%,var(--border))}.tsk-verdict.good:hover:not(:disabled){background:color-mix(in srgb,var(--success) 16%,var(--bg-elevated))}.tsk-verdict.good .tsk-verdict__delta{color:var(--success)}.tsk-verdict.fun{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.tsk-verdict.fun:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,var(--bg-elevated))}.tsk-verdict.fun .tsk-verdict__delta{color:var(--accent)}.tsk-verdict.meh .tsk-verdict__delta{color:var(--fg-muted)}.tsk-verdict.bad{border-color:color-mix(in srgb,var(--danger) 50%,var(--border))}.tsk-verdict.bad:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,var(--bg-elevated))}.tsk-verdict.bad .tsk-verdict__delta{color:var(--danger)}.tsk-host-controls{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tsk-host-controls .btn{flex:1 1 auto}.tsk-next{width:100%;justify-content:center}.tsk-host-tip{margin:0;font-size:var(--t-body-xs);color:var(--fg-muted);line-height:1.4}.tsk-buzz-area{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3)}.tsk-buzzer{appearance:none;border:none;width:clamp(180px,34vh,260px);height:clamp(180px,34vh,260px);border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:var(--s-4);cursor:default;color:var(--fg-1)}.tsk-buzzer__big{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vh,48px);letter-spacing:.01em}.tsk-buzzer__sub{font-size:var(--t-body-sm);color:inherit;opacity:.9}.tsk-buzzer kbd{font-family:var(--font-mono);font-size:.85em;padding:1px 6px;border-radius:5px;background:#00000038;border:1px solid rgba(0,0,0,.28)}.tsk-buzzer.open{cursor:pointer;color:var(--on-accent);background:radial-gradient(circle at 50% 38%,var(--accent-hover),var(--accent) 62%,var(--accent-press));box-shadow:0 10px 0 0 var(--accent-press),0 18px 30px -10px #0009;transition:transform 90ms ease,box-shadow 90ms ease}.tsk-buzzer.open:hover{transform:translateY(-2px)}.tsk-buzzer.open:active{transform:translateY(8px);box-shadow:0 2px 0 0 var(--accent-press),0 6px 14px -8px #0009}.tsk-buzzer.mine{color:var(--on-accent);background:radial-gradient(circle at 50% 38%,var(--accent-warm),var(--sun-500) 70%);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-warm) 30%,transparent);animation:tsk-glow 1s ease-in-out infinite}.tsk-buzzer.taken{color:var(--fg-2);background:color-mix(in srgb,var(--team-b) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--team-b) 45%,var(--border))}.tsk-revealed{text-align:center;background:color-mix(in srgb,var(--success) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 45%,var(--border));border-radius:var(--r-3);padding:var(--s-4) var(--s-5)}.tsk-revealed__text{font-family:var(--font-display);font-weight:700;font-size:var(--t-h2);color:var(--fg-1);margin:6px 0 0}.tsk-scoreboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.tsk-scoreboard__empty{color:var(--fg-muted);font-size:var(--t-body-sm);margin:0}.tsk-score-row{display:flex;align-items:center;gap:var(--s-2);padding:7px 10px;border-radius:var(--r-2);background:var(--bg-elevated);border:1px solid transparent}.tsk-score-row.leading{border-color:color-mix(in srgb,var(--accent-warm) 45%,transparent);background:color-mix(in srgb,var(--accent-warm) 9%,var(--bg-elevated))}.tsk-score-row.floor{border-color:var(--accent)}.tsk-score-row.offline{opacity:.5}.tsk-score-row.me .tsk-score-name{color:var(--fg-1);font-weight:600}.tsk-score-rank{width:20px;text-align:center;color:var(--fg-muted);font-size:var(--t-body-xs);flex:0 0 auto}.tsk-score-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tsk-score-you{color:var(--accent);font-size:var(--t-body-xs)}.tsk-score-value{font-family:var(--font-display);font-weight:700;color:var(--fg-1);flex:0 0 auto}.tsk-scoreboard.podium{gap:var(--s-2)}.tsk-scoreboard.podium .tsk-score-row{padding:12px 16px;font-size:var(--t-body)}.tsk-scoreboard.podium .tsk-score-value{font-size:var(--t-h4)}.tsk-final__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);overflow-y:auto}.tsk-final__title{font-size:var(--t-h1);color:var(--fg-1);margin:0}.tsk-final__winner{font-size:var(--t-h3);color:var(--accent-warm);font-weight:600;margin:0}.tsk-final__board{width:min(520px,92vw);margin-top:var(--s-2)}.tsk-final .eyebrow{color:var(--accent-warm)}.tsk-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:40;padding:10px 20px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:var(--t-h4);color:var(--on-accent);background:var(--accent);box-shadow:0 8px 24px -8px #0009;animation:tsk-toast-in .22s ease,tsk-toast-out .3s ease 2.3s forwards;pointer-events:none}.tsk-toast.good{background:var(--success);color:#1d2021}.tsk-toast.fun{background:var(--accent)}.tsk-toast.meh{background:var(--fg-muted);color:#1d2021}.tsk-toast.bad{background:var(--danger);color:#fff}@keyframes tsk-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes tsk-glow{0%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-warm) 26%,transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent-warm) 12%,transparent)}}@keyframes tsk-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes tsk-toast-out{to{opacity:0;transform:translate(-50%,-8px)}}@media (prefers-reduced-motion: reduce){.tsk-floor__dot,.tsk-buzzer.mine,.tsk-toast{animation:none}}@media (max-height: 720px){.tsk-buzzer{width:clamp(150px,30vh,210px);height:clamp(150px,30vh,210px)}.tsk-qtext{font-size:clamp(20px,3vh,28px)}}