/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.table{display:table}.grow{flex-grow:1}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--font-display:Impact, Haettenschweiler, "Arial Black", "Trebuchet MS", sans-serif;--page:#030611;--page-2:#0a0620;--grid:#1aa8ff21;--scanline:#ffffff0a;--ink:#fbf7ff;--ink-soft:#d9d2ff;--muted:#9188c6;--surface:#0d0b25e0;--surface-strong:#18103aeb;--surface-hot:#2a0c36eb;--border:#8f78ff57;--border-strong:#ff3391b3;--accent:#ff2e8b;--accent-strong:#ff5fb2;--cyan:#16a8ff;--cyan-strong:#73d5ff;--purple:#b95cff;--yellow:#ffd21f;--green:#30f78a;--danger:#ff315f;--warning:#ffb11f;--success:#30f78a;--blue:#168cff;--paper:#ffffff14;--radius:8px;--shadow:0 0 0 1px #8f78ff3d, 0 22px 70px #0000007a;--shadow-soft:0 0 0 1px #8f78ff2e, 0 14px 40px #00000052;--glow-pink:0 0 18px #ff2e8b9e, 0 0 44px #ff2e8b3d;--glow-cyan:0 0 18px #16a8ff94, 0 0 42px #16a8ff38;--glow-yellow:0 0 18px #ffd21f85, 0 0 42px #ffd21f33;background:var(--page);color:var(--ink);font-family:Trebuchet MS,Segoe UI,ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f8fbff;--page-2:#fff8fd;--grid:#16a8ff21;--scanline:#ff2e8b12;--ink:#15113b;--ink-soft:#3d2c87;--muted:#685b9f;--surface:#ffffffeb;--surface-strong:#fcfafff5;--surface-hot:#fff5fbf2;--border:#6f59d83d;--border-strong:#ff2e8b9e;--accent:#f52586;--accent-strong:#c7166b;--cyan:#087ddd;--cyan-strong:#006bc5;--purple:#7b37dc;--yellow:#f0a500;--green:#16b86a;--danger:#d61b4d;--warning:#d98200;--success:#15955a;--blue:#087ddd;--paper:#ffffffbd;--shadow:0 0 0 1px #6f59d824, 0 18px 54px #40307829;--shadow-soft:0 0 0 1px #6f59d81f, 0 12px 34px #4030781f;--glow-pink:0 0 14px #f5258638;--glow-cyan:0 0 14px #087ddd33;--glow-yellow:0 0 14px #f0a50033}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #030611f5, #0a0620fa), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(0deg, var(--grid) 1px, transparent 1px), repeating-linear-gradient(180deg, transparent 0 7px, var(--scanline) 7px 8px);background-color:var(--page);min-width:320px;min-height:100dvh;color:var(--ink);background-size:auto,56px 56px,56px 56px,auto;margin:0}:root[data-theme=light] body{background:linear-gradient(180deg, #f8fbfff5, #fff8fdfa), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(0deg, var(--grid) 1px, transparent 1px), repeating-linear-gradient(180deg, transparent 0 7px, var(--scanline) 7px 8px);background-size:auto,56px 56px,56px 56px,auto}body:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,#0000 0 42%,#16a8ff14 50%,#0000 58%),linear-gradient(#ff2e8b1a,#0000 34%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{overflow-wrap:anywhere}.brand-lockup{min-width:0;color:var(--ink);align-items:center;gap:10px;font-weight:950;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);background:linear-gradient(135deg, #ff2e8b52, #16a8ff38), var(--surface-strong);color:#fff;width:38px;height:38px;font-family:var(--font-display);text-shadow:2px 0 var(--cyan), -2px 0 var(--accent);box-shadow:var(--glow-pink);border-radius:8px;place-items:center;font-size:.95rem;line-height:1;display:inline-grid}:root[data-theme=light] .brand-mark{color:#fff}.brand-word{font-family:var(--font-display);text-transform:uppercase;text-shadow:2px 0 var(--cyan), -2px 0 var(--accent);font-size:1.45rem;line-height:.9}.landing-shell{min-height:100dvh;overflow-x:hidden}.landing-nav,.landing-hero,.landing-band,.screenshot-band,.mode-band,.faq-band,.landing-footer{width:min(1180px,100% - 32px);margin:0 auto}.landing-nav{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:76px;display:grid}.landing-nav-links,.landing-nav-actions,.topbar-actions,.header-actions{align-items:center;gap:10px;display:flex}.landing-nav-links{color:var(--ink-soft);text-transform:uppercase;justify-content:center;font-size:.85rem;font-weight:900}.landing-nav-links a{padding:9px 8px}.primary-link,.secondary-link,.primary-button,.secondary-button,.danger-button{border-radius:var(--radius);min-height:48px;color:var(--ink);text-align:center;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:.92rem;font-weight:950;line-height:1.1;display:inline-flex}.primary-link,.primary-button{background:linear-gradient(180deg, #ff5fb2eb, #ee1675eb), var(--accent);color:#fff;box-shadow:var(--glow-pink);border-color:#ff8fc58a}.secondary-link,.secondary-button{color:var(--cyan-strong);box-shadow:var(--glow-cyan);background:#16a8ff1a;border-color:#16a8ff94}:root[data-theme=dark] .secondary-link,:root[data-theme=dark] .secondary-button{color:var(--cyan-strong)}.danger-button{color:var(--danger);background:#ff315f2e;border-color:#ff315f8a;box-shadow:0 0 16px #ff315f52}.icon-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:42px;min-height:42px;color:var(--ink-soft);box-shadow:var(--shadow-soft);place-items:center;display:inline-grid}.theme-toggle{color:var(--yellow)}.landing-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:42px;min-height:calc(100dvh - 108px);padding:30px 0 58px;display:grid}.landing-copy{z-index:1;position:relative}.hero-status-line,.round-kicker,.panel-kicker,.section-number,.field span,.field-group legend,.room-code-label,.avatar-group-title,.role-card>span,.result-banner>div>span,.accuse-confirm>div>span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:950}.hero-status-line{max-width:420px;color:var(--cyan-strong);align-items:center;gap:10px;display:flex}.hero-status-line span{background:linear-gradient(90deg, transparent, var(--cyan), transparent);flex:1;height:1px}.glitch-title{color:#fff;font-family:var(--font-display);text-transform:uppercase;text-shadow:4px 0 var(--cyan), -4px 0 var(--accent), 0 0 34px #ff2e8b6b;margin:18px 0 0;font-size:6.25rem;line-height:.86;position:relative}:root[data-theme=light] .glitch-title{color:var(--accent);text-shadow:4px 0 var(--cyan), -4px 0 #6422d6, 0 0 18px #f525862e}.glitch-title:after{color:#ffffff9e;content:attr(data-text);clip-path:inset(58% 0 14%);position:absolute;inset:0;transform:translate(4px,4px)}.hero-tagline{font-family:var(--font-display);text-transform:uppercase;margin:18px 0 0;font-size:1.6rem;line-height:1}.hero-tagline span:first-child{color:var(--cyan)}.hero-tagline span:nth-child(2){color:var(--accent)}.hero-tagline span:nth-child(3){color:var(--yellow)}.landing-copy>p:not(.hero-tagline){max-width:610px;color:var(--ink-soft);margin:22px 0 0;font-size:1.12rem;line-height:1.65}.landing-actions,.hero-stat-strip{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.stat-pill{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:42px;color:var(--ink-soft);box-shadow:var(--shadow-soft);align-items:center;gap:9px;padding:0 12px;display:inline-flex}.stat-pill svg{color:var(--cyan)}.stat-pill strong{color:var(--ink);font-weight:950}.stat-pill span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:950}.hero-cabinet{border:1px solid var(--border);background:linear-gradient(135deg, #ff2e8b24, #16a8ff1f), var(--surface);min-height:560px;box-shadow:var(--shadow);border-radius:26px;place-items:center;display:grid;position:relative;overflow:hidden}.scan-grid{background:linear-gradient(90deg,#16a8ff1f 1px,#0000 1px) 0 0/46px 46px,linear-gradient(0deg,#ff2e8b1f 1px,#0000 1px) 0 0/46px 46px,repeating-linear-gradient(#0000 0 8px,#ffffff0a 8px 9px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.arcade-shield{aspect-ratio:.78;filter:drop-shadow(0 0 28px #ff2e8b70);grid-template-columns:1fr 1fr;width:min(320px,72%);display:grid;position:relative}.shield-half{background:#ffffff0a;border:9px solid;position:relative;overflow:hidden}.shield-half-blue{color:var(--cyan);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);border-right:0;border-radius:42px 0 0 22px;box-shadow:inset 0 0 30px #16a8ff52}.shield-half-pink{color:var(--accent);clip-path:polygon(0 0,100% 0,100% 82%,0 100%,0 82%);border-left:0;border-radius:0 42px 22px 0;box-shadow:inset 0 0 30px #ff2e8b57}.shield-half span{border:8px solid;border-top:0;border-radius:0 0 38px 38px;width:58px;height:36px;position:absolute;top:45%}.shield-half-blue span{right:28px;transform:rotate(24deg)}.shield-half-pink span{border:0;width:48px;height:48px;left:28px}.shield-half-pink span:before,.shield-half-pink span:after{content:"";background:currentColor;border-radius:999px;width:44px;height:8px;position:absolute;top:20px;left:4px}.shield-half-pink span:before{transform:rotate(45deg)}.shield-half-pink span:after{transform:rotate(-45deg)}.hero-lobby-card{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-strong);width:min(360px,100% - 44px);box-shadow:var(--glow-pink);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;display:grid;position:absolute;bottom:22px;right:22px}.hero-lobby-card span,.lobby-preview-card span,.preview-heading span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:950}.hero-lobby-card strong,.lobby-preview-card strong{margin-top:5px;font-size:1.25rem;display:block}.hero-lobby-card p,.lobby-preview-card p{color:var(--ink-soft);margin:8px 0 0}.hero-lobby-card b,.room-code{color:var(--accent);font-family:var(--font-display);text-shadow:2px 0 var(--cyan), -2px 0 var(--accent)}.mini-qr{border:1px solid var(--ink);background:#fff;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:5px;width:74px;height:74px;padding:8px;display:grid}.mini-qr span{background-color:#0000;background-image:linear-gradient(90deg,#05060c 50%,#0000 50%),linear-gradient(#0000 50%,#05060c 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:9px 9px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:0;min-height:0}.hero-avatar-ring{gap:8px;display:flex;position:absolute;top:22px;right:22px}.landing-band,.screenshot-band,.mode-band,.faq-band{border-top:1px solid var(--border);gap:28px;padding:56px 0;display:grid}.landing-band{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.section-heading{max-width:760px}.section-number{color:var(--accent);display:inline-block}.landing-band h2,.section-heading h2,.faq-band h2{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;text-shadow:2px 0 var(--cyan), -2px 0 #ff2e8b80;margin:8px 0 0;font-size:3.1rem;line-height:.95}.landing-band p,.section-heading p,.mode-panel p,.faq-grid p{color:var(--ink-soft);margin:14px 0 0;line-height:1.62}.step-list,.mode-panel-grid,.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.step-list>div,.mode-panel,.faq-grid>div,.setup-panel,.phase-panel,.leaderboard,.room-header,.play-aside,.lobby-config-panel,.action-section,.accuse-confirm,.result-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.step-list>div{align-content:start;gap:10px;min-height:180px;padding:18px;display:grid}.step-list svg{color:var(--cyan)}.step-list strong,.faq-grid h3{color:var(--ink);font-size:1.05rem;font-weight:950}.step-list span{color:var(--muted);line-height:1.5}.screenshot-showcase{grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);align-items:stretch;gap:18px;display:grid}.desktop-frame,.phone-frame{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.desktop-frame{border-radius:18px;min-height:420px;overflow:hidden}.fake-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:66px;padding:0 20px;display:flex}.fake-topbar>span{color:var(--cyan);text-transform:uppercase;font-size:.85rem;font-weight:950}.fake-shell{grid-template-columns:180px minmax(0,1fr) minmax(220px,.52fr);gap:18px;min-height:352px;padding:18px;display:grid}.fake-sidebar{border-right:1px solid var(--border);align-content:start;gap:16px;padding:18px;display:grid}.fake-sidebar span,.fake-panel div{background:linear-gradient(90deg, var(--cyan), transparent);border-radius:999px;height:12px}.fake-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);align-content:start;gap:18px;min-height:260px;padding:20px;display:grid}.fake-panel.is-hot{border-color:var(--border-strong);box-shadow:var(--glow-pink)}.fake-panel strong{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;font-size:1.7rem}.fake-qr-grid{width:132px;height:132px;background-color:#fff!important;background-image:linear-gradient(90deg,#05060c 50%,#0000 50%),linear-gradient(#0000 50%,#05060c 50%),none!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:13px 13px!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important}.phone-frame{border-radius:28px;align-content:start;gap:14px;padding:20px;display:grid}.phone-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);gap:8px;padding:14px;display:grid}.phone-avatar-row{gap:6px;display:flex}.mode-panel{align-content:start;gap:12px;min-height:220px;padding:20px;display:grid;position:relative}.mode-panel h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:1.65rem;line-height:.95}.mode-panel-icon{border-radius:var(--radius);border:1px solid;place-items:center;width:54px;height:54px;display:inline-grid}.mode-panel-pink,.mode-panel-pink .mode-panel-icon{color:var(--accent)}.mode-panel-blue,.mode-panel-blue .mode-panel-icon{color:var(--cyan)}.mode-panel-yellow,.mode-panel-yellow .mode-panel-icon{color:var(--yellow)}.mode-panel.is-disabled{opacity:.78}.coming-soon{width:fit-content;color:var(--yellow);text-transform:uppercase;border:1px solid;border-radius:999px;align-self:end;padding:5px 8px;font-size:.72rem;font-weight:950}.faq-grid h3{margin:0}.faq-grid>div{padding:18px}.landing-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:34px 0 48px;display:flex}.landing-footer p{color:var(--muted);margin:0;font-weight:950}.app-shell{min-height:100dvh;padding:14px}.arcade-app-frame{border:1px solid var(--border);width:min(1220px,100%);min-height:calc(100dvh - 28px);box-shadow:var(--shadow);background:#030611b8;border-radius:14px;grid-template-columns:210px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}:root[data-theme=light] .arcade-app-frame{background:#ffffffad}.app-sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg, #16a8ff14, transparent), var(--surface);grid-template-rows:minmax(0,1fr) auto;gap:30px;padding:86px 20px 20px;display:grid}.app-sidebar nav{align-content:start;gap:8px;display:grid}.app-sidebar nav a{border-radius:var(--radius);min-height:42px;color:var(--ink-soft);text-transform:uppercase;border:1px solid #0000;align-items:center;gap:12px;padding:0 10px;font-size:.8rem;font-weight:950;display:flex;position:relative}.app-sidebar nav a.is-active{color:var(--accent-strong);box-shadow:var(--glow-pink);background:linear-gradient(90deg,#ff2e8b3d,#0000);border-color:#ff2e8b6b}.app-stage{min-width:0}.app-topbar{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:66px;padding:0 18px;display:grid}.topbar-center{text-align:center;justify-items:center;min-width:0;display:grid}.topbar-center span{color:var(--cyan);text-transform:uppercase;font-size:.78rem;font-weight:950}.topbar-center strong{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;font-size:1.55rem;line-height:.95}.play-dashboard-grid{grid-template-columns:minmax(360px,.55fr) minmax(0,.7fr);gap:18px;padding:18px;display:grid}.setup-panel,.phase-panel,.leaderboard,.room-header,.play-aside{background:var(--surface)}.play-setup-panel,.phase-panel,.leaderboard{align-content:start;gap:16px;padding:18px;display:grid}.play-aside{background:linear-gradient(135deg, #ff2e8b29, #16a8ff1f), var(--surface);align-content:start;gap:16px;padding:18px;display:grid}.play-aside h1{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;text-shadow:2px 0 var(--cyan), -2px 0 var(--accent);margin:6px 0 0;font-size:3.3rem;line-height:.9}.play-aside p{color:var(--ink-soft);margin:14px 0 0;line-height:1.58}.lobby-preview-card{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-hot);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-action-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);min-height:120px;color:var(--ink);text-align:left;align-content:center;gap:8px;padding:14px;display:grid}.quick-action-card svg{color:currentColor}.quick-action-card strong{font-family:var(--font-display);text-transform:uppercase;font-size:1.25rem;line-height:1}.quick-action-card span{color:var(--muted);font-size:.82rem;font-weight:800}.quick-action-card.is-host{color:var(--accent);box-shadow:var(--glow-pink);border-color:#ff2e8b94}.quick-action-card.is-join{color:var(--cyan);box-shadow:var(--glow-cyan);border-color:#16a8ff94}.quick-action-card.is-profile{color:var(--green);border-color:#30f78a6b}.quick-action-card.is-how{color:var(--yellow);border-color:#ffd21f75}.leaderboard-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:8px;padding:14px;display:grid}.preview-heading{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.preview-heading strong{color:var(--purple);font-family:var(--font-display);text-transform:uppercase}.preview-row{min-height:40px;color:var(--ink-soft);grid-template-columns:24px auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.preview-row b{color:var(--yellow)}.panel-tabs,.segmented-control{border:1px solid var(--border);border-radius:var(--radius);background:#00000029;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}:root[data-theme=light] .panel-tabs,:root[data-theme=light] .segmented-control{background:#7b37dc12}.panel-tabs button,.segmented-control button{min-height:44px;color:var(--muted);text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:6px;font-size:.85rem;font-weight:950}.panel-tabs button.is-selected,.panel-tabs button[aria-selected=true],.segmented-control button.is-selected{color:var(--accent-strong);box-shadow:var(--glow-pink);background:#ff2e8b24;border-color:#ff2e8b9e}.mode-field-group{gap:10px}.mode-card-group{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.mode-card-group button{border:1px solid var(--border);background:var(--paper);min-height:128px;color:var(--ink-soft);text-align:left;align-content:start;gap:8px;padding:12px;display:grid}.mode-card-group button strong{color:var(--ink);line-height:1.05}.mode-card-group button>span:last-child{color:var(--muted);text-transform:none;font-size:.76rem;line-height:1.35}.mode-card-group button.is-selected{border-color:var(--border-strong);background:#ff2e8b1f}.mode-card-group button.is-disabled{color:var(--yellow);opacity:.68;border-color:#ffd21f47}.mode-card-icon{border:2px solid;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.mode-card-icon:before{font-family:var(--font-display);font-size:1.2rem;line-height:1}.mode-card-icon.is-accusation{color:var(--accent)}.mode-card-icon.is-accusation:before{content:"+"}.mode-card-icon.is-suspicion{color:var(--cyan)}.mode-card-icon.is-suspicion:before{content:"O"}.mode-card-icon.is-reverse{color:var(--yellow)}.mode-card-icon.is-reverse:before{content:"?"}.form-stack{gap:16px;margin-top:16px;display:grid}.field,.field-group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);width:100%;min-height:48px;color:var(--ink);outline:none;padding:0 13px}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--cyan) 50%), linear-gradient(135deg, var(--cyan) 50%, transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px;background-repeat:no-repeat;background-size:6px 6px,6px 6px}.field input::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.field input::placeholder{color:color-mix(in srgb, var(--muted), transparent 20%)}}.number-stepper{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);grid-template-columns:42px minmax(0,1fr) 42px;display:grid;overflow:hidden}.number-stepper input{border:0;border-right:1px solid var(--border);border-left:1px solid var(--border);text-align:center;border-radius:0;min-height:46px}.number-stepper button{color:var(--ink);background:0 0;border:0;font-size:1.15rem;font-weight:950}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.avatar-groups{gap:12px;display:grid}.avatar-group{gap:8px;display:grid}.avatar-picker,.color-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.avatar-picker button,.color-picker button{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);min-width:44px;min-height:44px;color:var(--ink);place-items:center;display:inline-grid}.avatar-picker button{min-height:62px;padding:6px;overflow:hidden}.avatar-picker button.is-selected,.color-picker button.is-selected{border-color:var(--border-strong);box-shadow:var(--glow-pink)}.color-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.color-picker button{background:var(--swatch)}.full-width{width:100%}.form-error{border-radius:var(--radius);color:var(--danger);background:#ff315f1f;border:1px solid #ff315f66;margin:0;padding:12px;font-weight:950}.room-content{gap:14px;padding:18px;display:grid}.room-layout-empty{max-width:520px;padding:20px}.room-header{background:linear-gradient(135deg, #ff2e8b24, #16a8ff1a), var(--surface);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;display:grid}.room-code{font-size:3.7rem;line-height:.9}.identity-strip{align-items:center;gap:10px;min-width:0;display:flex}.identity-strip strong,.identity-strip span,.player-card strong,.player-card span{display:block}.identity-strip span,.player-card span,.action-heading p,.phase-heading p,.round-status p,.host-start-block span,.result-banner p,.role-card p{color:var(--muted);font-size:.9rem}.qr-code{border:1px solid var(--border);border-radius:var(--radius);background:#fff;width:118px;height:118px}.connection-pill{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);min-height:42px;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;padding:0 11px;font-size:.82rem;font-weight:950;display:inline-flex}.connection-pill.is-online{color:var(--success);border-color:#30f78a57}.phase-heading,.round-status{gap:14px;display:grid}.phase-heading h2,.role-card h2,.leaderboard h2,.result-banner h2{color:var(--ink);font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:2.25rem;line-height:.95}.phase-heading p,.action-heading p,.result-banner p,.role-card p{margin:8px 0 0}.secondary-button.is-positive{color:var(--success);background:#30f78a1f;border-color:#30f78a66;box-shadow:0 0 16px #30f78a38}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.player-card,.leader-row,.player-action,.delta-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);min-height:62px;color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.player-card.is-ready{background:#30f78a1a;border-color:#30f78a61}.player-card.is-offline{opacity:.68}.player-card-badges{color:var(--yellow);align-items:center;gap:6px;display:inline-flex}.ready-icon{color:var(--success)}.avatar-mark{--avatar-color:#168cff;border:2px solid var(--avatar-color);flex:none;place-items:center;width:48px;height:48px;display:inline-grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.avatar-mark{border:2px solid color-mix(in srgb, var(--avatar-color), white 36%)}}.avatar-mark{background:linear-gradient(180deg, #ffffffc2, #ffffff57), var(--avatar-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.avatar-mark{background:linear-gradient(180deg, #ffffffc2, #ffffff57), color-mix(in srgb, var(--avatar-color), black 18%)}}.avatar-mark{box-shadow:0 0 12px var(--avatar-color), inset 0 -8px 0 #0000001a}@supports (color:color-mix(in lab, red, red)){.avatar-mark{box-shadow:0 0 12px color-mix(in srgb, var(--avatar-color), transparent 44%), inset 0 -8px 0 #0000001a}}.avatar-mark img{object-fit:cover;object-position:center top;width:122%;height:122%;transform:translateY(4%)}.avatar-mark-xs{width:30px;height:30px}.avatar-mark-sm{width:36px;height:36px}.avatar-mark-md{width:48px;height:48px}.avatar-mark-lg{width:68px;height:68px}.avatar-mark-xl{width:112px;height:112px}.avatar-mark-picker{width:54px;height:54px}.host-start-block{gap:8px;display:grid}.host-start-block span{text-align:center}.lobby-config-panel{background:var(--paper);gap:12px;padding:14px;display:grid}.config-panel-heading,.leaderboard h2{color:var(--ink);align-items:center;gap:8px;font-weight:950;display:inline-flex}.config-panel-heading svg{color:var(--accent)}.config-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.config-summary span{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);min-height:38px;color:var(--ink-soft);padding:9px 10px;font-size:.86rem;font-weight:900}.round-kicker{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.round-kicker strong{color:var(--purple)}.round-status{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.role-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);padding:18px}.role-card.is-impostor{background:#ff2e8b1f;border-color:#ff2e8b6b}.role-card.is-impostor h2{color:var(--accent)}.role-card.is-word h2{color:var(--cyan)}.round-side{justify-items:end;gap:10px;display:grid}.speaker-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);min-height:40px;color:var(--ink-soft);align-items:center;gap:8px;padding:0 12px;font-size:.9rem;font-weight:850;display:inline-flex}.timer-dial{--progress:360deg;border:1px solid var(--border);background:radial-gradient(circle at center, var(--surface-strong) 0 58%, transparent 59%), conic-gradient(var(--cyan) var(--progress), #8f78ff38 0);width:116px;height:116px;color:var(--cyan);box-shadow:var(--glow-cyan);border-radius:50%;place-items:center;display:grid}.timer-dial.is-warning{background:radial-gradient(circle at center, var(--surface-strong) 0 58%, transparent 59%), conic-gradient(var(--warning) var(--progress), #8f78ff38 0);color:var(--warning);box-shadow:var(--glow-yellow)}.timer-dial.is-danger{background:radial-gradient(circle at center, var(--surface-strong) 0 58%, transparent 59%), conic-gradient(var(--danger) var(--progress), #8f78ff38 0);color:var(--danger)}.timer-dial svg,.timer-dial span,.timer-dial small{grid-area:1/1}.timer-dial svg{margin-top:-56px}.timer-dial span{font-family:var(--font-display);margin-top:-6px;font-size:2.2rem;line-height:1}.timer-dial small{color:var(--muted);text-transform:uppercase;margin-top:42px;font-weight:950}.action-grid,.player-action-list,.score-deltas{gap:12px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-section{align-content:start;gap:10px;padding:14px;display:grid}.action-section.is-disabled .action-heading{opacity:.7}.action-heading{align-items:start;gap:10px;display:flex}.action-heading>span{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);width:38px;height:38px;color:var(--purple);flex:none;place-items:center;display:inline-grid}.action-heading h3{color:var(--ink);text-transform:uppercase;margin:0;font-size:1.05rem;font-weight:950}.player-action{text-align:left;width:100%}.player-action.is-selected{border-color:var(--border-strong);background:#ff2e8b1a}.accuse-confirm{background:#ff315f1a;border-color:#ff315f6b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.accuse-confirm strong{color:var(--ink);font-size:1.12rem;display:block}.accuse-confirm p{color:var(--muted);margin:4px 0 0}.confirm-actions{grid-template-columns:repeat(2,auto);gap:8px;display:grid}.result-banner{background:var(--paper);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.result-banner.impostor-caught{background:#30f78a1a;border-color:#30f78a5c}.result-banner.impostor-got-away{background:#ff2e8b1a;border-color:#ff2e8b5c}.delta-row{grid-template-columns:minmax(0,1fr) auto;min-height:48px}.delta-row strong,.leader-row>span:last-child{color:var(--yellow);font-size:1.1rem;font-weight:950}.leaderboard{box-shadow:none}.leader-row{grid-template-columns:26px auto minmax(0,1fr) auto}.leader-row>span:first-child{color:var(--muted);font-weight:950}.final-note{color:var(--cyan);text-align:center;justify-items:center;gap:6px;margin:0;font-weight:950;display:grid}.final-note span{color:var(--muted);text-transform:uppercase;font-size:.82rem}.final-note strong{color:var(--ink);font-size:1.5rem}.primary-link:hover,.primary-button:not(:disabled):hover,.secondary-link:hover,.secondary-button:not(:disabled):hover,.danger-button:not(:disabled):hover,.icon-button:not(:disabled):hover,.quick-action-card:not(:disabled):hover,.player-action:not(:disabled):hover,.avatar-picker button:hover{transform:translateY(-1px)}.field input:focus,.field select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #16a8ff57}@media (prefers-reduced-motion:no-preference){.primary-link,.primary-button,.secondary-link,.secondary-button,.danger-button,.icon-button,.quick-action-card,.player-action,.avatar-picker button{transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s}}@media (width>=980px){.avatar-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.phase-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media (width<=979px){.landing-nav{grid-template-columns:auto auto}.landing-nav-links{display:none}.landing-nav-actions{justify-content:end}.landing-hero,.landing-band,.screenshot-showcase,.play-dashboard-grid,.round-status,.action-grid{grid-template-columns:1fr}.hero-cabinet{min-height:430px}.glitch-title{font-size:4.25rem}.landing-band h2,.section-heading h2{font-size:2.45rem}.step-list,.mode-panel-grid,.faq-grid,.fake-shell{grid-template-columns:1fr}.fake-sidebar{display:none}.arcade-app-frame{grid-template-columns:1fr}.app-sidebar{display:none}.app-topbar{grid-template-columns:minmax(0,1fr) auto}.app-topbar>.brand-lockup{display:none}.topbar-center{text-align:left;justify-items:start}.room-header{grid-template-columns:minmax(0,1fr)}.qr-code{justify-self:start}.round-side{justify-items:start}}@media (width<=640px){.landing-nav,.landing-hero,.landing-band,.screenshot-band,.mode-band,.faq-band,.landing-footer{width:min(100% - 24px,1180px)}.landing-nav{min-height:66px}.landing-nav-actions .nav-play-link{display:none}.glitch-title{font-size:3.3rem}.hero-tagline{font-size:1.25rem}.hero-cabinet{border-radius:18px;min-height:360px}.hero-lobby-card{width:calc(100% - 24px);bottom:12px;right:12px}.hero-avatar-ring{left:12px;right:auto}.landing-actions .primary-link,.landing-actions .secondary-link,.landing-footer .primary-link{width:100%}.screenshot-band,.landing-band,.mode-band,.faq-band{padding:42px 0}.phone-frame{border-radius:22px}.app-shell{padding:8px}.arcade-app-frame{border-radius:10px;min-height:calc(100dvh - 16px)}.app-topbar{min-height:62px;padding:0 10px}.topbar-actions .connection-pill{display:none}.topbar-center strong{font-size:1.2rem}.play-dashboard-grid,.room-content{padding:10px}.play-setup-panel,.play-aside,.phase-panel,.leaderboard,.room-header{padding:14px}.mode-card-group,.quick-action-grid,.two-column,.config-summary,.player-grid{grid-template-columns:1fr}.room-code{font-size:2.85rem}.header-actions{flex-wrap:wrap}.result-banner,.accuse-confirm,.confirm-actions{grid-template-columns:1fr}.color-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}