@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@600;700&display=swap";.nc-preview{color:#eee0c8;background:#080f18;min-height:100dvh;font-family:Inter,sans-serif}.nc-preview button,.nc-preview select{font:inherit}.nc-preview button{cursor:pointer}.nc-preview button:focus-visible,.nc-preview select:focus-visible,.nc-preview a:focus-visible{outline-offset:4px;outline:2px solid #e6c792}.nc-demo{background:#0a111c;border-bottom:1px solid #b59c6e33;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.nc-demo a{color:#ddc9a8;font-size:12px;text-decoration:none}.nc-demo>span{color:#b6ad9f;letter-spacing:.12em;font-size:10px}.nc-demo nav{gap:4px;display:flex}.nc-demo button{color:#c6bba9;background:0 0;border:1px solid #0000;border-radius:6px;min-height:44px;padding:10px 12px;font-size:12px}.nc-demo button[aria-pressed=true]{color:#ffe6bd;background:#e0c28b12;border-color:#b69b6b77}.nc-world{isolation:isolate;background:#07121e url(/images/gece-meclisi/village-night-v1.png) 50%/cover no-repeat;flex-direction:column;min-height:860px;display:flex;position:relative}.nc-world:before{content:"";z-index:-1;background:linear-gradient(#030c1670,#050e1930 35%,#050e1950 75%,#030b16bb);position:absolute;inset:0}.nc-preview--day .nc-world{background-image:url(/images/gece-meclisi/village-dawn-v1.png)}.nc-preview--day .nc-world:before{background:linear-gradient(#06132070,#06132066 35%,#06132088)}.nc-header{justify-content:space-between;align-items:center;gap:12px;padding:25px 28px;display:flex}.nc-brand{letter-spacing:.14em;font-family:Georgia,serif;font-size:15px}.nc-room{letter-spacing:.12em;color:#dfcfb8;font-size:9px}.nc-content{text-align:center;flex:1;width:min(100% - 40px,390px);margin:22px auto 30px}.nc-phase{letter-spacing:.2em;color:#e0c696;font-size:10px;font-weight:600}.nc-phase>span{vertical-align:middle;margin-right:7px;font-size:18px}.nc-content h1{text-wrap:balance;color:#f2e5cf;max-width:340px;margin:18px auto 10px;font:400 clamp(27px,7vw,36px)/1.15 Georgia,serif}.nc-lead{color:#d1c5b4;max-width:300px;margin:0 auto 23px;font-size:13px;line-height:1.6}.nc-card{aspect-ratio:.575;background:#07121e;border-radius:15px;width:min(100%,260px);margin:0 auto 24px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0008}.nc-card-art{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.nc-card-copy{position:absolute;bottom:7%;left:10%;right:10%}.nc-card-copy>span{letter-spacing:.2em;color:#cbbfae;font-size:8px}.nc-card-copy h2{color:var(--role-ink);margin:5px 0 7px;font:400 28px/1.2 Georgia,serif}.nc-card-copy p{color:#e4d9c7;margin:0;font-size:10px;line-height:1.5}.nc-primary{color:#201b13;background:#e3c593;border:1px solid #f8dfb4;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:14px 20px;transition:background .12s,transform .12s;display:flex;font-size:14px!important;font-weight:600!important}.nc-primary:hover:not(:disabled){background:#f1d8b0}.nc-primary:active:not(:disabled){transform:scale(.985)}.nc-primary:disabled{cursor:default;color:#bdc4c9;background:#24313c;border-color:#76838c66}.nc-footnote{color:#c4b9a8;max-width:270px;margin:12px auto;font-size:10px;line-height:1.6}.nc-footer{text-align:center;letter-spacing:.26em;color:#ddc9a8;padding:20px 12px 27px;font-size:8px}.nc-divider{color:#e3c593;margin:26px 0 16px;font-size:32px}.nc-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.nc-players button{color:#efe1cd;background:#07121ee8;border:1px solid #ad97784d;border-radius:10px;flex-direction:column;align-items:center;gap:9px;padding:18px 10px;font-size:14px;display:flex}.nc-players button.is-selected{background:#2c2b27ed;border-color:#e2c18c;box-shadow:inset 0 0 0 1px #e2c18c}.nc-players button:disabled{cursor:default}.nc-avatar{color:#ddc194;border:1px solid #bca47a66;border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.nc-player-state{letter-spacing:.15em;color:#c4b8a5;font-size:8px}.nc-status{color:#e0d3be;place-items:center;min-height:60px;padding:14px 0;font-size:12px;line-height:1.6;display:grid}.nc-controls{flex-wrap:wrap;align-items:center;gap:14px;max-width:470px;margin:auto;padding:20px;display:flex}.nc-controls label{color:#ccc0af;font-size:12px}.nc-controls select{color:#eddfca;background:#14202e;border:1px solid #99815c;border-radius:5px;min-height:44px;padding:8px 16px}.nc-controls p{color:#a9a59e;flex-basis:100%;margin:0;font-size:11px;line-height:1.5}@media (width>=700px){.nc-world{border:1px solid #ad97784d;border-radius:18px;max-width:470px;margin:28px auto 0;overflow:hidden}}@media (width<=600px){.nc-demo{flex-wrap:wrap;padding:10px 16px}.nc-demo>span{font-size:8px}.nc-demo nav{flex-basis:100%;justify-content:center}.nc-header{padding:22px 20px}.nc-brand{font-size:12px}.nc-room{font-size:8px}.nc-world{min-height:790px}.nc-content{margin-top:16px}}@media (prefers-reduced-motion:reduce){.nc-primary,.nc-consensus__track span{transition:none}}.nc-live .nc-world{min-height:100dvh;margin-top:0}.nc-live .nc-content{margin-top:8px}.nc-clock{color:#eee0c8;font-variant-numeric:tabular-nums;margin-top:14px;font:400 24px/1 Georgia,serif}.nc-secondary{color:#dfcfb8;background:#08121de8;border:1px solid #b59c6e66;border-radius:7px;width:100%;min-height:44px;margin-top:12px;padding:10px;font-size:12px!important}.nc-secondary:disabled{opacity:.65;cursor:default}.nc-private,.nc-announcement{background:#08121deb;border:1px solid #b59c6e44;border-radius:8px;margin:16px 0;padding:16px;font-size:12px;line-height:1.7}.nc-private h2{color:var(--role-ink);margin:0 0 10px;font:400 25px Georgia,serif}.nc-private p+p{margin-top:10px}.nc-live .nc-player-name{overflow-wrap:anywhere;max-width:100%}.nc-live .is-eliminated{opacity:.65}.nc-choice{text-align:left;color:#eee0c8;background:linear-gradient(90deg,#08121df5,#08121d77),url(/images/gece-meclisi/village-night-v1.png) 50%/cover;border:1px solid #b59c6e77;border-radius:16px;width:100%;padding:28px 20px}.nc-choice h3{margin:10px 0;font:400 28px Georgia,serif}.nc-choice p{color:#d1c5b4;font-size:13px;line-height:1.6}.nc-choice .nc-primary{margin-top:18px}.nc-choice-wrap{grid-column:1/-1}.nc-choice ul{margin-top:14px;padding-left:20px;font-size:13px;line-height:1.8}.nc-result-card{background:linear-gradient(145deg,#102131f2,#08121df2);border:1px solid #d7b77c66;border-radius:12px;margin:22px 0 16px;padding:24px 18px;box-shadow:0 16px 32px #02070d66}.nc-result-card__mark{color:#f1d5a4;border:1px solid #dfc18d88;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 14px;font:28px/1 Georgia,serif;display:grid}.nc-result-card>p{color:#f0e2ca;text-wrap:balance;margin:0;font:400 19px/1.45 Georgia,serif}.nc-result-card ul{border-top:1px solid #b59c6e44;margin:18px 0 0;padding:14px 0 0;list-style:none}.nc-result-card li{color:#d6c8b3;justify-content:space-between;gap:16px;padding:6px 0;font-size:12px;display:flex}.nc-result-card li strong{color:#ead0a4}.nc-players button.is-disconnected{border-style:dashed}.nc-afk-panel{text-align:left;background:#24151be8;border:1px solid #c8798266;border-radius:9px;margin:18px 0;padding:16px}.nc-afk-panel h2{color:#efc3c7;margin:0 0 6px;font:400 21px/1.2 Georgia,serif}.nc-afk-panel p{color:#d6c5bd;margin:0 0 12px;font-size:11px;line-height:1.6}.nc-consensus{text-align:left;background:#08121deb;border:1px solid #b59c6e55;border-radius:9px;margin:0 0 22px;padding:16px;box-shadow:0 12px 26px #02070d44}.nc-consensus.is-ready{border-color:#dfc18d88}.nc-consensus__heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.nc-consensus__heading h2{color:#f0dfc5;margin:0;font:400 20px/1.2 Georgia,serif}.nc-consensus__heading strong{color:#e2c18c;letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:10px}.nc-consensus__track{background:#cbb68d24;height:3px;margin:13px 0;overflow:hidden}.nc-consensus__track span{width:var(--consensus-progress);background:#e2c18c;height:100%;transition:width .18s;display:block}.nc-consensus p{color:#cfc3b1;margin:0;font-size:11px;line-height:1.6}.nc-consensus .nc-secondary{margin-top:13px}.nc-summary{text-align:left;background:#07121eed;border:1px solid #b59c6e55;border-radius:12px;margin:20px 0 24px;padding:18px}.nc-summary__heading{border-bottom:1px solid #b59c6e44;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:13px;display:flex}.nc-summary__heading h2{color:#f1dfc3;margin:0;font:400 24px/1.2 Georgia,serif}.nc-summary__heading span{color:#cdbb9e;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.nc-summary__roles,.nc-timeline{margin:0;padding:0;list-style:none}.nc-summary__roles{border-bottom:1px solid #b59c6e44;padding:12px 0}.nc-summary__roles li{grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:grid}.nc-summary__roles strong{font-family:Georgia,serif;font-weight:400}.nc-summary__roles small{color:#bdb09c}.nc-timeline{padding-top:10px}.nc-timeline li{grid-template-columns:70px 1fr;gap:10px;padding:7px 0;display:grid}.nc-timeline span{color:#d6ba88;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.nc-timeline p{color:#d5cab8;margin:0;font-size:11px;line-height:1.5}@media (width<=390px){.category-rush__panel,.category-rush__scoreboard{padding:var(--space-3)}.category-rush__header h1{font-size:var(--text-xl)}.category-rush__phase{padding-inline:7px;font-size:9px}}@media (prefers-reduced-motion:reduce){.category-rush *,.category-rush :before,.category-rush :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.council-waiting-root{background:var(--bg-primary);padding:24px;overflow-y:auto}.council-menu{--council-gold:#e0c696;border:1px solid var(--border-cyber);background:var(--surface-primary);width:min(100%,900px);color:var(--text-primary);border-radius:24px;margin:auto;padding:28px;box-shadow:0 24px 80px #0003}.council-menu__header,.council-menu__section-heading,.council-menu__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.council-menu__header>span{font:700 11px var(--font-family-mono);letter-spacing:.08em;color:var(--council-gold)}.council-menu__intro{align-items:center;gap:22px;padding:24px 0;display:flex}.council-menu__intro img{border-radius:20px}.council-menu__intro h1{margin:0 0 6px;font-size:clamp(26px,5vw,38px)}.council-menu p{line-height:1.6}.council-menu__intro p,.council-menu__hint{color:var(--text-secondary)}.council-menu__columns{grid-template-columns:1fr 1fr;gap:28px;display:grid}.council-menu__columns>section{min-width:0}.council-menu h2{margin:0;font-size:18px}.council-menu__section-heading{border-bottom:1px solid var(--border-cyber);padding-bottom:14px}.council-menu__section-heading>span{color:var(--council-gold);font-size:12px}.council-menu__players{margin:8px 0;padding:0;list-style:none}.council-menu__players li{border-bottom:1px solid var(--border-cyber);align-items:center;gap:10px;padding:12px 0;display:flex}.council-menu__player-name{flex:1;min-width:0}.council-menu__player-name strong{overflow-wrap:anywhere;display:block}.council-menu__player-name small,.council-menu__players li>span{color:var(--text-secondary);font-size:12px}.council-menu__players li>.council-menu__ready{color:var(--council-gold)}.council-menu__settings{grid-template-columns:1fr 1fr;gap:14px;display:grid}.council-menu__settings label{gap:7px;font-size:13px;display:grid}.council-menu select{border:1px solid var(--border-cyber);width:100%;min-height:44px;color:var(--text-primary);background:var(--surface-secondary);font:inherit;border-radius:10px;padding:8px}.council-menu button{cursor:pointer;min-height:44px}.council-menu :is(.nc-primary,.nc-secondary){justify-content:center;width:auto;margin-top:0}.council-menu__header .nc-secondary{flex-shrink:0}.council-menu button:disabled{opacity:.45;cursor:not-allowed}.council-menu :is(button,select):focus-visible{outline:2px solid var(--council-gold);outline-offset:3px}.council-menu__reset{color:var(--council-gold);background:0 0;border:0;margin-top:10px;text-decoration:underline}.council-menu__hint{margin:12px 0;font-size:12px}.council-menu__footer{border-top:1px solid var(--border-cyber);margin-top:24px;padding-top:16px}.council-menu__footer>p{margin:0 0 12px;font-size:14px}.council-menu__actions{flex-wrap:wrap;justify-content:flex-start}.council-menu__error{color:var(--hot-coral)}@media (width<=650px){.council-waiting-root{padding:10px}.council-menu{border-radius:18px;padding:18px}.council-menu__columns{grid-template-columns:1fr;gap:24px}.council-menu__intro{gap:14px}.council-menu__intro img{width:72px;height:72px}.council-menu__header>span{max-width:120px;line-height:1.6}.council-menu__actions>button{flex:100%}}:root{--cyber-cyan:#00f0ff;--neon-lime:#22e838;--neon-lime-alt:#2ee648;--arcade-purple:#8b5cf6;--arcade-purple-dark:#7c3aed;--hot-coral:#ff4757;--hot-coral-alt:#f36;--slate-blue:#64748b;--slate-blue-light:#94a3b8;--bg-primary:#080c18;--bg-secondary:#0d1527;--bg-tertiary:#0f1a30;--bg-elevated:#101a30d9;--surface-primary:#101a30d9;--surface-secondary:#0a1224bf;--border-cyber:#00f0ff33;--border-dashed-cyber:#00f0ff59;--border-primary:#00f0ff33;--border-secondary:#00f0ff1a;--border-focus:var(--cyber-cyan);--text-primary:#fff;--text-secondary:#94a3b8;--text-tertiary:#00f0ff;--text-inverse:#080c18;--primary-500:var(--neon-lime);--primary-dark:#1bba2d;--secondary-500:var(--arcade-purple);--secondary-dark:var(--arcade-purple-dark);--accent-purple:var(--arcade-purple);--danger-500:var(--hot-coral);--danger-dark:var(--hot-coral-alt);--success:var(--neon-lime);--success-bg:#22e8381a;--warning:#ffc800;--warning-bg:#ffc8001a;--error:var(--hot-coral);--error-bg:#ff47571f;--info:var(--cyber-cyan);--info-bg:#00f0ff1a;--glow-cyan:0 0 15px #00f0ff59;--glow-lime:0 0 15px #22e83859;--glow-purple:0 0 15px #8b5cf659;--player-1:#ff9600;--player-2:var(--cyber-cyan);--player-3:var(--arcade-purple);--player-4:var(--neon-lime);--player-5:var(--hot-coral);--player-6:#ffc800;--game-tictactoe:var(--hot-coral);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display:"Rajdhani", "Inter", sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-xs:320px;--container-sm:480px;--container-md:640px;--container-lg:768px;--container-xl:1024px;--container-2xl:1280px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 6px #0006, 0 2px 4px #0003;--shadow-lg:0 10px 15px #00000080, 0 4px 6px #0003;--shadow-xl:0 20px 25px #0000008c, 0 8px 10px #0003;--shadow-glow:var(--glow-lime);--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-base), color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}.text-display{font-family:var(--font-family-display);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em}.text-h1{font-family:var(--font-family-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em}.text-h2{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.text-h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal)}.text-small{font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.text-caption{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-family-mono)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--full{max-width:none;padding:0}.app{background:linear-gradient(#00f0ff0d 1px, transparent 1px), linear-gradient(90deg, #00f0ff0d 1px, transparent 1px), linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);background-size:24px 24px,24px 24px,100% 100%;flex-direction:column;min-height:100dvh;display:flex}.app__header{z-index:var(--z-sticky);border-bottom:1px solid var(--border-cyber);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(12px);background:#080c18d9;position:sticky;top:0}.app__header-inner{max-width:var(--container-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.app__main{flex-direction:column;flex:1;display:flex}.app__footer{padding:var(--space-2);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);border-top:1px solid var(--border-cyber)}.page-centered{min-height:calc(100dvh - 60px);padding:var(--space-3) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.page-sections{gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-direction:column;min-height:calc(100dvh - 60px);display:flex}.page-game{height:calc(100dvh - 60px);padding:var(--space-1) var(--space-4);flex-direction:column;display:flex}.page-game__board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.page-game__controls{padding:var(--space-1) 0;border-top:1px solid var(--border-cyber)}.page-game__players{gap:var(--space-1);padding:var(--space-1) 0;scrollbar-width:none;display:flex;overflow-x:auto}.page-game__players::-webkit-scrollbar{display:none}.grid{gap:var(--space-2);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid--tables{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flex{display:flex}.flex--col{flex-direction:column}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between;align-items:center}.flex--gap-2{gap:var(--space-2)}.flex--gap-3{gap:var(--space-3)}.flex--gap-4{gap:var(--space-4)}.flex--wrap{flex-wrap:wrap}.mt-auto{margin-top:auto}.mb-4{margin-bottom:var(--space-2)}.mb-6{margin-bottom:var(--space-3)}.mb-8{margin-bottom:var(--space-4)}.p-4{padding:var(--space-2)}.p-6{padding:var(--space-3)}.px-4{padding-left:var(--space-2);padding-right:var(--space-2)}.py-3{padding-top:var(--space-1);padding-bottom:var(--space-1)}@media (width>=768px){.container{padding:0 var(--space-6)}.page-centered,.page-sections{padding:var(--space-6)}.grid--2-tablet{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.container{padding:0 var(--space-8)}.grid--3-desktop{grid-template-columns:repeat(3,1fr)}.grid--4-desktop{grid-template-columns:repeat(4,1fr)}}@media (width<=767px){.hide-mobile{display:none!important}.grid--2,.grid--3{grid-template-columns:1fr}}@media (width>=768px){.hide-desktop{display:none!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;min-width:48px;min-height:48px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn--primary{background:var(--neon-lime);color:#0a1628;font-weight:var(--weight-bold);box-shadow:var(--glow-lime)}.btn--primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 20px #22e83880}.btn--primary:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn--secondary{background:var(--arcade-purple);color:#fff;box-shadow:var(--glow-purple);border:none}.btn--secondary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 0 20px #8b5cf680}.btn--secondary:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn--ghost{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-cyber);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover:not(:disabled){background:var(--surface-primary);color:var(--text-primary);border-color:var(--cyber-cyan)}.btn--ghost:active:not(:disabled){transform:translateY(1px)}.btn--glass{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-cyber);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);width:40px;min-width:40px;height:40px;min-height:40px;padding:0}.btn--glass:hover:not(:disabled){border-color:var(--cyber-cyan);color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.btn--danger{color:var(--hot-coral);background:0 0;border:1px solid #ff475759}.btn--danger:hover:not(:disabled){border-color:var(--hot-coral);background:#ff47571a}.btn--accent{background:var(--arcade-purple);color:#fff;box-shadow:var(--glow-purple)}.btn--accent:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn--accent:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn--rematch{background:var(--arcade-purple);color:#fff;box-shadow:var(--glow-purple)}.btn--rematch:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn--rematch:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);min-height:36px}.btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);min-height:56px}.btn--full{width:100%}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full)}.card{background:var(--surface-primary);border:1px solid var(--border-cyber);border-radius:var(--radius-lg);padding:var(--space-4);-webkit-backdrop-filter:blur(12px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.card--interactive:active{transform:translateY(1px)}.card--selected{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.card--game{padding:var(--space-6);text-align:center;position:relative;overflow:hidden}.card--game:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.card--game[data-game=tictactoe]:before{background:var(--game-tictactoe)}.card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.card__meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{width:100%;font-family:var(--font-family);font-size:var(--text-lg);padding:var(--space-3) var(--space-4);border:1px solid var(--border-cyber);border-radius:var(--radius-lg);background:var(--surface-secondary);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-height:52px}.input::placeholder{color:var(--slate-blue)}.input:focus{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.input--error{border-color:var(--hot-coral)}.input--error:focus{box-shadow:0 0 10px #ff47574d}.input-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input-error{font-size:var(--text-xs);color:var(--error)}.avatar{border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--text-xl)}.avatar--connected{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--neon-lime), var(--glow-lime)}.avatar--disconnected{opacity:.5;filter:grayscale(80%)}.avatar--emoji{font-size:1.4rem;background:0 0!important}.avatar--emoji.avatar--sm{font-size:1rem}.avatar--emoji.avatar--lg{font-size:2rem}.player-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast);animation:.3s ease-out playerAppear;display:flex}@keyframes playerAppear{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.player-item:hover{background:var(--surface-secondary)}.player-item__name{font-weight:var(--weight-semibold);color:var(--text-primary);flex:1}.player-item__status{font-size:var(--text-xs);color:var(--text-tertiary)}.badge--session-wins{min-width:42px;font-family:var(--font-family-mono);color:var(--success);background:var(--success-bg);font-variant-numeric:tabular-nums;border:1px solid #22e83840;flex-shrink:0;justify-content:center}.player-item--current{border:1px solid var(--border-cyber);background:#00f0ff12}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:1.5;display:inline-flex}.badge--mono{font-family:var(--font-family-mono);letter-spacing:.08em;font-size:10px;font-weight:var(--weight-bold);color:var(--arcade-purple);border-radius:var(--radius-full);padding:2px var(--space-2);background:#8b5cf626;border:1px solid #8b5cf659}.badge--cyber{color:var(--cyber-cyan);font-family:var(--font-family-mono);letter-spacing:.08em;background:#00f0ff1a;border:1px solid #00f0ff4d;font-size:10px}.badge--success{background:var(--success-bg);color:var(--success);border:1px solid #22e83840}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--error{background:var(--error-bg);color:var(--error)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--player-count{color:var(--cyber-cyan);background:#00f0ff1a;border:1px solid #00f0ff40}.pulse-dot{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--neon-lime);font-family:var(--font-family-mono);letter-spacing:.06em;display:inline-flex}.pulse-dot:before{content:"";background:var(--neon-lime);width:7px;height:7px;box-shadow:0 0 6px var(--neon-lime);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 6px var(--neon-lime)}50%{opacity:.5;box-shadow:0 0 12px var(--neon-lime)}}.player-item--invite{border:1.5px dashed var(--border-dashed-cyber);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);align-items:center;gap:var(--space-3);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:0 0;display:flex}.player-item--invite:hover{border-color:var(--cyber-cyan);background:#00f0ff0d}.player-item__invite-btn{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--cyber-cyan);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:none;margin-left:auto;padding:0}.score{font-family:var(--font-family-display);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--cyber-cyan);font-variant-numeric:tabular-nums}.score--sm{font-size:var(--text-xl)}.score__label{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.scoreboard{background:var(--surface-primary);border:1px solid var(--border-cyber);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.scoreboard__header{padding:var(--space-2) var(--space-4);background:var(--surface-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--cyber-cyan);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-family-mono)}.scoreboard__row{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-secondary);align-items:center;display:flex}.scoreboard__row:last-child{border-bottom:none}.scoreboard__rank{width:32px;font-weight:var(--weight-bold);color:var(--text-secondary)}.scoreboard__rank--1{color:var(--warning)}.scoreboard__player{align-items:center;gap:var(--space-3);flex:1;display:flex}.scoreboard__score{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--cyber-cyan)}.connection-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-overlay);animation:fadeIn var(--transition-base) ease;background:#080c18d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.connection-overlay__content{text-align:center;color:var(--text-primary);padding:var(--space-6)}.connection-overlay__icon{font-size:var(--text-5xl);margin-bottom:var(--space-2);animation:2s infinite pulse}.connection-overlay__text{font-size:var(--text-lg);font-weight:var(--weight-medium)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast{bottom:var(--space-6);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-xl);z-index:var(--z-toast);animation:slideUp var(--transition-spring) ease;max-width:calc(100vw - var(--space-8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;left:50%;transform:translate(-50%)}.toast--info{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-cyber)}.toast--success{color:var(--neon-lime);background:#22e83826;border:1px solid #22e83859}.toast--error{color:var(--hot-coral);background:#ff475726;border:1px solid #ff475759}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--surface-secondary) 25%, #00f0ff0d 50%, var(--surface-secondary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--border-secondary);border-top-color:var(--cyber-cyan);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.timer--urgent{color:var(--error);animation:none}}.audio-toggle{border:1px solid var(--border-cyber);border-radius:var(--radius-full);background:var(--surface-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;width:40px;height:40px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.audio-toggle:hover{border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:scale(1.05)}.audio-toggle:active{transform:scale(.95)}.offline-banner{z-index:9999;background:var(--hot-coral);color:#fff;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:var(--space-2);animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.reconnect-overlay{z-index:9998;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-primary);background:#080c18d9;flex-direction:column;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.reconnect-overlay__icon{font-size:3rem;animation:1.5s ease-in-out infinite pulse}.reconnect-overlay__title{font-size:var(--text-xl);font-weight:var(--weight-bold);font-family:var(--font-family-display);color:var(--cyber-cyan)}.reconnect-overlay__subtitle{font-size:var(--text-sm);opacity:.8;color:var(--text-secondary)}.reconnect-overlay__dots{gap:var(--space-2);display:flex}.reconnect-overlay__dot{background:var(--cyber-cyan);width:10px;height:10px;box-shadow:0 0 6px var(--cyber-cyan);border-radius:50%;animation:1.2s ease-in-out infinite bounceDot}.reconnect-overlay__dot:nth-child(2){animation-delay:.2s}.reconnect-overlay__dot:nth-child(3){animation-delay:.4s}@keyframes bounceDot{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1.2)}}.page-enter{animation:.25s ease-out pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.timer-wrapper{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.timer{align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--cyber-cyan);font-variant-numeric:tabular-nums;display:flex}.timer--urgent{color:var(--hot-coral);animation:1s infinite pulse}.timer__bar{background:var(--surface-secondary);border-radius:var(--radius-full);height:4px;overflow:hidden}.timer__bar-fill{background:var(--neon-lime);border-radius:var(--radius-full);height:100%;box-shadow:var(--glow-lime);transition:width 1s linear,background-color .3s}.timer__bar-fill--urgent{background:var(--hot-coral);box-shadow:0 0 8px #ff475780}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.avatar-picker-container{width:100%;padding:0;position:relative}.avatar-picker-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:var(--space-2);padding:var(--space-3) calc(50% - 35px);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.avatar-picker-track::-webkit-scrollbar{display:none}.avatar-picker-track{-ms-overflow-style:none;scrollbar-width:none}.avatar-picker-item{background:var(--surface-secondary);border:1px solid var(--border-cyber);scroll-snap-align:center;opacity:.5;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.5rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s,box-shadow .2s;display:flex;transform:scale(.8)}.avatar-picker-item--active{opacity:1;background:var(--surface-primary);border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);z-index:2;transform:scale(1.2)}@media (prefers-reduced-motion:reduce){.avatar-picker-track{scroll-behavior:auto}.avatar-picker-item{transition:none}}.game-list{gap:var(--space-2);flex-direction:column;display:flex}.card--game-row{background:var(--surface-primary);border:1px solid var(--border-cyber);border-radius:var(--radius-lg);cursor:pointer;width:100%;font-family:var(--font-family);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;align-items:center;gap:0;padding:0;display:flex;overflow:hidden}.card--game-row:hover:not(:disabled){border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan)}.card--game-row:active:not(:disabled){transform:translateY(1px)}.card--game-row:disabled{opacity:.5;cursor:not-allowed}.card--game-row__accent{flex-shrink:0;align-self:stretch;width:3px}[data-game=tictactoe] .card--game-row__accent{background:var(--game-tictactoe)}.card--game-row__content{padding:var(--space-3) var(--space-4);flex:1;min-width:0}.card--game-row__name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.card--game-row__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin-top:2px}.card--game-row__meta{padding:0 var(--space-3);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--cyber-cyan);white-space:nowrap;flex-shrink:0}.game-container{gap:var(--space-2);flex-direction:column;height:100%;display:flex}.game-header{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.game-header__title{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--cyber-cyan);letter-spacing:.04em}.game-header__status{font-size:var(--text-sm);color:var(--text-secondary)}.game-board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.game-info{padding:var(--space-2);background:var(--surface-secondary);border:1px solid var(--border-cyber);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.game-turn-indicator{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--surface-secondary);border:1px solid var(--border-cyber);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-family-mono);letter-spacing:.04em;display:flex}.game-turn-indicator--your-turn{color:var(--neon-lime);background:#22e8381a;border-color:#22e83859;animation:2s infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px #22e8384d}50%{box-shadow:0 0 14px #22e83899}}.ttt-grid{aspect-ratio:1;border:1px solid var(--border-cyber);border-radius:var(--radius-xl);width:min(85vw,360px);box-shadow:var(--glow-cyan);background:#00f0ff1f;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid}.ttt-cell{background:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:clamp(2rem,10vw,4rem);font-weight:var(--weight-extrabold);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.ttt-cell:hover:not(.ttt-cell--filled):not(.ttt-cell--disabled){background:var(--surface-secondary);border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.ttt-cell:active:not(.ttt-cell--filled):not(.ttt-cell--disabled){box-shadow:none;transform:translateY(2px)}.ttt-cell--filled{cursor:default}.ttt-cell--disabled{cursor:not-allowed;opacity:.7}.ttt-cell--x{color:var(--hot-coral);text-shadow:0 0 12px #ff475799}.ttt-cell--o{color:var(--slate-blue)}.ttt-cell--winning{border-color:var(--neon-lime);box-shadow:var(--glow-lime);background:#22e8381f;animation:.5s cell-win}@keyframes cell-win{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.results-container{text-align:center;padding:var(--space-3)}.results-trophy{margin-bottom:var(--space-2);font-size:4rem;animation:1s trophy-bounce}@keyframes trophy-bounce{0%{transform:scale(0)rotate(-20deg)}60%{transform:scale(1.2)rotate(5deg)}to{transform:scale(1)rotate(0)}}.results-winner{font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--cyber-cyan);text-shadow:var(--glow-cyan);letter-spacing:.04em;margin-bottom:var(--space-2)}.results-message{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-4)}.results-actions{gap:var(--space-1);flex-direction:column;max-width:300px;margin:0 auto;display:flex}.imp-victory{--victory-rgb:46, 167, 255;--victory-accent:#45b9ff;width:min(100%,520px);margin:0 auto var(--space-4);padding:var(--space-4) var(--space-3) var(--space-5);border:1px solid rgba(var(--victory-rgb), .34);border-radius:var(--radius-2xl);background:linear-gradient(180deg, rgba(var(--victory-rgb), .09), #090f1d59 45%, #090f1dd6);isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 18px 48px #00000047}.imp-victory--impostor{--victory-rgb:255, 67, 77;--victory-accent:#ff5963}.imp-victory--cancelled{--victory-rgb:116, 132, 160;--victory-accent:var(--text-secondary);padding-block:var(--space-5)}.imp-victory__copy{z-index:3;position:relative}.imp-victory__copy>span{color:var(--victory-accent);font:800 11px var(--font-family-mono);letter-spacing:.24em}.imp-victory__copy h1{color:var(--text-primary);font:900 clamp(2rem, 8vw, 3rem)/.96 var(--font-family-display);letter-spacing:.025em;text-wrap:balance;text-shadow:0 0 24px rgba(var(--victory-rgb), .42);margin:5px 0 0}.imp-victory__copy p{max-width:36ch;margin:var(--space-2) auto 0;color:var(--text-secondary);font-size:var(--text-sm);text-wrap:balance}.imp-victory__stage{min-height:230px;margin-top:var(--space-2);place-items:center;display:grid;position:relative}.imp-victory__halo{z-index:-1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:4% 4% 0}.imp-victory__halo:before{content:"";aspect-ratio:1;background:radial-gradient(circle, rgba(var(--victory-rgb), .48) 0 8%, rgba(var(--victory-rgb), .24) 27%, rgba(var(--victory-rgb), .08) 48%, transparent 70%);filter:blur(7px);border-radius:50%;width:min(82vw,330px);animation:2.8s ease-in-out infinite imp-victory-pulse;position:absolute}.imp-victory__halo i{background:linear-gradient(transparent, rgba(var(--victory-rgb), .5), transparent);width:1px;height:190px;transform:rotate(calc(var(--ray,0) * 1deg));transform-origin:50%;position:absolute}.imp-victory__halo i:first-child{--ray:38}.imp-victory__halo i:nth-child(2){--ray:90}.imp-victory__halo i:nth-child(3){--ray:142}.imp-victory__avatars{z-index:2;width:100%;padding-inline:var(--space-2);justify-content:center;align-items:flex-end;display:flex;position:relative}.imp-victory__player{min-width:0;animation:.42s cubic-bezier(.2,0,0,1) both imp-winner-arrive;animation-delay:calc(var(--winner-index) * 70ms);justify-items:center;gap:7px;margin:0 clamp(-12px,-2vw,-5px);display:grid;position:relative}.imp-victory__player:nth-child(odd){transform:translateY(-8px)}.imp-victory__avatars.is-solo .imp-victory__player{transform:none}.imp-victory__avatar-ring{box-shadow:0 0 0 3px rgba(var(--victory-rgb), .38), 0 0 28px rgba(var(--victory-rgb), .72), 0 10px 28px #00000070;background:#080e1bdb;border:1px solid #ffffff80;border-radius:50%;place-items:center;padding:5px;display:grid}.imp-victory__avatar-ring .avatar{width:clamp(66px,19vw,88px);height:clamp(66px,19vw,88px);font-size:clamp(2rem,7vw,2.8rem)}.imp-victory__player figcaption{max-width:90px;color:var(--text-primary);font:800 var(--text-sm) var(--font-family-display);text-overflow:ellipsis;text-shadow:0 2px 8px #050811;white-space:nowrap;overflow:hidden}.imp-victory__avatars.is-solo .imp-victory__avatar-ring{box-shadow:0 0 0 4px rgba(var(--victory-rgb), .44), 0 0 42px rgba(var(--victory-rgb), .88), 0 14px 34px #00000080;padding:7px}.imp-victory__avatars.is-solo .avatar{width:112px;height:112px;font-size:3.5rem}.imp-victory__avatars.is-solo figcaption{max-width:180px;font-size:var(--text-lg)}.imp-victory__spark{z-index:3;color:var(--victory-accent);text-shadow:0 0 10px rgba(var(--victory-rgb), .9);animation:2.2s ease-in-out infinite imp-spark;position:absolute}.imp-victory__spark--one{font-size:22px;top:18%;left:13%}.imp-victory__spark--two{font-size:15px;animation-delay:-1.1s;top:32%;right:12%}.imp-victory__spark--three{font-size:30px;animation-delay:-.55s;bottom:24%;left:8%}@keyframes imp-victory-pulse{0%,to{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes imp-winner-arrive{0%{opacity:0;transform:translateY(18px)scale(.88)}to{opacity:1}}@keyframes imp-spark{0%,to{opacity:.32;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(18deg)}}@media (width<=420px){.imp-victory__stage{min-height:210px}.imp-victory__player{margin-inline:-9px}.imp-victory__player figcaption{max-width:68px;font-size:12px}}@media (prefers-reduced-motion:reduce){.imp-victory__halo:before,.imp-victory__player,.imp-victory__spark{animation:none}}.same-answer{--same-answer-accent:var(--neon-lime);gap:var(--space-4);width:100%;padding-block:var(--space-4) var(--space-8);display:grid}.same-answer__header,.same-answer__form-meta,.same-answer__group-answer{justify-content:space-between;align-items:center;display:flex}.same-answer__round,.same-answer__phase,.same-answer__category{font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.same-answer__round{color:var(--text-secondary)}.same-answer__phase{padding:var(--space-1) var(--space-3);color:var(--cyber-cyan);border:1px solid var(--border-cyber);border-radius:var(--radius-full);background:#00f0ff14}.same-answer__phase--reveal{color:var(--same-answer-accent);background:var(--success-bg);border-color:#22e83859}.same-answer__question-card,.same-answer__form,.same-answer__reveal,.same-answer__scoreboard{border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:var(--shadow-md)}.same-answer__question-card{padding:var(--space-6) var(--space-4) var(--space-4);text-align:center;position:relative;overflow:hidden}.same-answer__question-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyber-cyan), var(--same-answer-accent), transparent);height:3px;position:absolute;inset:0 0 auto}.same-answer__category{color:var(--cyber-cyan)}.same-answer__question-card h1{max-width:18ch;margin:var(--space-3) auto var(--space-5);font-family:var(--font-family-display);font-size:clamp(var(--text-2xl), 8vw, var(--text-4xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);text-wrap:balance}.same-answer__form{padding:var(--space-4)}.same-answer__form label,.same-answer__scoreboard h2{margin-bottom:var(--space-2);font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-bold);display:block}.same-answer__input-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.same-answer__input-row input{min-width:0;min-height:48px;padding:0 var(--space-4);color:var(--text-primary);font:inherit;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:16px}.same-answer__input-row input:focus-visible{border-color:var(--cyber-cyan);outline:none;box-shadow:0 0 0 3px #00f0ff24}.same-answer__input-row button{min-height:48px;padding-inline:var(--space-4);color:var(--text-inverse);font-weight:var(--weight-bold);border-radius:var(--radius-md);background:var(--same-answer-accent);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#22e83833;transition:filter var(--transition-fast), transform .1s ease;border:0}.same-answer__input-row button:active{transform:scale(.98)}.same-answer__input-row button:disabled{opacity:.45;cursor:not-allowed;transform:none}.same-answer__form-meta{gap:var(--space-3);margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs)}.same-answer__players{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.same-answer__player{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2) var(--space-3);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-secondary);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.same-answer__player>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.same-answer__player.is-ready{color:var(--text-primary);border-color:#22e83859}.same-answer__ready-mark{color:var(--text-secondary);font-family:var(--font-family-mono);font-weight:var(--weight-bold)}.same-answer__player.is-ready .same-answer__ready-mark{color:var(--same-answer-accent)}.same-answer__reveal{padding:var(--space-4)}.same-answer__no-match{margin-bottom:var(--space-3);color:var(--text-secondary);text-align:center}.same-answer__groups{gap:var(--space-3);display:grid}.same-answer__group{padding:var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary);animation:.22s cubic-bezier(0,0,.2,1) both same-answer-reveal}.same-answer__group.is-match{background:var(--success-bg);box-shadow:var(--glow-lime);border-color:#22e83873}.same-answer__group-answer{gap:var(--space-3);font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--weight-bold)}.same-answer__group-answer strong{color:var(--same-answer-accent);font-family:var(--font-family-mono)}.same-answer__group-players{gap:var(--space-2) var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.same-answer__group-players>span{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);display:inline-flex}.same-answer__scoreboard{margin-top:var(--space-5);padding:var(--space-4);box-shadow:none}.same-answer__score-row{align-items:center;gap:var(--space-2);border-top:1px solid var(--border-secondary);grid-template-columns:24px auto minmax(0,1fr) auto;min-height:44px;display:grid}.same-answer__score-row>span:first-child{color:var(--text-secondary);font-family:var(--font-family-mono)}.same-answer__score-row b{color:var(--cyber-cyan);font-family:var(--font-family-mono)}@keyframes same-answer-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.same-answer{gap:var(--space-5)}.same-answer__question-card{padding:var(--space-8)}.same-answer__form,.same-answer__reveal{padding:var(--space-5)}.same-answer__players{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.same-answer__group{animation:none}.same-answer__input-row button{transition:none}}.imp-phase{--imp-accent:var(--cyber-cyan);align-content:center;gap:var(--space-4);width:min(100%,560px);min-height:calc(100dvh - var(--space-8));padding-block:var(--space-5);margin-inline:auto;display:grid}.imp-phase h1,.imp-phase h2{font-family:var(--font-family-display);text-wrap:balance;margin:0}.imp-phase h1{font-size:clamp(var(--text-2xl), 8vw, var(--text-4xl));line-height:var(--leading-tight)}.imp-kicker{color:var(--imp-accent);font:700 var(--text-xs) var(--font-family-mono);letter-spacing:.12em}.imp-lede,.imp-status{color:var(--text-secondary);line-height:var(--leading-relaxed);text-wrap:pretty;margin:0}.imp-status{text-align:center;font-family:var(--font-family-mono);font-size:var(--text-sm)}.imp-primary{min-height:52px;padding:var(--space-3) var(--space-5);color:#061019;font:800 var(--text-base) var(--font-family-display);border-radius:var(--radius-lg);background:var(--imp-accent,var(--neon-lime));box-shadow:0 0 22px color-mix(in srgb, var(--imp-accent,var(--neon-lime)) 28%, transparent);cursor:pointer;touch-action:manipulation;border:0;transition:filter .12s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1)}.imp-primary:hover:not(:disabled){filter:brightness(1.08)}.imp-primary:active:not(:disabled){transform:scale(.98)}.imp-primary:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.imp-intro{align-content:center;justify-items:center;gap:clamp(var(--space-5), 7vh, var(--space-8));width:min(100%,560px);min-height:calc(100dvh - var(--space-8));text-align:center;isolation:isolate;margin-inline:auto;animation:.36s cubic-bezier(.4,0,1,1) 2.4s both imp-intro-exit;display:grid;position:relative;overflow:hidden}.imp-intro:before{z-index:-1;aspect-ratio:1;content:"";background:radial-gradient(circle,#00f0ff1f,#00f0ff09 38%,#0000 68%);border-radius:50%;width:min(120vw,620px);animation:1.8s cubic-bezier(.4,0,.2,1) both imp-intro-ambient;position:absolute}.imp-intro__stage{aspect-ratio:1/.72;width:min(88vw,380px);position:relative}.imp-intro__card{width:29%;height:68%;color:var(--cyber-cyan);border-radius:clamp(12px, 4vw, var(--radius-xl));background:linear-gradient(145deg, #00f0ff0e, transparent 58%), var(--bg-elevated);box-shadow:var(--shadow-lg);transform-origin:50%;animation:imp-intro-pick .6s var(--pick-delay) cubic-bezier(.2,0,0,1) both;border:2px solid #00f0ff38;place-items:center;display:grid;position:absolute;top:16%;left:50%}.imp-intro__card--left{transform:translate(-160%)rotate(-5deg)}.imp-intro__card--center{top:4%;transform:translate(-50%)rotate(2deg)}.imp-intro__card--right{transform:translate(60%)rotate(5deg)}.imp-intro__card i{opacity:.18;font:900 clamp(2.6rem, 15vw, 4.2rem) var(--font-family-display);text-shadow:0 0 16px;animation:imp-intro-question .6s var(--pick-delay) cubic-bezier(.2,0,0,1) both;font-style:normal}.imp-intro__card b{aspect-ratio:1;opacity:0;width:22px;animation:imp-intro-ripple .6s calc(var(--pick-delay) + 90ms) cubic-bezier(0,0,.2,1) both;border:2px solid;border-radius:50%;position:absolute}.imp-intro__copy{justify-items:center;gap:var(--space-2);display:grid}.imp-intro__copy h1{font:800 clamp(var(--text-2xl), 8vw, var(--text-4xl)) var(--font-family-display);text-wrap:balance;margin:0}.imp-intro__copy p{color:var(--text-secondary);text-wrap:pretty;margin:0}.imp-intro__progress{margin-top:var(--space-2);gap:7px;display:flex}.imp-intro__progress i{aspect-ratio:1;background:var(--cyber-cyan);width:6px;animation:imp-intro-dot .72s calc(var(--dot,0) * .12s) cubic-bezier(.4,0,.2,1) infinite alternate;border-radius:50%;box-shadow:0 0 8px #00f0ffb3}.imp-intro__progress i:nth-child(2){--dot:1}.imp-intro__progress i:nth-child(3){--dot:2}@keyframes imp-intro-pick{0%,to{box-shadow:var(--shadow-lg);border-color:#00f0ff38}18%{scale:.96}46%,78%{border-color:var(--cyber-cyan);box-shadow:var(--shadow-lg), 0 0 18px #00f0ffb8, inset 0 0 16px #00f0ff33;scale:1.04}}@keyframes imp-intro-question{0%,to{opacity:.18}46%,78%{opacity:1}}@keyframes imp-intro-ripple{0%,20%{opacity:0;scale:.3}45%{opacity:.75}to{opacity:0;scale:4}}@keyframes imp-intro-dot{0%{opacity:.28;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}@keyframes imp-intro-ambient{0%{opacity:0;scale:.78}to{opacity:1;scale:1}}@keyframes imp-intro-exit{to{opacity:0;transform:scale(1.015)}}.imp-role{text-align:center}.imp-role-card{width:min(100%,390px);min-height:310px;color:var(--text-primary);border:1px solid var(--border-cyber);border-radius:var(--radius-2xl);background:var(--surface-primary);box-shadow:var(--shadow-xl), var(--glow-cyan);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-inline:auto;padding:0;position:relative;overflow:hidden}.imp-role-card__cover,.imp-role-card__secret{place-content:center;gap:var(--space-2);padding:var(--space-5);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .16s cubic-bezier(0,0,.2,1);display:grid;position:absolute;inset:0}.imp-role-card__cover{background:radial-gradient(circle at 50% 30%, #00f0ff29, transparent 48%), var(--surface-primary)}.imp-role-card__cover>span{color:var(--cyber-cyan);text-shadow:var(--glow-cyan);font-size:4rem}.imp-role-card__cover strong{font:800 var(--text-xl) var(--font-family-display);letter-spacing:.08em}.imp-role-card__cover small,.imp-role-card__secret small{color:var(--text-secondary);font:700 var(--text-xs) var(--font-family-mono);letter-spacing:.12em}.imp-role-card__secret{opacity:0;background:linear-gradient(145deg, #00f0ff1c, #8b5cf617), var(--bg-elevated);transform:scale(.97)}.imp-role-card__secret strong{color:var(--cyber-cyan);font:900 clamp(2rem, 10vw, 3.6rem) var(--font-family-display);text-shadow:var(--glow-cyan)}.imp-role-card__secret span{color:var(--text-primary);font-weight:var(--weight-bold)}.imp-role-card__secret em{color:var(--text-secondary);font-size:var(--text-sm);font-style:normal}.imp-role-card--open .imp-role-card__cover{opacity:0;transform:scale(1.03)}.imp-role-card--open .imp-role-card__secret{opacity:1;transform:scale(1)}.imp-phase__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.imp-phase__header>div:first-child{gap:var(--space-1);display:grid}.imp-phase__header .timer-wrapper{flex:0 0 110px;width:110px}.imp-spot-stage{border-radius:var(--radius-2xl);isolation:isolate;min-height:300px;position:relative;overflow:hidden}.imp-spot-transition{position:absolute;inset:0}.imp-spot-card{align-content:center;place-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;border:1px solid var(--border-cyber);border-radius:var(--radius-2xl);background:radial-gradient(circle at 50% 22%, #00f0ff24, transparent 42%), var(--surface-primary);box-shadow:var(--shadow-xl);will-change:transform, opacity;display:grid;position:absolute;inset:0}.imp-spot-card--mine{background:radial-gradient(circle at 50% 22%, #22e8382b, transparent 44%), var(--surface-primary);box-shadow:var(--shadow-xl), var(--glow-lime);border-color:#22e8388c}.imp-spot-card .avatar--lg{width:86px;height:86px;font-size:2.6rem}.imp-spot-card__eyebrow{margin-top:var(--space-2);color:var(--text-secondary);font:700 var(--text-xs) var(--font-family-mono);letter-spacing:.14em}.imp-spot-card h2{max-width:100%;font-size:clamp(var(--text-2xl), 9vw, var(--text-4xl));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.imp-spot-card p{color:var(--text-secondary);margin:0}.imp-spot-card--mine p{color:var(--neon-lime);font-weight:var(--weight-bold)}.imp-spot-card--outgoing{animation:.45s cubic-bezier(0,0,.2,1) both imp-spot-out}.imp-spot-card--incoming{animation:.45s cubic-bezier(0,0,.2,1) both imp-spot-in}@keyframes imp-spot-out{0%{opacity:1;transform:translate(0)}to{opacity:.18;transform:translate(100%)}}@keyframes imp-spot-in{0%{opacity:.3;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.imp-progress{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.imp-progress>strong{color:var(--cyber-cyan);font-family:var(--font-family-mono)}.imp-player-strip{justify-content:center;gap:clamp(4px, 2vw, var(--space-2));min-width:0;display:flex}.imp-player-chip{opacity:.68;border-radius:var(--radius-full);border:1px solid #0000;flex:0 auto;padding:3px;transition:opacity .16s cubic-bezier(0,0,.2,1),border-color .16s cubic-bezier(0,0,.2,1),transform .16s cubic-bezier(0,0,.2,1);display:inline-flex;position:relative}.imp-player-chip .avatar{width:clamp(28px,9vw,38px);height:clamp(28px,9vw,38px)}.imp-player-chip.is-done{opacity:.35;filter:saturate(.35)}.imp-player-chip.is-current{opacity:1;border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:translateY(-3px)}.imp-player-chip b{color:#061019;background:var(--neon-lime);border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid;position:absolute;bottom:-2px;right:-2px}.imp-primary--speak{background:var(--neon-lime);width:100%;min-height:58px}.imp-simple{text-align:center}.imp-simple>.timer-wrapper{width:min(100%,280px);margin-inline:auto}.imp-locked{padding:var(--space-4);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--surface-secondary)}.imp-vote-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.imp-vote-grid button{align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-3);color:var(--text-primary);font:700 var(--text-base) var(--font-family-display);text-align:left;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);cursor:pointer;touch-action:manipulation;transition:border-color .12s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1);display:flex;overflow:hidden}.imp-vote-grid button:hover{border-color:var(--cyber-cyan)}.imp-vote-grid button:active{transform:scale(.98)}.imp-vote-grid button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.imp-guess-form{gap:var(--space-2);text-align:left;display:grid}.imp-guess-form label{font-weight:var(--weight-bold)}.imp-guess-form input{min-height:52px;padding-inline:var(--space-3);color:var(--text-primary);font:inherit;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);font-size:16px}.imp-guess-form input:focus-visible{border-color:var(--cyber-cyan);outline:none;box-shadow:0 0 0 3px #00f0ff24}.imp-result{text-align:center;justify-items:center}.imp-result__word{gap:var(--space-1);width:100%;padding:var(--space-4);border:1px solid var(--border-cyber);border-radius:var(--radius-xl);background:var(--surface-primary);display:grid}.imp-result__word span{color:var(--text-secondary);font-size:var(--text-sm)}.imp-result__word strong{color:var(--cyber-cyan);font:900 var(--text-3xl) var(--font-family-display)}@media (width<=480px){.imp-phase{min-height:calc(100dvh - var(--space-4));padding-block:var(--space-3)}.imp-phase__header{grid-template-columns:minmax(0,1fr) 92px;display:grid}.imp-phase__header .timer-wrapper{width:92px}.imp-spot-stage{min-height:270px}.imp-role-card{min-height:290px}}@media (prefers-reduced-motion:reduce){.imp-intro,.imp-intro:before,.imp-intro__card,.imp-intro__card i,.imp-intro__card b,.imp-intro__progress i{animation:none}.imp-intro__card{box-shadow:var(--shadow-lg), 0 0 12px #00f0ff33;border-color:#00f0ff7a}.imp-intro__card i{opacity:1}.imp-role-card__cover,.imp-role-card__secret,.imp-primary,.imp-player-chip,.imp-vote-grid button{transition-duration:0s}.imp-spot-card--outgoing{animation:.15s cubic-bezier(0,0,.2,1) both imp-spot-fade-out}.imp-spot-card--incoming{animation:.15s cubic-bezier(0,0,.2,1) both imp-spot-fade-in}}@keyframes imp-spot-fade-out{0%{opacity:1}to{opacity:0}}@keyframes imp-spot-fade-in{0%{opacity:0}to{opacity:1}}.imp-lobby-card{gap:var(--space-4);width:100%;min-height:368px;padding:var(--space-5);color:var(--text-primary);text-align:left;border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:var(--shadow-md);cursor:pointer;touch-action:manipulation;border:1px solid #00f0ff4d;grid-template-columns:minmax(0,1fr) auto;transition:border-color .12s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),transform .12s cubic-bezier(0,0,.2,1);display:grid;position:relative;overflow:hidden}.imp-lobby-card:hover:not(:disabled){border-color:var(--cyber-cyan);box-shadow:var(--shadow-lg), var(--glow-cyan);transform:translateY(-2px)}.imp-lobby-card:active:not(:disabled){transform:scale(.99)}.imp-lobby-card:disabled{opacity:.48;cursor:not-allowed}.imp-lobby-card.is-selecting{opacity:1;border-color:var(--cyber-cyan);box-shadow:var(--shadow-lg), var(--glow-cyan)}.imp-lobby-card__badge{top:var(--space-3);right:var(--space-3);z-index:2;color:#061019;font:700 10px var(--font-family-mono);text-transform:uppercase;border-radius:var(--radius-full);background:var(--cyber-cyan);padding:3px 8px;position:absolute}.imp-lobby-card__art{justify-content:center;align-items:center;gap:var(--space-2);grid-column:1/-1;min-height:210px;display:flex}.imp-lobby-card__art i{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);width:64px;height:82px;box-shadow:var(--shadow-sm);place-items:center;display:grid;transform:rotate(-6deg)}.imp-lobby-card__art i:nth-child(2){transform:translateY(-12px)}.imp-lobby-card__art i.is-impostor{color:var(--cyber-cyan);font:900 var(--text-3xl) var(--font-family-display);border-color:var(--cyber-cyan);box-shadow:var(--glow-cyan);transform:rotate(7deg)}.imp-lobby-card__copy{align-self:end;gap:var(--space-1);display:grid}.imp-lobby-card__copy small{color:var(--cyber-cyan);font:700 10px var(--font-family-mono);letter-spacing:.1em}.imp-lobby-card__copy strong{font:800 var(--text-2xl) var(--font-family-display)}.imp-lobby-card__copy span{color:var(--text-secondary);font-size:var(--text-sm)}.imp-lobby-card__arrow{z-index:2;color:#061019;background:var(--cyber-cyan);width:55px;height:55px;box-shadow:var(--glow-cyan);isolation:isolate;border-radius:50%;flex-shrink:0;align-self:end;place-items:center;transition:transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1);display:grid;position:relative}.imp-lobby-card__arrow svg{z-index:1;position:relative}@media (hover:hover){.imp-lobby-card:hover:not(:disabled) .imp-lobby-card__arrow{transform:rotate(45deg);box-shadow:0 0 20px #00f0ff80}}.imp-waiting-backdrop{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040812d1;place-items:center;display:grid;position:fixed;inset:0}.imp-waiting{width:min(100%,520px);max-height:calc(100dvh - 2rem);padding:var(--space-6);text-align:center;border-radius:var(--radius-2xl);background:var(--bg-elevated);box-shadow:var(--shadow-xl), var(--glow-cyan);overscroll-behavior:contain;border:1px solid #00f0ff66;position:relative;overflow-y:auto}.imp-waiting__close{top:var(--space-3);right:var(--space-3);width:44px;height:44px;color:var(--text-secondary);font-size:var(--text-2xl);cursor:pointer;background:0 0;border:0;position:absolute}.imp-waiting h2{margin:var(--space-3) auto var(--space-2);font:800 var(--text-3xl) var(--font-family-display);text-wrap:balance}.imp-waiting>p{color:var(--text-secondary)}.imp-waiting__players{gap:var(--space-2);margin-block:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.imp-waiting__players>span{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-secondary);display:flex;overflow:hidden}.imp-waiting__players .is-empty{color:var(--text-secondary);border-style:dashed;justify-content:center}.imp-waiting .imp-waiting__count{color:var(--text-primary);font-family:var(--font-family-mono)}.imp-waiting .imp-primary,.imp-waiting__cancel{width:100%;margin-top:var(--space-3)}.imp-waiting .imp-primary{color:#061019;background:linear-gradient(135deg, var(--neon-lime), var(--neon-lime-alt));border:1px solid #fff3;box-shadow:0 0 24px #22e83857,0 10px 24px #04081247}.imp-waiting .imp-primary:hover:not(:disabled){box-shadow:0 0 30px #22e8387a,0 12px 28px #04081252}.imp-waiting .imp-primary:disabled{color:var(--text-secondary);opacity:1;border-color:var(--border-primary);background:var(--surface-secondary);box-shadow:none}.imp-waiting__cancel{min-height:48px;color:var(--hot-coral);font-weight:var(--weight-bold);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #ff475759}.imp-waiting__cancel:disabled{opacity:.45;cursor:not-allowed}.imp-waiting__notice,.imp-resume{margin-top:var(--space-3);padding:var(--space-3);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-secondary)}.imp-waiting .imp-waiting__error{color:var(--hot-coral)}.imp-resume{gap:var(--space-2);display:grid}.imp-resume h3,.imp-resume p{margin:0}.game-leave-button{right:max(var(--space-4), env(safe-area-inset-right));bottom:max(var(--space-4), env(safe-area-inset-bottom));z-index:20;min-height:44px;padding:0 var(--space-3);color:var(--hot-coral);font:700 var(--text-sm) var(--font-family-display);border-radius:var(--radius-full);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0c1222eb;border:1px solid #ff47576b;position:fixed}.game-page--leave-enabled{padding-bottom:calc(var(--space-8) + 52px)}.game-leave-button:hover{color:#fff;border-color:var(--hot-coral);background:#ff475733}.game-leave-button:active{transform:scale(.97)}.game-leave-backdrop{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040812d6;place-items:center;display:grid;position:fixed;inset:0}.game-leave-dialog{width:min(100%,440px);padding:var(--space-5);text-align:center;border-radius:var(--radius-2xl);background:var(--bg-elevated);box-shadow:var(--shadow-xl), 0 0 28px #ff47571f;border:1px solid #ff47576b}.game-leave-dialog__eyebrow{color:var(--hot-coral);font:700 var(--text-xs) var(--font-family-mono);letter-spacing:.12em}.game-leave-dialog h2{margin:var(--space-2) 0;font:800 var(--text-2xl) var(--font-family-display);text-wrap:balance}.game-leave-dialog p{color:var(--text-secondary);text-wrap:pretty;margin:0}.game-leave-dialog__actions{gap:var(--space-2);margin-top:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.game-leave-dialog__actions button{min-height:48px;padding-inline:var(--space-3);font:700 var(--text-sm) var(--font-family-display);border-radius:var(--radius-md);cursor:pointer}.game-leave-dialog__cancel{color:var(--text-primary);border:1px solid var(--border-primary);background:var(--surface-secondary)}.game-leave-dialog__confirm{color:#fff;border:1px solid var(--hot-coral);background:#ff4757d1;box-shadow:0 0 18px #ff475733}.game-leave-dialog__confirm:hover{background:var(--hot-coral)}@media (width<=520px){.game-leave-button{right:max(var(--space-3), env(safe-area-inset-right));bottom:max(var(--space-3), env(safe-area-inset-bottom))}.game-leave-dialog__actions{grid-template-columns:1fr}.game-leave-dialog__confirm{order:2}}@media (width<=767px){.imp-lobby-card{border-radius:20px;grid-template-columns:100px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:0;padding:20px 14px}.imp-lobby-card__art{grid-column:1;gap:3px;min-height:112px}.imp-lobby-card__art i{border-radius:8px;width:29px;height:48px}.imp-lobby-card__art i:nth-child(2){transform:translateY(-7px)}.imp-lobby-card__art i.is-impostor{font-size:var(--text-lg)}.imp-lobby-card__copy{grid-column:2;min-width:0}.imp-lobby-card__copy strong{font-size:24px;line-height:1.08}.imp-lobby-card__arrow{width:24px;height:32px;color:var(--cyber-cyan);box-shadow:none;background:0 0;grid-column:3;align-self:center}.imp-lobby-card__arrow svg{width:22px;height:22px;transition:transform .2s cubic-bezier(0,0,.2,1),filter .2s cubic-bezier(0,0,.2,1)}@media (hover:hover){.imp-lobby-card:hover:not(:disabled) .imp-lobby-card__arrow{box-shadow:none;transform:none}.imp-lobby-card:hover:not(:disabled) .imp-lobby-card__arrow svg{filter:drop-shadow(0 0 5px);transform:rotate(45deg)}}}@media (prefers-reduced-motion:reduce){.imp-lobby-card{transition:border-color .15s cubic-bezier(0,0,.2,1)}.imp-lobby-card:hover:not(:disabled),.imp-lobby-card:active:not(:disabled){transform:none}.imp-lobby-card__arrow,.imp-lobby-card__arrow svg{transition:none}.imp-lobby-card:hover:not(:disabled) .imp-lobby-card__arrow,.imp-lobby-card:hover:not(:disabled) .imp-lobby-card__arrow svg{transform:none}}:root{--cd-accent:color-mix(in srgb, var(--hot-coral) 78%, #ff9a72);--cd-accent-glow:color-mix(in srgb, var(--cd-accent) 36%, transparent);--cd-red:#f4436c;--cd-blue:#38bdf8;--cd-green:#4ade80;--cd-yellow:#fbbf24;--cd-wild:#c084fc;--cd-red-bg:#f4436c2e;--cd-blue-bg:#38bdf82e;--cd-green-bg:#4ade802e;--cd-yellow-bg:#fbbf242e;--cd-wild-bg:#c084fc2e;--cd-card-w:78px;--cd-card-h:118px;--cd-card-surface:#0b1426;--cd-card-surface-deep:#060a13;--cd-card-line:#ffffff1a;--cd-motion-fast:.12s;--cd-motion-base:.2s;--cd-ease-out:cubic-bezier(0, 0, .2, 1)}.cd-lobby-card{isolation:isolate;border-color:color-mix(in srgb, var(--cd-accent) 30%, transparent);background:var(--surface-primary);box-shadow:var(--shadow-md);-webkit-tap-highlight-color:transparent}.cd-lobby-card:after{content:"▲   ●   ■   ◆\a  ◆   ▲   ●   ■\a ■   ◆   ▲   ●\a  ●   ■   ◆   ▲";z-index:0;color:var(--cd-accent);font:700 12px/3 var(--font-family-mono);letter-spacing:.42em;white-space:pre-wrap;opacity:.05;pointer-events:none;position:absolute;inset:-22px;overflow:hidden;transform:rotate(-7deg)scale(1.08)}.cd-lobby-card>*{z-index:1;position:relative}.cd-lobby-card:hover:not(:disabled){border-color:var(--cd-accent);box-shadow:var(--shadow-lg), 0 0 20px var(--cd-accent-glow)}.imp-lobby-card.cd-lobby-card.is-selecting,.imp-lobby-card.cd-lobby-card.is-selecting:disabled{opacity:1;border-color:var(--cd-accent);box-shadow:var(--shadow-lg), 0 0 20px var(--cd-accent-glow)}.imp-lobby-card.cd-lobby-card:focus-visible{outline-color:var(--cd-accent);box-shadow:var(--shadow-lg), 0 0 20px var(--cd-accent-glow)}.cd-lobby-card__badge{color:#fff;background:var(--cd-accent);box-shadow:0 0 12px var(--cd-accent-glow)}.cd-lobby-card__art{isolation:isolate;position:relative}.cd-lobby-card__stage{aspect-ratio:1;perspective:700px;perspective-origin:50% 30%;width:min(210px,100%);position:relative}.cd-lobby-card__animated-card{z-index:var(--cd-lobby-z);width:34%;height:52%;color:var(--cd-lobby-color);background:var(--cd-card-surface-deep);box-shadow:0 0 14px currentColor, inset 0 0 12px color-mix(in srgb, currentColor 40%, transparent);transform:translateX(var(--cd-lobby-x)) rotateZ(var(--cd-lobby-r));border:clamp(2px,.7vw,4px) solid;border-radius:clamp(8px,3vw,14px);place-items:center;margin:-26% 0 0 -17%;display:grid;position:absolute;top:50%;left:50%;overflow:hidden}.cd-lobby-card__animated-card svg{fill:currentColor;filter:drop-shadow(0 0 6px);width:44%;height:auto;overflow:visible}.cd-lobby-card__copy small{color:var(--cd-accent)}.cd-lobby-card__arrow{background:var(--cd-accent);box-shadow:0 0 15px var(--cd-accent-glow)}@media (hover:hover){.cd-lobby-card:hover:not(:disabled) .cd-lobby-card__arrow{box-shadow:0 0 20px var(--cd-accent-glow)}}@media (width<=767px){.imp-lobby-card.cd-lobby-card .cd-lobby-card__arrow{color:var(--cd-accent);box-shadow:none;background:0 0}@media (hover:hover){.cd-lobby-card:hover:not(:disabled) .cd-lobby-card__arrow{box-shadow:none}.cd-lobby-card:hover:not(:disabled) .cd-lobby-card__arrow svg{filter:drop-shadow(0 0 5px var(--cd-accent))}}}.cd-waiting-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040812d1}.imp-waiting.cd-waiting{--imp-accent:var(--cd-accent);border-color:color-mix(in srgb, var(--cd-accent) 46%, transparent);box-shadow:var(--shadow-xl), 0 0 28px var(--cd-accent-glow)}.cd-waiting :is(button,[role=switch]):focus-visible{outline-color:var(--cd-accent);outline-offset:3px}.cd-kicker{color:var(--cd-accent)}.cd-waiting__player-chip.is-empty{color:var(--text-secondary)}.cd-waiting .cd-waiting__count{color:var(--cd-accent)}.cd-waiting__error{margin-top:var(--space-3)}.cd-waiting__settings{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);text-align:left;border:1px solid color-mix(in srgb, var(--cd-accent) 28%, var(--border-primary));border-radius:var(--radius-md);background:var(--surface-secondary);display:flex}.cd-waiting__settings>span{gap:2px;min-width:0;display:grid}.cd-waiting__settings strong{font-size:var(--text-sm)}.cd-waiting__settings small{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4}.cd-waiting__toggle{border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-secondary);cursor:pointer;touch-action:manipulation;flex:0 0 52px;width:52px;min-height:44px;padding:0;transition:border-color .15s cubic-bezier(0,0,.2,1),background .15s cubic-bezier(0,0,.2,1);position:relative}.cd-waiting__toggle span{background:var(--text-secondary);border-radius:50%;width:20px;height:20px;transition:transform .15s cubic-bezier(0,0,.2,1),background .15s cubic-bezier(0,0,.2,1),box-shadow .15s cubic-bezier(0,0,.2,1);position:absolute;top:11px;left:7px}.cd-waiting__toggle[aria-checked=true]{border-color:var(--cd-accent);background:color-mix(in srgb, var(--cd-accent) 18%, var(--bg-secondary))}.cd-waiting__toggle[aria-checked=true] span{background:var(--cd-accent);box-shadow:0 0 10px var(--cd-accent-glow);transform:translate(18px)}.cd-waiting__toggle:disabled{opacity:.48;cursor:not-allowed}.imp-waiting.cd-waiting .cd-primary{color:#fff;background:var(--cd-accent);box-shadow:0 0 24px var(--cd-accent-glow), 0 10px 24px #04081247;border-color:#fff3}.imp-waiting.cd-waiting .cd-primary:hover:not(:disabled){box-shadow:0 0 30px var(--cd-accent-glow), 0 12px 28px #04081252}.imp-waiting.cd-waiting .cd-primary:disabled{color:var(--text-secondary);opacity:1;border-color:var(--border-primary);background:var(--surface-secondary);box-shadow:none}.cd-waiting__cancel{touch-action:manipulation}@media (prefers-reduced-motion:reduce){.cd-waiting__toggle,.cd-waiting__toggle span{transition:none}}.cd-game-container{gap:var(--space-2);-webkit-user-select:none;user-select:none;touch-action:manipulation;isolation:isolate;background:radial-gradient(circle at 50% 38%,#00f0ff0e,#0000 38%),linear-gradient(#0d15271f,#0000 46%);flex-direction:column;width:100%;max-width:640px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.cd-game-container:before{content:"";z-index:-1;opacity:.34;pointer-events:none;background-image:radial-gradient(circle,#00f0ff2e 1px,#0000 1.2px);background-size:26px 26px;position:absolute;inset:0}.cd-game-container--centered{padding:var(--space-3);justify-content:center;align-items:center}.cd-opponents-strip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.cd-opponents-strip::-webkit-scrollbar{display:none}.cd-opponent-badge{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-xs);transition:border-color var(--cd-motion-base) var(--cd-ease-out), box-shadow var(--cd-motion-base) var(--cd-ease-out), background-color var(--cd-motion-base) var(--cd-ease-out);flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.cd-opponent-badge.is-turn{border-color:var(--neon-lime);background:color-mix(in srgb, var(--neon-lime) 10%, var(--surface-secondary));box-shadow:0 0 12px color-mix(in srgb, var(--neon-lime) 30%, transparent)}.cd-opponent-badge.is-away{opacity:.62;border-color:var(--hot-coral)}.cd-opponent-badge__name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.cd-card-count-badge{background:var(--cyber-cyan);min-width:20px;height:20px;color:var(--text-inverse);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.cd-opponent-badge.has-one-card .cd-card-count-badge{background:var(--hot-coral);color:#fff;animation:.9s infinite alternate cd-pulse}@keyframes cd-pulse{0%{filter:drop-shadow(0 0 2px var(--hot-coral));transform:scale(1)}to{filter:drop-shadow(0 0 8px var(--hot-coral));transform:scale(1.15)}}.cd-arena{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-height:248px;display:flex;position:relative}.cd-turn-banner{width:min(calc(100% - var(--space-6)), 410px);border:1px solid var(--border-primary);border-radius:var(--radius-full);background:color-mix(in srgb, var(--surface-primary) 92%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 10px;display:grid;box-shadow:0 8px 22px #00000038}.cd-turn-banner.is-my-turn{border-color:color-mix(in srgb, var(--neon-lime) 72%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--neon-lime) 18%, transparent), 0 8px 22px #00000038}.cd-turn-banner__avatar{place-items:center;display:grid}.cd-turn-banner__copy{min-width:0;line-height:1.08;display:grid}.cd-turn-banner__copy small{color:var(--text-secondary);font:700 9px var(--font-family-mono);letter-spacing:.12em}.cd-turn-banner__copy strong{color:var(--text-primary);font:800 var(--text-sm) var(--font-family-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cd-turn-banner.is-my-turn .cd-turn-banner__copy strong{color:var(--neon-lime)}.cd-timer{border-radius:var(--radius-full);background:var(--surface-secondary);width:76px;height:6px;overflow:hidden}.cd-timer__fill{width:var(--cd-timer-progress,0%);border-radius:inherit;background:var(--neon-lime);height:100%;transition:width .2s linear}.cd-timer.is-urgent .cd-timer__fill{background:var(--hot-coral)}.cd-direction-notice{z-index:30;min-height:40px;color:var(--cyber-cyan);border:1px solid color-mix(in srgb, var(--cyber-cyan) 48%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-secondary) 94%, transparent);box-shadow:var(--glow-cyan);font:700 var(--text-xs) var(--font-family-mono);align-items:center;gap:8px;padding:7px 12px;display:flex;position:absolute;top:52px}.cd-direction-notice .cd-card__action-icon{width:24px;height:24px}.cd-arena__piles{justify-content:center;align-items:center;gap:var(--space-8);z-index:2;margin-top:clamp(10px,2vh,18px);display:flex;position:relative}.cd-pile-wrapper{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.cd-draw-pile{width:var(--cd-card-w);height:var(--cd-card-h);background:var(--cd-card-surface-deep);border:2px solid var(--cyber-cyan);cursor:default;transition:transform var(--cd-motion-fast) var(--cd-ease-out), box-shadow var(--cd-motion-fast) var(--cd-ease-out), border-color var(--cd-motion-fast) var(--cd-ease-out);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000075}.cd-draw-pile.is-clickable{border-color:var(--neon-lime);box-shadow:0 0 17px color-mix(in srgb, var(--neon-lime) 42%, transparent), 0 8px 18px #00000075;cursor:pointer;animation:1.8s ease-in-out infinite cd-float}@keyframes cd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cd-card-back-art{width:100%;height:100%;display:block}.cd-card-back-art__frame{fill:var(--cd-card-surface-deep);stroke:var(--cyber-cyan);stroke-width:2px}.cd-card-back-art__core{fill:#0d1b31;stroke:var(--cyber-cyan);stroke-width:2px}.cd-card-back-art__orbit{fill:none;stroke:var(--cyber-cyan);stroke-opacity:.62;stroke-width:2px}.cd-card-back-art__orbit--lime{stroke:var(--neon-lime);stroke-opacity:1;stroke-width:2.5px}.cd-card-back-art__node{fill:var(--neon-lime)}.cd-card-back-art__badge{fill:#07101e;stroke:var(--cyber-cyan);stroke-width:2px}.cd-card-back-art text{fill:var(--text-primary);font:900 11px var(--font-family-display);letter-spacing:1.5px}.cd-dealing-animation{aspect-ratio:1;width:min(80vw,320px);margin:0 auto var(--space-3);place-items:center;display:grid}.cd-dealing-animation .cd-lobby-card__stage{width:100%}.cd-draw-pile__count{background:var(--bg-elevated);border:1px solid var(--border-cyber);font:700 10px var(--font-family-mono);color:var(--text-secondary);border-radius:12px;padding:2px 6px;position:absolute;bottom:-8px;right:-8px}.cd-discard-pile{width:var(--cd-card-w);height:var(--cd-card-h);border-radius:16px;position:relative}.cd-active-color-ring{border:2px solid var(--active-col,var(--border-primary));box-shadow:0 0 22px color-mix(in srgb, var(--active-col,var(--cyber-cyan)) 56%, transparent);pointer-events:none;transition:border-color .24s var(--cd-ease-out), box-shadow .24s var(--cd-ease-out);border-radius:22px;position:absolute;inset:-10px}.cd-active-color{min-height:30px;color:var(--text-primary);background:color-mix(in srgb, var(--active-col) 18%, var(--surface-secondary));border:1px solid color-mix(in srgb, var(--active-col) 74%, transparent);border-radius:var(--radius-full);font:700 11px var(--font-family-mono);box-shadow:0 0 12px color-mix(in srgb, var(--active-col) 20%, transparent);align-items:center;gap:7px;padding:4px 11px;display:flex}.cd-active-color .cd-color-mark{width:16px;height:16px;color:var(--active-col)}.cd-stack-warning{border:1px solid var(--cd-red);border-radius:var(--radius-full);color:var(--cd-red);font:800 12px var(--font-family-display);background:#f4436c33;padding:4px 12px;animation:.8s infinite alternate cd-pulse}.cd-card{width:var(--cd-card-w);height:var(--cd-card-h);background:radial-gradient(circle at 34% 22%, color-mix(in srgb, var(--card-col) 13%, transparent), transparent 42%), linear-gradient(155deg, var(--cd-card-surface), var(--cd-card-surface-deep));border:2px solid var(--card-col,var(--slate-blue));color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:pointer;isolation:isolate;transition:box-shadow var(--cd-motion-base) var(--cd-ease-out), opacity var(--cd-motion-base) var(--cd-ease-out), filter var(--cd-motion-base) var(--cd-ease-out), border-color var(--cd-motion-base) var(--cd-ease-out);border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:7px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 16px #00000080}.cd-card[data-color=RED]{--card-col:var(--cd-red)}.cd-card[data-color=BLUE]{--card-col:var(--cd-blue)}.cd-card[data-color=GREEN]{--card-col:var(--cd-green)}.cd-card[data-color=YELLOW]{--card-col:var(--cd-yellow)}.cd-card[data-color=null],.cd-card:not([data-color]){--card-col:var(--cd-wild)}.cd-card__surface{z-index:-1;width:100%;height:100%;color:var(--card-col);pointer-events:none;position:absolute;inset:0}.cd-card__star-field{fill:currentColor;opacity:.32}.cd-card__orbit-core{fill:#060a13d1;stroke:currentColor;stroke-width:2.4px}.cd-card__orbit-line{fill:none;stroke:currentColor;stroke-opacity:.62;stroke-width:1.7px}.cd-card__orbit-node{fill:currentColor}.cd-card__signal-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}.cd-card__corner{line-height:1;font:800 11px var(--font-family-mono);color:var(--card-col);letter-spacing:-.03em;z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:relative}.cd-color-mark{color:currentColor;width:11px;height:11px;display:block}.cd-card__center{z-index:2;width:66px;height:66px;color:var(--card-col);text-shadow:0 2px 7px #000000e6;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cd-card__number{color:var(--text-primary);font:900 42px/.8 var(--font-family-display);letter-spacing:-.08em}.cd-card__action-icon{width:58px;height:58px;display:block;overflow:visible}.cd-card__draw-value{fill:var(--text-primary);font:900 34px var(--font-family-display)}.cd-card__corner--bottom{align-self:flex-end;transform:rotate(180deg)}.cd-card__selected-rail{border-radius:var(--radius-full);background:var(--neon-lime);width:34px;height:3px;box-shadow:0 0 9px var(--neon-lime);position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.cd-card.is-playable{box-shadow:0 7px 16px #00000080, 0 0 10px color-mix(in srgb, var(--card-col) 40%, transparent);cursor:pointer}.cd-card.is-unplayable{opacity:.68;cursor:not-allowed;filter:saturate(.42)brightness(.76)}.cd-card.is-selected{opacity:1;filter:none;border-color:var(--neon-lime);box-shadow:0 14px 24px #0000009e, 0 0 14px color-mix(in srgb, var(--card-col) 68%, transparent), 0 0 22px color-mix(in srgb, var(--neon-lime) 48%, transparent);z-index:10}.cd-card.is-pending-play{pointer-events:none}.cd-card.is-pending-play:after{content:"";z-index:4;background:linear-gradient(110deg,#0000 38%,#ffffff57 50%,#0000 62%);animation:.7s ease-in-out infinite cd-card-charge;position:absolute;inset:-35%}.cd-card.is-discard{opacity:1;filter:none;cursor:default}.cd-card--empty{cursor:default;opacity:.34;background:var(--cd-card-surface-deep);border-style:dashed}@keyframes cd-card-charge{0%{transform:translate(-45%)rotate(8deg)}to{transform:translate(45%)rotate(8deg)}}.cd-hand-section{gap:var(--space-1);padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));flex-direction:column;display:flex}.cd-hand-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding:34px 16px 6px;scroll-padding:0 16px;overflow:auto visible}.cd-hand-scroll::-webkit-scrollbar{display:none}.cd-hand-fan{width:max-content;min-width:100%;min-height:calc(var(--cd-card-h) + 34px);justify-content:center;align-items:flex-start;padding-inline:18px;display:flex}.cd-hand-slot{flex:0 0 calc(var(--cd-card-w) - var(--fan-overlap,8px));width:calc(var(--cd-card-w) - var(--fan-overlap,8px));height:calc(var(--cd-card-h) + 32px);transform:translate3d(var(--fan-separation,0), var(--fan-drop,0), 0) rotate(var(--fan-rotate,0));transform-origin:50% 155%;transition:transform var(--cd-motion-base) var(--cd-ease-out)}.cd-hand-slot:last-child{flex-basis:var(--cd-card-w);width:var(--cd-card-w)}@media (width>=500px){.cd-hand-scroll{padding-inline:var(--space-6)}}.cd-action-bar{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);min-height:46px;display:flex}.cd-btn-play{background:var(--neon-lime);max-width:260px;min-height:44px;color:var(--text-inverse);border-radius:var(--radius-md);font:800 var(--text-sm) var(--font-family-display);cursor:pointer;transition:transform var(--cd-motion-fast) var(--cd-ease-out), box-shadow var(--cd-motion-fast) var(--cd-ease-out), opacity var(--cd-motion-fast) var(--cd-ease-out);border:none;flex:160px;box-shadow:0 0 15px #4ade8066}.cd-btn-play:active{transform:scale(.96)}.cd-btn-play:disabled,.cd-btn-pass:disabled,.cd-btn-last-card:disabled{opacity:.58;cursor:wait}.cd-btn-pass{background:var(--surface-secondary);border:1px solid var(--border-primary);max-width:220px;min-height:44px;color:var(--text-primary);border-radius:var(--radius-md);font:700 var(--text-sm) var(--font-family-display);cursor:pointer;transition:transform var(--cd-motion-fast) var(--cd-ease-out), border-color var(--cd-motion-fast) var(--cd-ease-out);flex:130px}.cd-btn-pass:active{transform:scale(.97)}.cd-btn-last-card{padding:0 var(--space-4);background:linear-gradient(135deg, var(--hot-coral), #e11d48);min-height:44px;color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius-md);font:900 var(--text-sm) var(--font-family-display);cursor:pointer;animation:.65s infinite alternate cd-pulse;box-shadow:0 0 20px #ff475799}.cd-move-error{min-height:36px;margin:0 var(--space-3);color:var(--hot-coral);border:1px solid color-mix(in srgb, var(--hot-coral) 62%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--hot-coral) 12%, transparent);font:700 var(--text-xs) var(--font-family-mono);text-align:center;justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:flex}.cd-alert-mark{flex:0 0 18px;width:18px;height:18px}.cd-color-picker-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);background:#030712e0;place-items:center;display:grid;position:fixed;inset:0}.cd-color-picker{width:min(100%,340px);padding:var(--space-5);background:radial-gradient(circle at 50% 0, #00f0ff14, transparent 42%), var(--bg-secondary);border:1px solid var(--border-cyber);border-radius:var(--radius-2xl);text-align:center;box-shadow:0 10px 40px #0009}.cd-color-picker h3{font:800 var(--text-lg) var(--font-family-display);margin:var(--space-1) 0 var(--space-4);color:var(--text-primary)}.cd-color-picker__grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cd-color-picker__btn{border-radius:var(--radius-lg);border:2px solid var(--picker-color);min-height:104px;font:800 var(--text-base) var(--font-family-display);justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-primary);background:color-mix(in srgb, var(--picker-color) 15%, var(--cd-card-surface-deep));cursor:pointer;box-shadow:0 8px 18px #0000004d, 0 0 12px color-mix(in srgb, var(--picker-color) 18%, transparent);transition:transform var(--cd-motion-fast) var(--cd-ease-out), box-shadow var(--cd-motion-fast) var(--cd-ease-out);flex-direction:column;display:flex}.cd-color-picker__btn .cd-color-mark{width:34px;height:34px;color:var(--picker-color)}.cd-color-picker__btn:active{transform:scale(.92)}.cd-color-picker__btn[data-color=RED]{--picker-color:var(--cd-red)}.cd-color-picker__btn[data-color=BLUE]{--picker-color:var(--cd-blue)}.cd-color-picker__btn[data-color=GREEN]{--picker-color:var(--cd-green)}.cd-color-picker__btn[data-color=YELLOW]{--picker-color:var(--cd-yellow)}.cd-away-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);text-align:center;background:#080c1ce0;place-items:center;display:grid;position:absolute;inset:0}.cd-away-card{padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--hot-coral);border-radius:var(--radius-xl);max-width:320px;box-shadow:0 0 30px #ff475740}.cd-away-card .cd-alert-mark{width:34px;height:34px;color:var(--hot-coral);margin-bottom:var(--space-2)}.cd-away-card h3{margin-bottom:var(--space-2);color:var(--hot-coral)}.cd-away-card p{margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.cd-result-card{width:min(100%,460px);padding:var(--space-5);background:radial-gradient(circle at 50% -8%, #00f0ff1a, transparent 44%), var(--bg-elevated);border-radius:var(--radius-2xl);text-align:center;border:1px solid #f4436c59;margin:auto;box-shadow:0 10px 40px #00000080}.cd-result-card .cd-timer{margin:var(--space-3) auto 0;width:min(100%,180px)}.cd-result-card__title{margin:var(--space-3) 0;font-family:var(--font-family-display)}.cd-result-card__title--compact{margin:var(--space-2) 0}.cd-result-card__title--final{margin:var(--space-2) 0;font-size:var(--text-3xl)}.cd-result-card__copy{color:var(--text-secondary)}.cd-result-card__score{color:var(--neon-lime);font-weight:var(--weight-bold)}.cd-result-card__footnote{color:var(--text-secondary);font-size:var(--text-xs)}.cd-victory-mark{width:72px;height:72px;margin:0 auto var(--space-2);color:var(--cyber-cyan);filter:drop-shadow(0 0 10px #00f0ff57)}.cd-victory-mark.is-compact{width:52px;height:52px}.cd-scoreboard{width:100%;margin:var(--space-4) 0;border-collapse:collapse}.cd-scoreboard th,.cd-scoreboard td{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--border-primary)}.cd-scoreboard th{color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--text-xs)}.cd-scoreboard tr.is-me{background:#4ade8014}@media (height<=700px){.cd-game-container{gap:var(--space-1)}.cd-opponents-strip{padding-block:var(--space-1)}.cd-arena{min-height:222px}.cd-hand-scroll{padding-top:28px}}@media (width<=359px){:root{--cd-card-w:72px;--cd-card-h:109px}.cd-arena__piles{gap:var(--space-5)}.cd-turn-banner{width:calc(100% - var(--space-3))}.cd-timer{width:58px}.cd-hand-scroll{padding-inline:8px}.cd-hand-fan{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.cd-draw-pile.is-clickable,.cd-opponent-badge.has-one-card .cd-card-count-badge,.cd-stack-warning,.cd-btn-last-card,.cd-card.is-pending-play:after{animation:none}.cd-hand-slot,.cd-card,.cd-timer__fill{transition-duration:.01ms}}:root{--ttt-card-board:#0a1224e6;--ttt-card-paper:#080e1ccc;--ttt-card-grid:#00f0ff26;--ttt-card-depth:#00f0ff14;--ttt-card-copy:var(--text-secondary);--ttt-card-x:var(--hot-coral);--ttt-card-o:var(--slate-blue)}.ttt-choice-wrap{justify-content:center;display:flex}.ttt-choice-card{text-align:left;width:100%;max-width:400px;min-height:388px;font-family:var(--font-family);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-cyber);box-shadow:0 20px 60px #00000080, var(--glow-cyan);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:25px 30px 28px;transition:transform .12s,box-shadow .2s,border-color .2s;display:block;position:relative;overflow:hidden}.ttt-choice-card:before,.ttt-choice-card:after{content:"";border-color:var(--cyber-cyan);opacity:.7;border-style:solid;width:16px;height:16px;position:absolute}.ttt-choice-card:before{border-width:2px 0 0 2px;top:14px;left:14px}.ttt-choice-card:after{border-width:2px 2px 0 0;top:14px;right:14px}.ttt-choice-card:active:not(:disabled){transform:scale(.985)}.ttt-choice-card:disabled{opacity:.65;cursor:wait}.ttt-choice-card:focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:4px;box-shadow:var(--glow-cyan)}.ttt-choice-card__badge{z-index:2;border-radius:var(--radius-full);color:var(--arcade-purple);font-family:var(--font-family-mono);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;background:#8b5cf626;border:1px solid #8b5cf659;padding:4px 10px;position:absolute;top:22px;right:27px}.ttt-preview-scene{justify-content:center;align-items:center;width:100%;height:241px;display:flex;position:relative}.ttt-preview-paper,.ttt-preview-board{border-radius:18px;width:211px;height:211px}.ttt-preview-paper{background:var(--ttt-card-paper);border:1px solid var(--ttt-card-grid);position:absolute;transform:rotate(10deg)translate(3px,3px)}.ttt-preview-board{z-index:1;background:var(--ttt-card-board);border:1px solid var(--ttt-card-grid);box-shadow:0 10px 0 var(--ttt-card-depth), 0 25px 30px #0006, 0 0 20px #00f0ff14;grid-template-columns:repeat(3,1fr);padding:13px;transition:transform .3s;display:grid;position:relative;transform:perspective(800px)rotateX(17deg)rotate(-12deg)}.ttt-preview-cell{border-right:1.5px solid var(--ttt-card-grid);border-bottom:1.5px solid var(--ttt-card-grid);justify-content:center;align-items:center;display:flex}.ttt-preview-cell:nth-child(3n){border-right:0}.ttt-preview-cell:nth-child(n+7){border-bottom:0}.ttt-preview-piece{width:56px;height:56px}.ttt-preview-piece--x{color:var(--ttt-card-x);filter:drop-shadow(0 0 4px #ff475780)}.ttt-preview-piece--o{color:var(--ttt-card-o)}.ttt-choice-card__bottom{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.ttt-choice-card__copy{flex-direction:column;min-width:0;display:flex}.ttt-choice-card__category{font-family:var(--font-family-mono);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--cyber-cyan);margin-bottom:4px}.ttt-choice-card__title{font-family:var(--font-family-display);color:var(--text-primary);font-size:clamp(26px,7vw,31px);font-style:italic;font-weight:800;line-height:1.08}.ttt-choice-card__subtitle{color:var(--ttt-card-copy);font-size:var(--text-sm);margin-top:7px}.ttt-choice-card__arrow{background:var(--neon-lime);color:#0a1628;width:55px;height:55px;box-shadow:var(--glow-lime);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}@media (hover:hover){.ttt-choice-card:hover:not(:disabled){border-color:var(--cyber-cyan);box-shadow:0 24px 65px #00000080,0 0 25px #00f0ff4d}.ttt-choice-card:hover:not(:disabled) .ttt-preview-board{transform:perspective(800px)rotateX(10deg)rotate(-7deg)translateY(-4px)}.ttt-choice-card:hover:not(:disabled) .ttt-choice-card__arrow{transform:rotate(45deg);box-shadow:0 0 20px #22e83880}}.ttt-waiting-surface{z-index:250;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(20px);color:var(--text-primary);background:#080c18f2;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.ttt-waiting-surface__top{justify-content:space-between;align-items:center;gap:16px;width:min(100%,900px);margin:0 auto;display:flex}.ttt-waiting-surface__eyebrow{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--cyber-cyan);letter-spacing:.05em}.ttt-waiting-surface__cancel{border-radius:var(--radius-full);min-height:44px;color:var(--hot-coral);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #ff475759;justify-content:center;align-items:center;gap:7px;padding:8px 14px;display:inline-flex}.ttt-waiting-surface__cancel:hover{border-color:var(--hot-coral);background:#ff47571a}.ttt-waiting-surface__cancel:disabled{opacity:.6;cursor:wait}.ttt-waiting-surface__main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 0 40px;display:flex}.ttt-waiting-surface__main .ttt-preview-scene{flex:0 0 241px;max-width:360px}.ttt-waiting-surface__count{border-radius:var(--radius-full);color:var(--neon-lime);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;background:#22e8381a;border:1px solid #22e83840;margin-top:18px;padding:7px 16px}.ttt-waiting-surface__main h2{font-family:var(--font-family-display);margin-top:18px;font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.1}.ttt-waiting-surface__main p{max-width:360px;color:var(--text-secondary);margin-top:8px}.ttt-waiting-surface__main .ttt-waiting-surface__error{color:var(--hot-coral);font-weight:var(--weight-bold)}.ttt-waiting-surface__pulse{gap:7px;margin-top:22px;display:flex}.ttt-waiting-surface__pulse span{background:var(--cyber-cyan);width:8px;height:8px;box-shadow:0 0 6px var(--cyber-cyan);border-radius:50%;animation:1.2s ease-in-out infinite ttt-wait-pulse}.ttt-waiting-surface__pulse span:nth-child(2){animation-delay:.16s}.ttt-waiting-surface__pulse span:nth-child(3){animation-delay:.32s}@keyframes ttt-wait-pulse{50%{opacity:.35;transform:translateY(-4px)}}@media (width<=360px){.ttt-choice-card{padding-left:22px;padding-right:22px}.ttt-preview-scene{height:220px}.ttt-preview-paper,.ttt-preview-board{width:195px;height:195px}.ttt-preview-piece{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.ttt-choice-card,.ttt-preview-board,.ttt-choice-card__arrow{transition:none}.ttt-waiting-surface__pulse span{animation:none}}:root{--trivia-card-board:#120a24e6;--trivia-card-paper:#0e081ccc;--trivia-card-grid:#8b5cf640;--trivia-card-depth:#8b5cf626;--trivia-card-copy:var(--text-secondary);--trivia-card-primary:var(--arcade-purple);--trivia-card-label:#c4b5fd;--trivia-card-success-text:var(--neon-lime);--trivia-card-accent:var(--neon-lime)}.trivia-choice-wrap{justify-content:center;display:flex}:is(.trivia-choice-card,.council-choice-card){text-align:left;width:100%;max-width:400px;min-height:388px;font-family:var(--font-family);color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-cyber);box-shadow:0 20px 60px #00000080, var(--glow-purple);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:25px 30px 28px;transition:transform .12s,box-shadow .2s,border-color .2s;display:block;position:relative;overflow:hidden}:is(.trivia-choice-card,.council-choice-card):before,:is(.trivia-choice-card,.council-choice-card):after{content:"";border-color:var(--trivia-card-primary);opacity:.7;border-style:solid;width:16px;height:16px;position:absolute}:is(.trivia-choice-card,.council-choice-card):before{border-width:2px 0 0 2px;top:14px;left:14px}:is(.trivia-choice-card,.council-choice-card):after{border-width:2px 2px 0 0;top:14px;right:14px}:is(.trivia-choice-card,.council-choice-card):active:not(:disabled){transform:scale(.985)}:is(.trivia-choice-card,.council-choice-card):disabled{opacity:.65;cursor:wait}:is(.trivia-choice-card,.council-choice-card):focus-visible{outline:2px solid var(--trivia-card-primary);outline-offset:4px;box-shadow:var(--glow-purple)}:is(.trivia-choice-card__badge,.council-choice-card__badge){z-index:2;border-radius:var(--radius-full);color:var(--cyber-cyan);font-family:var(--font-family-mono);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;background:#00f0ff26;border:1px solid #00f0ff59;padding:4px 10px;position:absolute;top:22px;right:27px}:is(.trivia-preview-scene,.council-preview-scene){justify-content:center;align-items:center;width:100%;height:241px;display:flex;position:relative}:is(.trivia-preview-paper,.council-preview-paper),:is(.trivia-preview-board,.council-preview-board){border-radius:18px;width:211px;height:211px}:is(.trivia-preview-paper,.council-preview-paper){background:var(--trivia-card-paper);border:1px solid var(--trivia-card-grid);position:absolute;transform:rotate(-8deg)translate(-3px,3px)}:is(.trivia-preview-board,.council-preview-board){z-index:1;background:var(--trivia-card-board);border:1px solid var(--trivia-card-grid);box-shadow:0 10px 0 var(--trivia-card-depth), 0 25px 30px #0006, 0 0 20px #8b5cf626;flex-direction:column;gap:12px;padding:16px;transition:transform .3s;display:flex;position:relative;transform:perspective(800px)rotateX(15deg)rotate(10deg)}.trivia-preview-q{border:1px dashed var(--trivia-card-grid);background:#ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;display:flex}.trivia-preview-opts{flex:2;grid-template-columns:1fr 1fr;gap:12px;display:grid}.trivia-preview-opt{font-family:var(--font-family-mono);border:1px solid var(--trivia-card-grid);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.trivia-preview-opt--active{border-color:var(--neon-lime);color:var(--trivia-card-success-text);background:#22e83826;box-shadow:0 0 12px #22e83840}:is(.trivia-choice-card__bottom,.council-choice-card__bottom){z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}:is(.trivia-choice-card__copy,.council-choice-card__copy){flex-direction:column;min-width:0;display:flex}:is(.trivia-choice-card__category,.council-choice-card__category){font-family:var(--font-family-mono);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--trivia-card-label);margin-bottom:4px}:is(.trivia-choice-card__title,.council-choice-card__title){font-family:var(--font-family-display);color:var(--text-primary);font-size:clamp(26px,7vw,31px);font-style:italic;font-weight:800;line-height:1.08}:is(.trivia-choice-card__subtitle,.council-choice-card__subtitle){color:var(--trivia-card-copy);font-size:var(--text-sm);margin-top:7px}:is(.trivia-choice-card__arrow,.council-choice-card__arrow){background:var(--cyber-cyan);color:#0a1628;width:55px;height:55px;box-shadow:var(--glow-cyan);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}@media (hover:hover){:is(.trivia-choice-card,.council-choice-card):hover:not(:disabled){border-color:var(--trivia-card-primary);box-shadow:0 24px 65px #00000080,0 0 25px #8b5cf64d}:is(.trivia-choice-card,.council-choice-card):hover:not(:disabled) :is(.trivia-preview-board,.council-preview-board){transform:perspective(800px)rotateX(8deg)rotate(5deg)translateY(-4px)}:is(.trivia-choice-card,.council-choice-card):hover:not(:disabled) :is(.trivia-choice-card__arrow,.council-choice-card__arrow){transform:rotate(45deg);box-shadow:0 0 20px #00f0ff80}}.trivia-waiting-surface{z-index:250;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);color:var(--text-primary);border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.trivia-waiting-surface__top{justify-content:space-between;align-items:center;gap:16px;width:min(100%,900px);margin:0 auto;display:flex}.trivia-waiting-surface__eyebrow{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--trivia-card-label);letter-spacing:.05em}.trivia-waiting-surface__cancel{border-radius:var(--radius-full);min-height:44px;color:var(--hot-coral);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #ff475759;justify-content:center;align-items:center;gap:7px;padding:8px 14px;display:inline-flex}.trivia-waiting-surface__cancel:hover{border-color:var(--hot-coral);background:#ff47571a}.trivia-waiting-surface__cancel:disabled{opacity:.6;cursor:wait}.trivia-waiting-surface__main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 0 40px;display:flex}.trivia-waiting-surface__main :is(.trivia-preview-scene,.council-preview-scene){flex:0 0 241px;max-width:360px}.trivia-waiting-surface__count{border-radius:var(--radius-full);color:var(--trivia-card-success-text);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.06em;background:#22e8381a;border:1px solid #22e83840;margin-top:18px;padding:7px 16px}.trivia-waiting-surface__main h2{font-family:var(--font-family-display);margin-top:18px;font-size:clamp(28px,7vw,42px);font-weight:800;line-height:1.1}.trivia-waiting-surface__main p{max-width:360px;color:var(--text-secondary);margin-top:8px}.trivia-waiting-surface__main .trivia-waiting-surface__error{color:var(--hot-coral);font-weight:var(--weight-bold)}.trivia-waiting-surface__pulse{gap:7px;margin-top:22px;display:flex}.trivia-waiting-surface__pulse span{background:var(--trivia-card-primary);width:8px;height:8px;box-shadow:0 0 6px var(--trivia-card-primary);border-radius:50%;animation:1.2s ease-in-out infinite trivia-wait-pulse}.trivia-waiting-surface__pulse span:nth-child(2){animation-delay:.16s}.trivia-waiting-surface__pulse span:nth-child(3){animation-delay:.32s}@keyframes trivia-wait-pulse{50%{opacity:.35;transform:translateY(-4px)}}@media (width<=360px){:is(.trivia-choice-card,.council-choice-card){padding-left:22px;padding-right:22px}:is(.trivia-preview-scene,.council-preview-scene){height:220px}:is(.trivia-preview-paper,.council-preview-paper),:is(.trivia-preview-board,.council-preview-board){width:195px;height:195px}}@media (prefers-reduced-motion:reduce){:is(.trivia-choice-card,.council-choice-card),:is(.trivia-preview-board,.council-preview-board),:is(.trivia-choice-card__arrow,.council-choice-card__arrow){transition:none}.trivia-waiting-surface__pulse span{animation:none}}.lobby-layout{max-width:880px}.lobby-game-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.lobby-game-grid>div{min-width:0}.lobby-game-grid button{touch-action:manipulation}.catalog-game-card{--game-accent:var(--cyber-cyan);text-align:left;width:100%;min-height:320px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--game-accent) 36%, transparent);border-radius:var(--radius-xl);background:linear-gradient(155deg, color-mix(in srgb, var(--game-accent) 9%, var(--surface-primary)), var(--surface-primary));box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.catalog-game-card:before{content:"";pointer-events:none;background:linear-gradient(120deg, transparent 35%, color-mix(in srgb, var(--game-accent) 9%, transparent), transparent 65%);transition:transform var(--transition-slow);position:absolute;inset:0;transform:translate(-110%)}.catalog-game-card:hover:not(:disabled){border-color:var(--game-accent);box-shadow:var(--shadow-lg), 0 0 24px color-mix(in srgb, var(--game-accent) 22%, transparent);transform:translateY(-4px)}.catalog-game-card:hover:not(:disabled):before{transform:translate(110%)}.catalog-game-card:active:not(:disabled){transform:translateY(-1px)scale(.99)}.catalog-game-card:disabled{cursor:not-allowed;opacity:.42}.catalog-game-card.is-selecting,.catalog-game-card.is-selecting:disabled{opacity:1;border-color:var(--game-accent);box-shadow:var(--shadow-lg), 0 0 28px color-mix(in srgb, var(--game-accent) 30%, transparent)}.catalog-game-card__badge{z-index:2;border:1px solid color-mix(in srgb, var(--game-accent) 55%, transparent);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--game-accent);font:700 10px var(--font-family-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;position:absolute;top:14px;right:14px}.catalog-game-card__preview{border:1px solid color-mix(in srgb, var(--game-accent) 25%, transparent);border-radius:var(--radius-lg);background:linear-gradient(color-mix(in srgb, var(--game-accent) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--game-accent) 8%, transparent) 1px, transparent 1px), var(--bg-secondary);background-size:18px 18px;place-items:center;min-height:168px;display:grid;position:relative;overflow:hidden}.catalog-game-card__scanline{opacity:.18;background:repeating-linear-gradient(0deg, transparent 0 4px, var(--game-accent) 5px);position:absolute;inset:0}.catalog-game-card__icon{font:800 clamp(48px, 14vw, 72px) var(--font-family-display);color:var(--game-accent);text-shadow:0 0 20px color-mix(in srgb, var(--game-accent) 55%, transparent);position:relative}.catalog-game-card__players{color:var(--text-secondary);font:700 10px var(--font-family-mono);position:absolute;bottom:9px;right:10px}.catalog-game-card__body{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.catalog-game-card__copy{gap:4px;min-width:0;display:grid}.catalog-game-card__category,.catalog-waiting__eyebrow{color:var(--game-accent);font:700 10px var(--font-family-mono);letter-spacing:.12em}.catalog-game-card__title{font:800 28px/1 var(--font-family-display);text-wrap:balance}.catalog-game-card__subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);text-wrap:pretty}.catalog-game-card__arrow{color:var(--game-accent);flex:none;place-items:center;display:grid}.catalog-waiting-root{background:color-mix(in srgb, var(--bg-primary) 94%, transparent);place-items:center;padding:16px;display:grid;overflow-y:auto}.catalog-waiting{--game-accent:var(--cyber-cyan);border:1px solid color-mix(in srgb, var(--game-accent) 38%, transparent);border-radius:var(--radius-2xl);background:var(--surface-primary);width:min(100%,640px);box-shadow:var(--shadow-xl), 0 0 36px color-mix(in srgb, var(--game-accent) 12%, transparent);padding:clamp(18px,5vw,32px)}.catalog-waiting__header{color:var(--game-accent);font:700 10px var(--font-family-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-waiting__hero{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--game-accent) 40%, transparent);border-radius:var(--radius-xl);background:var(--bg-secondary);width:112px;color:var(--game-accent);font:800 52px var(--font-family-display);box-shadow:inset 0 0 28px color-mix(in srgb, var(--game-accent) 12%, transparent);place-items:center;margin:28px auto 20px;display:grid}.catalog-waiting__content{text-align:center;justify-items:center;gap:8px;display:grid}.catalog-waiting__content h2{font:800 clamp(28px, 8vw, 42px)/1 var(--font-family-display);margin:0}.catalog-waiting__content p{max-width:46ch;color:var(--text-secondary);line-height:var(--leading-normal);margin:0}.catalog-waiting__content strong{color:var(--game-accent);font-family:var(--font-family-mono);margin-top:8px}.catalog-waiting__content .catalog-waiting__error{color:var(--hot-coral)}.catalog-waiting__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.game-resume{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-cyber);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-md);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.game-resume__icon{border-radius:var(--radius-md);background:var(--bg-secondary);width:48px;height:48px;color:var(--cyber-cyan);font:800 24px var(--font-family-display);place-items:center;display:grid}.game-resume h3,.game-resume p{margin:0}.game-resume h3{font-family:var(--font-family-display)}.game-resume p{color:var(--text-secondary);font-size:var(--text-sm);margin-top:3px}@media (width<=767px){.catalog-game-card{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:18px 14px;display:grid}.catalog-game-card__preview{min-height:100px}.catalog-game-card__icon{font-size:42px}.catalog-game-card__body{min-width:0}.catalog-game-card__title{overflow-wrap:anywhere;font-size:24px}.catalog-game-card__badge{grid-area:2/1/auto/-1;justify-self:end;position:static}.catalog-waiting__actions>.btn{flex:100%}.game-resume{grid-template-columns:auto minmax(0,1fr)}.game-resume>.btn{grid-column:1/-1;width:100%}}@media (prefers-reduced-motion:reduce){.catalog-game-card,.catalog-game-card:before{transition:none}.catalog-game-card:hover:not(:disabled),.catalog-game-card:active:not(:disabled){transform:none}}.lobby-game-grid .ttt-choice-card.is-selecting,.lobby-game-grid .ttt-choice-card.is-selecting:disabled{opacity:1;border-color:var(--cyber-cyan);box-shadow:0 20px 60px #00000080,0 0 28px #00f0ff73}.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-selecting,.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-selecting:disabled{opacity:1;border-color:var(--trivia-card-primary);box-shadow:0 20px 60px #00000080,0 0 28px #8b5cf673}.lobby-game-grid .ttt-choice-card.is-selecting .ttt-preview-board,.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-selecting :is(.trivia-preview-board,.council-preview-board){transform:perspective(800px)rotateX(0)rotate(0)translateY(-6px)}@media (width<=767px) and (prefers-reduced-motion:no-preference){.lobby-game-grid .ttt-choice-card.is-introduced:not(.is-selecting) .ttt-preview-board{animation:.52s cubic-bezier(.22,1,.36,1) both ttt-preview-intro}.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-introduced:not(.is-selecting) :is(.trivia-preview-board,.council-preview-board){animation:.52s cubic-bezier(.22,1,.36,1) .12s both trivia-preview-intro}}@keyframes ttt-preview-intro{0%,to{transform:perspective(800px)rotateX(17deg)rotate(-12deg)}45%{transform:perspective(800px)rotateX(8deg)rotate(-6deg)translateY(-8px)}}@keyframes trivia-preview-intro{0%,to{transform:perspective(800px)rotateX(15deg)rotate(10deg)}45%{transform:perspective(800px)rotateX(7deg)rotate(5deg)translateY(-8px)}}.ttt-preview-artwork,:is(.trivia-preview-artwork,.council-preview-artwork){flex:none;width:211px;height:211px;position:relative}@media (prefers-reduced-motion:no-preference){.ttt-waiting-surface .ttt-preview-board.is-waiting-intro{animation:.6s both ttt-waiting-hover}.trivia-waiting-surface :is(.trivia-preview-board,.council-preview-board).is-waiting-intro{animation:.6s both trivia-waiting-hover}}@keyframes ttt-waiting-hover{0%,to{transform:perspective(800px)rotateX(17deg)rotate(-12deg)translateY(0)}50%{transform:perspective(800px)rotateX(10deg)rotate(-7deg)translateY(-4px)}}@keyframes trivia-waiting-hover{0%,to{transform:perspective(800px)rotateX(15deg)rotate(10deg)translateY(0)}50%{transform:perspective(800px)rotateX(8deg)rotate(5deg)translateY(-4px)}}@media (width<=360px){.ttt-preview-artwork,:is(.trivia-preview-artwork,.council-preview-artwork){width:195px;height:195px}}.lobby-game-grid .is-transitioning :is(.ttt-preview-board,:is(.trivia-preview-board,.council-preview-board)),.lobby-game-grid .is-selecting :is(.ttt-preview-board,:is(.trivia-preview-board,.council-preview-board)){transition:none;animation:none}.lobby-game-grid .ttt-choice-card.is-transitioning .ttt-preview-board,.lobby-game-grid .ttt-choice-card.is-selecting .ttt-preview-board{transform:perspective(800px)rotateX(17deg)rotate(-12deg)}.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-transitioning :is(.trivia-preview-board,.council-preview-board),.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-selecting :is(.trivia-preview-board,.council-preview-board){transform:perspective(800px)rotateX(15deg)rotate(10deg)}@media (prefers-reduced-motion:reduce){.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)){transition:border-color .15s}.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)):hover:not(:disabled){transform:none}.lobby-game-grid .ttt-choice-card:hover:not(:disabled) .ttt-preview-board,.lobby-game-grid .ttt-choice-card.is-selecting .ttt-preview-board{transform:perspective(800px)rotateX(17deg)rotate(-12deg)}.lobby-game-grid :is(.trivia-choice-card,.council-choice-card):hover:not(:disabled) :is(.trivia-preview-board,.council-preview-board),.lobby-game-grid :is(.trivia-choice-card,.council-choice-card).is-selecting :is(.trivia-preview-board,.council-preview-board){transform:perspective(800px)rotateX(15deg)rotate(10deg)}.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)):hover:not(:disabled) :is(.ttt-choice-card__arrow,:is(.trivia-choice-card__arrow,.council-choice-card__arrow)){transform:none}}@media (width>=768px){.lobby-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)){max-width:none;height:100%}}@media (width<=767px){.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)){border-radius:20px;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;max-width:none;min-height:0;padding:20px 14px;display:grid}.lobby-game-grid :is(.ttt-preview-scene,:is(.trivia-preview-scene,.council-preview-scene)){width:100px;height:112px}.lobby-game-grid :is(.ttt-preview-artwork,:is(.trivia-preview-artwork,.council-preview-artwork),.ttt-preview-paper,.ttt-preview-board,:is(.trivia-preview-paper,.council-preview-paper),:is(.trivia-preview-board,.council-preview-board)){border-radius:9px;width:88px;height:88px}.lobby-game-grid .ttt-preview-board{padding:7px}.lobby-game-grid .ttt-preview-piece{width:22px;height:22px}.lobby-game-grid :is(.trivia-preview-board,.council-preview-board){gap:5px;padding:6px}.lobby-game-grid .trivia-preview-q{border-radius:4px}.lobby-game-grid .trivia-preview-q svg{width:15px;height:15px}.lobby-game-grid .trivia-preview-opts{gap:4px}.lobby-game-grid .trivia-preview-opt{border-radius:4px;gap:2px;font-size:12px}.lobby-game-grid .trivia-preview-opt svg{width:12px;height:12px}.lobby-game-grid :is(.ttt-choice-card__bottom,:is(.trivia-choice-card__bottom,.council-choice-card__bottom)){gap:6px}.lobby-game-grid :is(.ttt-choice-card__title,:is(.trivia-choice-card__title,.council-choice-card__title)){overflow-wrap:anywhere;font-size:24px}.lobby-game-grid :is(.ttt-choice-card__subtitle,:is(.trivia-choice-card__subtitle,.council-choice-card__subtitle)){line-height:1.45}.lobby-game-grid :is(.ttt-choice-card__arrow,:is(.trivia-choice-card__arrow,.council-choice-card__arrow)){width:24px;height:32px;box-shadow:none;background:0 0;border-radius:0}.lobby-game-grid .ttt-choice-card__arrow{color:var(--neon-lime)}.lobby-game-grid :is(.trivia-choice-card__arrow,.council-choice-card__arrow){color:var(--cyber-cyan)}.lobby-game-grid :is(.ttt-choice-card__arrow,:is(.trivia-choice-card__arrow,.council-choice-card__arrow)) svg{width:22px;height:22px}@media (hover:hover){.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)):hover:not(:disabled) :is(.ttt-choice-card__arrow,:is(.trivia-choice-card__arrow,.council-choice-card__arrow)){box-shadow:none}.lobby-game-grid :is(.ttt-choice-card,:is(.trivia-choice-card,.council-choice-card)):hover:not(:disabled) :is(.ttt-choice-card__arrow,:is(.trivia-choice-card__arrow,.council-choice-card__arrow)) svg{filter:drop-shadow(0 0 5px)}}.lobby-game-grid :is(.ttt-choice-card__badge,:is(.trivia-choice-card__badge,.council-choice-card__badge)){grid-column:1/-1;justify-self:end;position:static}}.game-waiting-root{z-index:250;position:fixed;inset:0}.lobby-game-grid .is-transitioning{overflow:visible}.council-choice-card{--council-gold:#e0c696;--trivia-card-primary:var(--council-gold);--trivia-card-label:var(--council-gold);--trivia-card-grid:#b59c6e66;--trivia-card-depth:#b59c6e26;--glow-purple:0 0 20px #b59c6e18}.council-preview-paper,.council-preview-board{background:#101b2b;display:block}.council-preview-paper{background:#172436}.lobby-game-grid .council-preview-board{padding:0;overflow:hidden}.council-preview-symbol{object-fit:cover;width:100%;height:100%;display:block}.council-choice-card__category{font-size:10px;line-height:1.5}.council-choice-card__arrow{background:#e0c696;box-shadow:0 0 16px #b59c6e33}.council-choice-card__badge{color:var(--council-gold);background:var(--surface-primary);border-color:var(--council-gold)}.lobby-game-grid .council-choice-card.is-selecting,.lobby-game-grid .council-choice-card.is-selecting:disabled,.council-choice-card:hover:not(:disabled){border-color:var(--council-gold);box-shadow:0 20px 60px #0005,0 0 24px #b59c6e33}.council-choice-card:hover:not(:disabled) .council-choice-card__arrow{box-shadow:0 0 20px #b59c6e44}@media (width<=767px){.lobby-game-grid .council-choice-card__arrow{color:var(--council-gold);box-shadow:none;background:0 0}.lobby-game-grid .council-choice-card:hover:not(:disabled) .council-choice-card__arrow{box-shadow:none}}@media (prefers-reduced-motion:reduce){.council-choice-card:active:not(:disabled){transform:none}}.same-answer-card{gap:var(--space-4);width:100%;min-height:368px;padding:var(--space-5);color:var(--text-primary);text-align:left;border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:var(--shadow-md);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#22e83829;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #22e83847;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.same-answer-card:hover:not(:disabled){border-color:var(--neon-lime);box-shadow:var(--shadow-lg), var(--glow-lime);transform:translateY(-2px)}.same-answer-card:active:not(:disabled){transform:translateY(0)scale(.99)}.same-answer-card:disabled{opacity:.48;cursor:not-allowed}.same-answer-card.is-selecting{border-color:var(--neon-lime)}.same-answer-card__badge{top:var(--space-3);right:var(--space-3);z-index:2;color:var(--text-inverse);font:700 10px var(--font-family-mono);text-transform:uppercase;border-radius:var(--radius-full);background:var(--neon-lime);padding:3px 8px;position:absolute}.same-answer-card__signal{justify-content:center;align-items:center;gap:var(--space-2);grid-column:1/-1;min-height:210px;display:flex}.same-answer-card__signal span{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font:700 var(--text-sm) var(--font-family-mono);border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-secondary)}.same-answer-card__signal span:nth-child(-n+2){color:var(--neon-lime);background:var(--success-bg);box-shadow:var(--glow-lime);border-color:#22e83880}.same-answer-card__copy{align-self:end;gap:var(--space-1);flex-direction:column;display:flex}.same-answer-card__category{color:var(--neon-lime);font:700 10px var(--font-family-mono);letter-spacing:.1em}.same-answer-card__copy strong{font:800 var(--text-2xl) var(--font-family-display)}.same-answer-card__copy>span:last-child{color:var(--text-secondary);font-size:var(--text-sm)}.same-answer-card__arrow{color:#0a1628;background:var(--neon-lime);width:55px;height:55px;box-shadow:var(--glow-lime);border-radius:50%;flex-shrink:0;justify-content:center;align-self:end;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}@media (hover:hover){.same-answer-card:hover:not(:disabled) .same-answer-card__arrow{transform:rotate(45deg);box-shadow:0 0 20px #22e83880}}.same-answer-waiting-backdrop{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040812d1;place-items:center;display:grid;position:fixed;inset:0}.same-answer-waiting{width:min(100%,520px);max-height:calc(100dvh - 2rem);padding:var(--space-6);text-align:center;border-radius:var(--radius-2xl);background:var(--bg-elevated);box-shadow:var(--shadow-xl), var(--glow-lime);overscroll-behavior:contain;border:1px solid #22e83866;position:relative;overflow-y:auto}.same-answer-waiting__close{top:var(--space-3);right:var(--space-3);width:44px;height:44px;color:var(--text-secondary);font-size:var(--text-2xl);cursor:pointer;background:0 0;border:0;position:absolute}.same-answer-waiting__eyebrow{color:var(--neon-lime);font:700 var(--text-xs) var(--font-family-mono);letter-spacing:.1em}.same-answer-waiting h2{margin:var(--space-3) auto var(--space-2);font:800 var(--text-3xl) var(--font-family-display);text-wrap:balance}.same-answer-waiting>p{color:var(--text-secondary)}.same-answer-waiting__players{gap:var(--space-2);margin-block:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.same-answer-waiting__players>span{align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--surface-secondary);display:flex;overflow:hidden}.same-answer-waiting__players .is-empty{color:var(--text-secondary);border-style:dashed;justify-content:center}.same-answer-waiting .same-answer-waiting__count{color:var(--text-primary);font-family:var(--font-family-mono)}.same-answer-waiting__primary,.same-answer-waiting__cancel{width:100%;min-height:48px;margin-top:var(--space-3);font-weight:var(--weight-bold);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation}.same-answer-waiting__primary{color:var(--text-inverse);background:var(--neon-lime);border:0}.same-answer-waiting__cancel{color:var(--hot-coral);background:0 0;border:1px solid #ff475759}.same-answer-waiting__primary:disabled,.same-answer-waiting__cancel:disabled{opacity:.45;cursor:not-allowed}.same-answer-waiting__notice{min-height:48px;margin-top:var(--space-3);padding:var(--space-3);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.same-answer-waiting .same-answer-waiting__error{margin-top:var(--space-3);color:var(--hot-coral)}@media (width<=767px){.same-answer-card{border-radius:20px;grid-template-columns:100px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:0;padding:20px 14px}.same-answer-card__signal{flex-wrap:wrap;grid-area:1/1;align-content:center;gap:5px;width:100px;min-height:112px}.same-answer-card__signal span{padding:4px 7px;font-size:10px}.same-answer-card__copy{grid-area:1/2;align-self:center;min-width:0}.same-answer-card__copy strong{font-size:24px;line-height:1.08}.same-answer-card__copy>span:last-child{line-height:1.45}.same-answer-card__arrow{width:24px;height:32px;color:var(--neon-lime);box-shadow:none;background:0 0;border-radius:0;grid-area:1/3;align-self:center}.same-answer-card__arrow svg{width:22px;height:22px;transition:transform .2s,filter .2s}@media (hover:hover){.same-answer-card:hover:not(:disabled) .same-answer-card__arrow{box-shadow:none;transform:none}.same-answer-card:hover:not(:disabled) .same-answer-card__arrow svg{filter:drop-shadow(0 0 5px);transform:rotate(45deg)}}.same-answer-card__badge{top:8px;right:10px}}@media (prefers-reduced-motion:reduce){.same-answer-card{transition:none}}.category-rush{gap:var(--space-3);width:100%;max-width:600px;padding-bottom:var(--space-5);color:var(--text-primary);flex-direction:column;margin-inline:auto;display:flex}.category-rush__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.category-rush__header h1{font:800 var(--text-2xl)/1.1 var(--font-family-display);margin:2px 0 0}.category-rush__eyebrow{color:var(--cyber-cyan);font:700 var(--text-xs) var(--font-family-mono);letter-spacing:.08em}.category-rush__phase{color:var(--text-secondary);font:700 10px var(--font-family-mono);border:1px solid var(--border-primary);border-radius:var(--radius-full);flex:none;padding:7px 9px}.category-rush__phase--answering{color:var(--neon-lime);border-color:var(--neon-lime)}.category-rush__phase--voting{color:var(--cyber-cyan);border-color:var(--cyber-cyan)}.category-rush__prompt{align-items:center;gap:var(--space-3);min-height:108px;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-primary);display:flex}.category-rush__prompt-letter{width:76px;height:76px;color:var(--text-inverse);font:800 48px/1 var(--font-family-display);border-radius:var(--radius-md);background:var(--neon-lime);flex:none;place-items:center;display:grid}.category-rush__prompt div{flex-direction:column;gap:2px;min-width:0;display:flex}.category-rush__prompt div span{color:var(--text-secondary);font:700 10px var(--font-family-mono);letter-spacing:.08em}.category-rush__prompt div strong{font:700 var(--text-2xl)/1.1 var(--font-family-display);overflow-wrap:anywhere}.category-rush__panel,.category-rush__scoreboard{padding:var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--surface-primary)}.category-rush__panel h2,.category-rush__scoreboard h2{margin:0 0 var(--space-1);font:700 var(--text-xl) var(--font-family-display)}.category-rush__panel>p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.category-rush__form{gap:var(--space-2);flex-direction:column;display:flex}.category-rush__form label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.category-rush__form input{width:100%;min-height:50px;padding:0 var(--space-3);color:var(--text-primary);font:600 var(--text-lg) var(--font-family);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary)}.category-rush__form input:focus-visible{border-color:var(--cyber-cyan)}.category-rush__form button,.category-rush__vote-actions button{min-height:48px;padding:var(--space-2) var(--space-3);font-weight:var(--weight-bold);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation}.category-rush__form button{color:var(--text-inverse);background:var(--neon-lime);border:0}.category-rush__form button:disabled,.category-rush__vote-actions button:disabled{opacity:.5;cursor:default}.category-rush__players{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.category-rush__player{align-items:center;gap:var(--space-2);min-width:0;min-height:48px;padding:var(--space-2);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);display:flex}.category-rush__player>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);overflow:hidden}.category-rush__player b{color:var(--neon-lime);font-family:var(--font-family-mono);margin-left:auto}.category-rush__panel--vote{text-align:center}.category-rush__panel--vote blockquote{margin:var(--space-3) 0;overflow-wrap:anywhere;color:var(--neon-lime);font:800 clamp(28px, 8vw, 42px)/1.1 var(--font-family-display)}.category-rush__panel--vote>p{margin-bottom:var(--space-3)}.category-rush__vote-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.category-rush__accept{color:var(--text-inverse);background:var(--neon-lime);border:0}.category-rush__reject{color:var(--text-primary);border:1px solid var(--hot-coral);background:var(--error-bg)}.category-rush__notice{min-height:48px;padding:var(--space-2);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);place-items:center;display:grid}.category-rush__vote-count{margin-top:var(--space-2);color:var(--text-secondary);font:600 var(--text-xs) var(--font-family-mono)}.category-rush__answers{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.category-rush__answer-result{gap:3px var(--space-2);padding:var(--space-2);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);grid-template-columns:minmax(0,1fr) auto;display:grid}.category-rush__answer-result>span{color:var(--text-secondary);font-size:var(--text-xs);grid-column:1/-1}.category-rush__answer-result strong{overflow-wrap:anywhere;min-width:0}.category-rush__answer-result b{color:var(--neon-lime);font-family:var(--font-family-mono);align-self:center}.category-rush__answer-result.is-rejected{border-color:var(--hot-coral)}.category-rush__answer-result.is-rejected b{color:var(--hot-coral)}.category-rush__scoreboard h2{margin-bottom:var(--space-2)}.category-rush__score-row{align-items:center;gap:var(--space-2);border-top:1px solid var(--border-secondary);min-height:48px;display:flex}.category-rush__score-row>span{width:22px;color:var(--text-secondary);font:700 var(--text-sm) var(--font-family-mono)}.category-rush__score-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.category-rush__score-row>b{color:var(--cyber-cyan);font:700 var(--text-lg) var(--font-family-mono);margin-left:auto}@media (width<=390px){.category-rush__panel,.category-rush__scoreboard{padding:var(--space-3)}.category-rush__header h1{font-size:var(--text-xl)}.category-rush__phase{padding-inline:7px;font-size:9px}}@media (prefers-reduced-motion:reduce){.category-rush *,.category-rush :before,.category-rush :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--tabu-cyan:#2ee6ff;--tabu-red:#ff3b5c;--tabu-card:#0d1a2c}.tabu-card-stage{--w:min(42vw,150px);width:var(--w);aspect-ratio:.7;perspective:900px;margin:auto;position:relative}.tabu-card-stage__deck,.tabu-card-stage__main{border:2px solid var(--c);background:var(--tabu-card);box-shadow:0 0 12px var(--c),inset 0 0 12px color-mix(in srgb,var(--c) 30%,transparent);border-radius:9px;position:absolute;inset:0}.tabu-card-stage__deck{opacity:.9}.tabu-card-stage__deck.is-pink{--c:#ff3d8b;transform:translate(-8%)rotate(-8deg)}.tabu-card-stage__deck.is-orange{--c:#ffa63d;transform:translate(7%)rotate(6deg)}.tabu-card-stage__main{--c:var(--tabu-cyan);transform-style:preserve-3d;z-index:3;box-shadow:none;background:0 0;border:0}.tabu-card-stage__inner{transform-style:preserve-3d;position:absolute;inset:0}.tabu-card-face{border:2px solid var(--c,var(--tabu-cyan));background:var(--tabu-card);box-shadow:0 0 12px var(--c,var(--tabu-cyan)),inset 0 0 12px color-mix(in srgb,var(--c,var(--tabu-cyan)) 30%,transparent);backface-visibility:hidden;box-sizing:border-box;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tabu-card-face--front{flex-direction:column;justify-content:flex-start;gap:7%;padding:10% 8%;transform:rotateY(180deg)}.tabu-no{aspect-ratio:1;border:3px solid var(--c,var(--tabu-cyan));width:30%;filter:drop-shadow(0 0 4px var(--c,var(--tabu-cyan)));border-radius:50%;position:relative}.tabu-no:after{content:"";background:var(--c,var(--tabu-cyan));border-radius:2px;width:3px;height:112%;margin-left:-1.5px;position:absolute;top:-6%;left:50%;transform:rotate(45deg)}.tabu-card-stage.is-animated .tabu-card-stage__deck{animation:1s cubic-bezier(.3,.7,.4,1) both tabu-drop}.tabu-card-stage.is-animated .is-orange{animation-delay:.3s}.tabu-card-stage.is-animated .tabu-card-stage__main{animation:1s cubic-bezier(.3,.7,.4,1) .6s both tabu-drop}.tabu-card-stage.is-animated .tabu-card-stage__inner{animation:.9s cubic-bezier(.45,0,.2,1) 1.7s both tabu-flip}.tabu-card-stage.is-animated:not(.is-decorative) .tabu-card-target,.tabu-card-stage.is-animated:not(.is-decorative) .tabu-card-rule,.tabu-card-stage.is-animated:not(.is-decorative) .tabu-card-words span{animation:.4s both tabu-reveal}.tabu-card-stage.is-animated .tabu-card-target{animation-delay:2.7s!important}.tabu-card-stage.is-animated .tabu-card-rule{animation-delay:3s!important}.tabu-card-stage.is-animated .tabu-card-words span:first-child{animation-delay:3.15s!important}.tabu-card-stage.is-animated .tabu-card-words span:nth-child(2){animation-delay:3.42s!important}.tabu-card-stage.is-animated .tabu-card-words span:nth-child(3){animation-delay:3.69s!important}.tabu-card-stage.is-animated .tabu-card-words span:nth-child(4){animation-delay:3.96s!important}.tabu-card-stage.is-animated .tabu-card-words span:nth-child(5){animation-delay:4.23s!important}.tabu-card-stage:not(.is-decorative) .tabu-card-stage__inner{transform:rotateY(180deg)}.tabu-card-stage.is-alert .tabu-card-stage__main{--c:var(--tabu-red);animation:.45s ease-in-out tabu-shake}.tabu-card-stage.is-alert .tabu-card-face{--c:var(--tabu-red)}.tabu-card-stage.is-quick{animation:.48s cubic-bezier(.2,.7,.2,1) tabu-quick-card}.tabu-play-card.is-taboo{filter:drop-shadow(0 0 14px #ff3b5c80)}@keyframes tabu-drop{0%{opacity:0;transform:translateY(-70vh)rotateX(70deg)scale(.7)}to{opacity:1}}@keyframes tabu-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes tabu-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tabu-shake{25%{transform:translate(-4%)}50%{transform:translate(4%)}75%{transform:translate(-2%)}}@keyframes tabu-quick-card{0%{opacity:.25;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:none}}.tabu-card-target{color:var(--tabu-cyan);font:800 clamp(18px,6vw,30px) var(--font-family-display);text-align:center;overflow-wrap:anywhere;text-shadow:0 0 7px var(--tabu-cyan);line-height:1}.tabu-card-rule{background:var(--tabu-cyan);width:74%;height:1px;box-shadow:0 0 5px var(--tabu-cyan)}.tabu-card-words{flex-direction:column;align-items:center;gap:clamp(5px,1.8vw,9px);width:100%;display:flex}.tabu-card-words span{color:#d9f4fa;font:700 clamp(13px,4vw,20px) var(--font-family-display);text-align:center;position:relative}.tabu-card-words .is-struck{color:var(--tabu-red)}.tabu-card-words .is-struck:after{content:"";background:var(--tabu-red);height:3px;box-shadow:0 0 6px var(--tabu-red);position:absolute;top:52%;left:-7%;right:-7%}.tabu-lobby-card{--game-card-accent:var(--tabu-cyan)}.tabu-lobby-card__art{place-items:center;display:grid}.tabu-lobby-card .tabu-card-stage{--w:min(22vw,80px);transform:scale(.9)}.tabu-lobby-card .tabu-card-stage__inner{transform:rotateY(180deg)}.tabu-lobby-card .tabu-card-target{font-size:clamp(8px,2.5vw,11px)}.tabu-lobby-card .tabu-card-words{gap:3px}.tabu-lobby-card .tabu-card-words span{letter-spacing:.04em;font-size:clamp(7px,2vw,9px)}.tabu-waiting-backdrop{padding:18px;overflow:auto}.tabu-waiting{border:1px solid color-mix(in srgb,var(--tabu-cyan) 52%,transparent);width:min(100%,760px);color:var(--text-primary);background:radial-gradient(circle at 20% 0,#2ee6ff1a,#0000 35%),#0a1220;border-radius:24px;margin:auto;padding:24px;position:relative;box-shadow:0 25px 80px #000000b8}.tabu-waiting__hero{grid-template-columns:160px 1fr;align-items:center;gap:24px;display:grid}.tabu-waiting__hero h2{font:800 clamp(26px,5vw,42px) var(--font-family-display);margin:5px 0}.tabu-waiting__hero p{color:var(--text-secondary)}.tabu-team-grid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.tabu-team{border:1px solid var(--border-primary);background:#ffffff06;border-radius:16px;padding:14px}.tabu-team.is-mine{border-color:var(--tabu-cyan);box-shadow:inset 0 0 22px #2ee6ff0f}.tabu-team form{gap:8px;display:flex}.tabu-team input{border:1px solid var(--border-primary);color:#fff;background:#07101d;border-radius:9px;flex:1;min-width:0;padding:10px;font-weight:800}.tabu-team form button,.tabu-team__join{border:1px solid var(--tabu-cyan);color:var(--tabu-cyan);background:#2ee6ff1a;border-radius:9px;font-weight:800}.tabu-team__members{flex-direction:column;gap:8px;min-height:92px;padding:12px 0;display:flex}.tabu-team__members>span{align-items:center;gap:8px;display:flex}.tabu-team__join{width:100%;min-height:42px}.tabu-waiting__unassigned{text-align:center;color:#ffb454}.tabu-settings{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;display:grid}.tabu-settings label{color:var(--text-secondary);gap:5px;font-size:12px;display:grid}.tabu-settings select{border:1px solid var(--border-primary);color:#fff;background:#07101d;border-radius:9px;padding:10px}.tabu-game{width:min(100%,620px);margin:0 auto;padding:12px 0 90px}.tabu-scorebar{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tabu-scorebar>div{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:14px;grid-template-columns:1fr auto;padding:11px 13px;display:grid}.tabu-scorebar .is-active{border-color:var(--tabu-cyan);box-shadow:0 0 16px #2ee6ff21}.tabu-scorebar span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.tabu-scorebar strong{color:var(--tabu-cyan);grid-row:span 2;font-size:28px}.tabu-scorebar small{color:var(--text-secondary)}.tabu-role-strip{justify-content:space-between;gap:10px;margin:12px 0;display:flex}.tabu-role-strip>span{align-items:center;gap:7px;font-size:13px;display:flex}.tabu-role-strip b{color:var(--text-secondary);text-transform:uppercase;font-size:10px}.tabu-status-card,.tabu-hidden-card{text-align:center;border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:20px;margin:22px auto;padding:24px}.tabu-status-card h1{font-family:var(--font-family-display);margin:10px 0}.tabu-summary{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.tabu-summary span,.tabu-summary>strong{background:#ffffff0d;border-radius:99px;padding:7px 10px}.tabu-timer-row{color:var(--text-secondary);grid-template-columns:1fr auto 1fr;align-items:center;margin:12px 0;font-size:13px;display:grid}.tabu-timer-row>:last-child{text-align:right}.tabu-play-card{margin:18px auto}.tabu-play-card .tabu-card-stage{--w:min(68vw,270px)}.tabu-hidden-card .tabu-card-stage{--w:min(52vw,190px)}.tabu-hidden-card h2{margin-top:22px}.tabu-actions{grid-template-columns:1fr 2fr;gap:12px;display:grid;position:sticky;bottom:12px}.tabu-action{color:#fff;min-height:54px;font:800 16px var(--font-family-display);cursor:pointer;border:0;border-radius:14px}.tabu-action:disabled{opacity:.45}.tabu-action--ready,.tabu-action--correct{background:#0da66d;box-shadow:0 0 18px #0da66d45}.tabu-action--pass{background:#6b7280}.tabu-action--taboo{background:var(--tabu-red);width:100%}.tabu-monitor-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tabu-monitor-actions p{text-align:center;grid-column:1/-1}.tabu-monitor-actions>button:not(.tabu-action){border:1px solid var(--tabu-red);color:#ffdce3;background:#ff3b5c14;border-radius:10px;min-height:45px;font-weight:700}.tabu-monitor-actions .tabu-action{grid-column:1/-1}@media (width<=560px){.tabu-waiting{padding:18px 14px}.tabu-waiting__hero{grid-template-columns:100px 1fr;gap:14px}.tabu-waiting__hero .tabu-card-stage{--w:86px}.tabu-team-grid{grid-template-columns:1fr}.tabu-settings{grid-template-columns:1fr 1fr 1fr}.tabu-role-strip{align-items:flex-start}.tabu-role-strip>span{flex-wrap:wrap}.tabu-role-strip b{width:100%}}@media (prefers-reduced-motion:reduce){.tabu-card-stage *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.tabu-card-stage.is-animated .tabu-card-stage__inner{transform:rotateY(180deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden:not(:focus):not(:active){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}::selection{background:var(--cyber-cyan);color:#080c18}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00f0ff40}::-webkit-scrollbar-thumb:hover{background:#00f0ff73}*{scrollbar-width:thin;scrollbar-color:#00f0ff40 transparent}