:root{--palette-navy:#2c3e50;--palette-terracotta:#4a80b4;--palette-brown:#34495e;--palette-sage:#7f8c8d;--palette-cream:#ecf0f1;--palette-navy-800:#1b2833;--palette-navy-700:#22303e;--palette-navy-600:#22303e;--palette-navy-500:#2c3e50;--palette-navy-900:#16202a;--palette-navy-300:#3c4a57;--palette-terracotta-600:#3e6e9e;--palette-terracotta-700:#35618b;--palette-terracotta-800:#1f3f58;--palette-terracotta-200:#dce7f0;--palette-terracotta-300:#9fc4e6;--palette-terracotta-900:#16303f;--palette-sage-100:#dde2e4;--palette-sage-300:#c3cbd0;--palette-sage-700:#4a5a62;--palette-sage-800:#35424e;--palette-brown-700:#263544;--palette-cream-50:#f7f9fa;--palette-cream-100:#e3e8ea;--palette-cream-200:#d3d8db;--palette-cream-300:#bdc3c7;--palette-ink:#2c3e50;--palette-ink-muted:#4a5a62;--palette-cream-text:#ecf0f1;--palette-cream-text-muted:#c3cbd0;--white:#fff;--palette-red:#c0392b;--palette-red-800:#a82e22;--palette-red-200:#f7ddd9;--palette-red-300:#eda79e;--palette-red-900:#3a1d19;--palette-success:#157347;--palette-success-tint:#e4f3ec;--palette-success-dark-tint:#12352a;--palette-success-dark-text:#7ed9af;--surface-page:var(--palette-cream);--surface-page-top:var(--palette-cream-50);--surface-card:var(--palette-cream-50);--surface-raised:var(--palette-cream-100);--surface-sunken:var(--palette-navy);--border:var(--palette-cream-200);--border-strong:var(--palette-cream-300);--text:var(--palette-ink);--text-muted-role:var(--palette-ink-muted);--text-on-brand:var(--white);--text-on-accent:var(--white);--brand-role:var(--palette-navy);--brand-strong:var(--palette-navy-700);--brand-text-role:var(--palette-navy);--brand-tint-role:var(--palette-sage-100);--accent-role:var(--palette-terracotta);--accent-fill:var(--palette-terracotta-600);--accent-strong:var(--palette-terracotta-700);--accent-tint-role:var(--palette-terracotta-200);--accent-tint-ink:var(--palette-terracotta-800);--select-tint:var(--palette-sage-100);--select-border:var(--palette-sage);--secondary:var(--palette-brown);--secondary-strong:var(--palette-brown-700);--danger-role:var(--palette-red);--danger-fill:var(--palette-red);--danger-strong-role:var(--palette-red-800);--danger-text-role:var(--palette-red-800);--danger-tint-role:var(--palette-red-200);--focus-ring:var(--palette-navy);--success-role:var(--palette-success);--brand:var(--brand-role);--brand-dark:var(--brand-strong);--brand-deep:var(--brand-strong);--brand-tint:var(--brand-tint-role);--brand-text:var(--brand-text-role);--on-brand:var(--text-on-brand);--accent:var(--accent-role);--accent-light:var(--accent-role);--accent-dark:var(--accent-strong);--accent-tint:var(--accent-tint-role);--on-accent:var(--text-on-accent);--danger:var(--danger-fill);--danger-dark:var(--danger-strong-role);--danger-tint:var(--danger-tint-role);--danger-text:var(--danger-text-role);--neutral-bg:var(--surface-page);--neutral-bg-2:var(--surface-page-top);--neutral-surface:var(--surface-card);--neutral-100:var(--surface-raised);--neutral-200:var(--border);--neutral-300:var(--border-strong);--gray-200:var(--border);--slate:var(--text-muted-role);--slate-500:var(--text-muted-role);--slate-600:var(--palette-sage-700);--slate-700:var(--text);--text-strong:var(--text);--text-muted:var(--text-muted-role);--radius:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(44,62,80,.08);--shadow-card:0 1px 3px rgba(44,62,80,.1),0 6px 20px rgba(44,62,80,.08);--shadow-raise:0 6px 16px rgba(44,62,80,.16);--shadow-modal:0 24px 60px rgba(27,40,51,.38);--ring-brand:0 0 0 3px rgba(44,62,80,.5);--hairline:1px solid var(--border);--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}[data-theme=dark]{--surface-page:var(--palette-navy-800);--surface-page-top:var(--palette-navy-600);--surface-card:var(--palette-navy-600);--surface-raised:var(--palette-navy-500);--border:var(--palette-navy-300);--border-strong:var(--palette-navy-300);--text:var(--palette-cream-text);--text-muted-role:var(--palette-cream-text-muted);--brand-text-role:var(--palette-terracotta-300);--brand-tint-role:var(--palette-sage-800);--select-tint:var(--palette-sage-800);--accent-tint-role:var(--palette-terracotta-900);--accent-tint-ink:var(--palette-terracotta-300);--danger-tint-role:var(--palette-red-900);--danger-text-role:var(--palette-red-300);--slate-600:var(--palette-cream-text-muted);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-card:0 1px 3px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.45);--shadow-raise:0 6px 16px rgba(0,0,0,.55);--shadow-modal:0 24px 60px rgba(0,0,0,.7)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body,html{height:100%}body{background:linear-gradient(180deg,var(--neutral-bg-2) 0,var(--neutral-bg) 260px);background-color:var(--neutral-bg);background-attachment:fixed;color:var(--text-strong);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.01em}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring-brand)}.container{width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;background-color:rgba(247,249,250,.85);backdrop-filter:saturate(180%) blur(10px);border-bottom:var(--hairline);box-shadow:var(--shadow-sm)}.app-header__inner{max-width:72rem;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-container{width:100%;max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;cursor:pointer;background:none;border:none;padding:0}.brand__logo{width:1.85rem;height:1.85rem;flex:none;display:block;border-radius:8px;box-shadow:var(--shadow-sm)}.brand__wordmark{display:inline-flex;align-items:baseline;font-weight:800}.brand__word{color:var(--slate-700)}.brand__accent{color:var(--brand-text);font-weight:900}.app-nav{gap:.4rem}.app-header__controls,.app-nav{display:flex;align-items:center;flex-wrap:wrap}.app-header__controls{gap:.5rem}.theme-toggle{gap:.4rem;border-radius:var(--radius-pill)}.theme-toggle__icon{font-size:.95rem;line-height:1}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;border-radius:var(--radius-pill)}.user-menu__trigger::-webkit-details-marker{display:none}.user-menu__name{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.user-menu__caret{font-size:.7rem;line-height:1;transition:transform .15s ease}.user-menu[open] .user-menu__caret{transform:rotate(180deg)}.user-menu__panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:40;min-width:12rem;display:flex;flex-direction:column;padding:.35rem;background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-raise)}.user-menu__item{display:block;width:100%;text-align:left;padding:.5rem .65rem;border:0;border-radius:var(--radius-sm,8px);background:transparent;color:var(--text);font:inherit;cursor:pointer}.user-menu__item:focus-visible,.user-menu__item:hover{background-color:var(--neutral-100);color:var(--text-strong)}.admin-menu{position:relative}.admin-menu__trigger{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none}.admin-menu__trigger::-webkit-details-marker{display:none}.admin-menu__caret{font-size:.7rem;line-height:1;transition:transform .15s ease}.admin-menu[open] .admin-menu__caret{transform:rotate(180deg)}.admin-menu__panel{position:absolute;top:calc(100% + .4rem);left:0;z-index:40;min-width:12rem;display:flex;flex-direction:column;padding:.35rem;background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-raise)}.admin-menu__item{display:block;width:100%;text-align:left;padding:.5rem .65rem;border:0;border-radius:var(--radius-sm,8px);background:transparent;color:var(--text);font:inherit;cursor:pointer}.admin-menu__item:focus-visible,.admin-menu__item:hover{background-color:var(--neutral-100);color:var(--text-strong)}.admin-menu__item.is-active{background-color:var(--neutral-100);color:var(--text-strong);font-weight:600}.users-table__scroll{width:100%;overflow-x:auto}.users-table{width:100%;white-space:nowrap}.users-table__actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.users-table__confirm{display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:center}.surface-card{background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.surface-card--pad{padding:1.5rem}.section-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.15rem;font-weight:600;font-size:.95rem;line-height:1;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .1s ease,box-shadow .14s ease}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{padding:.35rem .7rem;font-size:.8rem;border-radius:var(--radius)}.btn-lg{padding:.8rem 1.6rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(180deg,var(--brand-role),var(--brand-strong));color:var(--text-on-brand);border-color:var(--brand-strong);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--brand-strong),var(--palette-navy-800));transform:translateY(-1px);box-shadow:var(--shadow-raise)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--neutral-surface);color:var(--slate-700);border-color:var(--neutral-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-100);border-color:var(--neutral-300);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--slate-700);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--neutral-100)}.btn-nav{background-color:transparent;color:var(--slate-700);border-color:transparent;border-radius:var(--radius-pill);padding:.45rem .95rem;font-size:.9rem}.btn-nav:hover:not(:disabled){background-color:var(--neutral-100)}.btn-nav.is-active{background-color:var(--brand-role);color:var(--text-on-brand);box-shadow:var(--shadow-sm)}.btn-nav.is-active:hover:not(:disabled){background-color:var(--brand-strong);color:var(--text-on-brand)}.btn-danger{background-color:var(--neutral-surface);color:var(--danger-text);border-color:var(--danger-text)}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:var(--text-on-accent);transform:translateY(-1px);box-shadow:var(--shadow-raise)}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-weight:600;font-size:.85rem;color:var(--slate-700)}.field__hint{font-size:.78rem;color:var(--text-muted)}.input,.select{width:100%;padding:.65rem .85rem;font-size:.95rem;color:var(--text-strong);background-color:var(--neutral-surface);border:1px solid var(--neutral-300);border-radius:var(--radius);transition:border-color .14s ease,box-shadow .14s ease}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring-brand)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%234a5a62' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.checkbox,.radio{width:1.1rem;height:1.1rem;accent-color:var(--brand);cursor:pointer}.control-row{display:flex;align-items:center;gap:.6rem}.segmented{padding:.25rem;gap:.25rem;background-color:var(--neutral-100);border:var(--hairline)}.segmented,.segmented__option{display:inline-flex;border-radius:var(--radius-pill)}.segmented__option{align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.88rem;font-weight:600;color:var(--slate-700);cursor:pointer;transition:background-color .14s ease,color .14s ease}.segmented__option.is-active{background-color:var(--neutral-surface);color:var(--brand-text);box-shadow:var(--shadow-sm)}.code-field{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background-color:var(--neutral-100);border:var(--hairline);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--slate-700)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.72rem;letter-spacing:.02em}.badge,.host-badge{border-radius:var(--radius-pill);font-weight:700;text-transform:uppercase}.host-badge{background-color:var(--secondary);color:var(--text-on-brand);padding:.1rem .5rem;font-size:.68rem;letter-spacing:.04em}.pill{gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;background-color:var(--neutral-100);color:var(--slate-700);border:var(--hairline)}.chip,.pill{display:inline-flex;align-items:center}.chip{gap:.4rem;padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700}.chip:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor}.chip--waiting{background-color:var(--neutral-100);color:var(--slate-700);border:1px solid var(--neutral-300)}.chip--live{background-color:var(--palette-success-tint);color:var(--success-role)}.chip--ended{color:var(--slate-600)}.chip--away,.chip--ended{background-color:var(--neutral-100)}.chip--away{color:var(--slate-700);font-weight:700}.chip--bingo{background:linear-gradient(180deg,var(--accent-strong),var(--accent-fill));color:var(--text-on-accent)}.dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;flex:none}.dot--online{background-color:var(--success-role);box-shadow:0 0 0 3px rgba(21,115,71,.22)}.dot--offline{background-color:var(--neutral-300)}.alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border-radius:var(--radius);border:1px solid transparent;font-size:.9rem}.alert--error{background-color:var(--danger-tint);border-color:var(--danger);color:var(--danger-dark)}.alert--info{background-color:var(--neutral-100);border-color:var(--neutral-300);color:var(--slate-700)}.board-hero{padding:.25rem 0;flex:1 1 auto}.board-hero,.board-inner{display:flex;min-height:0}.board-inner{width:100%;max-width:50rem;margin:0 auto;flex-direction:column;flex:1 1 auto;transition:filter .18s ease,opacity .18s ease}.board--blurred{filter:blur(3px) saturate(.9);opacity:.55;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.board-wrap{position:relative}.board-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;text-align:center;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.35);backdrop-filter:blur(1px);z-index:2}.board-overlay__text{font-weight:800;font-size:1.05rem;color:var(--palette-navy);padding:.5rem 1rem;border-radius:var(--radius-pill);background-color:hsla(0,0%,100%,.92);box-shadow:var(--shadow-card)}.board-overlay__spinner{width:1.75rem;height:1.75rem;border-radius:50%;border:3px solid var(--neutral-200);border-top-color:var(--brand);animation:spin .8s linear infinite}.mode-indicator{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;background-color:var(--neutral-100);color:var(--slate-700);border:1px solid var(--neutral-300);cursor:help}.mode-indicator__icon{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background-color:var(--brand-role);color:var(--text-on-brand);font-size:.7rem;font-weight:900}.mode-indicator__tip{position:absolute;top:calc(100% + .5rem);left:0;z-index:40;width:-moz-max-content;width:max-content;max-width:16rem;padding:.5rem .7rem;border-radius:var(--radius);background-color:var(--text-strong);color:var(--surface-card);font-size:.78rem;font-weight:500;line-height:1.35;box-shadow:var(--shadow-raise);opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease,visibility .14s}.mode-indicator:focus .mode-indicator__tip,.mode-indicator:focus-within .mode-indicator__tip,.mode-indicator:hover .mode-indicator__tip{opacity:1;visibility:visible;transform:translateY(0)}.bingo-header{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-bottom:.6rem}.bingo-header__cell{display:flex;align-items:center;justify-content:center;padding:.4rem 0;border-radius:var(--radius);background:linear-gradient(160deg,var(--brand-role),var(--palette-navy-800));color:var(--text-on-brand);font-weight:900;font-size:1.35rem;line-height:1;letter-spacing:.04em;box-shadow:var(--shadow-sm)}.bingo-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:.6rem;flex:1 1 auto;min-height:0}.bingo-cell{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:.35rem;height:100%;min-height:3.25rem;border-radius:var(--radius);border:1px solid var(--neutral-200);font-weight:600;font-size:clamp(.62rem,1.6vw,.9rem);line-height:1.1;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;hyphens:auto;color:var(--text-strong);background-color:var(--neutral-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .14s ease,transform 90ms ease,box-shadow .14s ease,border-color .14s ease}.bingo-cell:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-raise);border-color:var(--brand)}.bingo-cell:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.bingo-cell:disabled,.bingo-cell[disabled]{cursor:default}.bingo-cell--unmarked{background-color:var(--neutral-surface);color:var(--text-strong)}.bingo-cell--marked{background:var(--dauber-fill,linear-gradient(160deg,var(--accent-strong),var(--accent-fill)));color:var(--dauber-ink,var(--text-on-accent));border-color:var(--dauber-border,rgba(0,0,0,.18));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),var(--shadow-sm)}.bingo-cell--free{background:linear-gradient(160deg,var(--neutral-surface),var(--brand-tint));color:var(--brand-text);border:1px dashed var(--brand);font-weight:800;letter-spacing:.03em}.bingo-cell--flash{animation:bingo-flash .7s ease-in-out 3;z-index:1}.bingo-cell--daub{animation:dauber-pop .32s ease-out 1}.bingo-cell--daub:after{content:"";position:absolute;inset:0;margin:auto;width:62%;height:62%;border-radius:50%;background:var(--dauber-color,var(--accent-role));pointer-events:none;animation:dauber-splat .36s ease-out 1;opacity:0;z-index:2}.roster-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.roster-head__count{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.roster{display:flex;flex-direction:column;gap:.4rem}.roster-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:var(--radius);border:var(--hairline);background-color:var(--neutral-surface);box-shadow:var(--shadow-sm)}.roster-row--self{border-color:var(--select-border);background-color:var(--select-tint)}.avatar{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--brand-role));color:var(--text-on-brand);font-weight:700;font-size:.85rem;text-transform:uppercase}.roster-row__body{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1 1 auto}.roster-row__nameline{display:flex;align-items:center;gap:.4rem;min-width:0}.roster-row__name{font-weight:700;font-size:.95rem;color:var(--text-strong);min-width:0}.roster-row__meta{display:flex;align-items:center;gap:.5rem}.roster-row__hits{font-size:.8rem;color:var(--slate-600);font-weight:600}.roster-row__kick{flex:none}.lobby-page{gap:2.75rem;width:100%;max-width:78rem;margin-inline:auto}.lobby-page,.lobby-section{display:flex;flex-direction:column}.lobby-section{gap:1.25rem}.lobby-section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18.5rem,1fr));gap:1.25rem}.game-card{display:flex;flex-direction:column;gap:.85rem;padding:1.4rem;background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .14s ease,box-shadow .14s ease}.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-raise)}.game-card .chip{white-space:nowrap;flex:none}.game-card__title{font-size:1.05rem;font-weight:700;color:var(--text-strong)}.game-card__cat{font-size:.85rem;color:var(--text-muted)}.game-card__foot{justify-content:space-between;gap:.75rem;margin-top:auto}.empty-state,.game-card__foot{display:flex;align-items:center}.empty-state{flex-direction:column;gap:.5rem;padding:3rem 1.5rem;text-align:center;color:var(--text-muted);border:1px dashed var(--neutral-300);border-radius:var(--radius-lg);background-color:var(--neutral-surface)}.empty-state__emoji{font-size:2rem}.empty-state--lobby{gap:.65rem;padding:3.75rem 1.75rem;background:radial-gradient(120% 160% at 50% 0,var(--brand-tint),transparent 62%),var(--neutral-surface)}.empty-state--lobby .empty-state__emoji{font-size:2.5rem}.empty-state__title{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--text-strong)}.empty-state__body{max-width:42ch;color:var(--text-muted)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.table thead th{position:sticky;top:0;background-color:var(--neutral-100);color:var(--slate-600);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.table tbody td,.table thead th{padding:.7rem 1rem;border-bottom:var(--hairline)}.table tbody tr:nth-child(2n){background-color:var(--neutral-100)}.table tbody tr.is-self{background-color:var(--select-tint);font-weight:700}.rank{font-weight:800;color:var(--slate-700)}.rank--medal{color:var(--brand-text)}.modal-backdrop{position:fixed;inset:0;background-color:rgba(31,39,51,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;animation:modal-fade .16s ease-out}.modal-card{background-color:var(--neutral-surface);border-radius:var(--radius-lg);max-width:40rem;width:100%;max-height:90vh;overflow-y:auto;padding:1.75rem;box-shadow:var(--shadow-modal);animation:modal-pop .2s cubic-bezier(.2,.8,.3,1.2)}.winner-name{font-size:2rem;font-weight:900;letter-spacing:-.02em;color:var(--brand-text);text-align:center}.winner-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .75rem;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent-strong),var(--accent-fill));color:var(--text-on-accent);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.modal-card--wide{max-width:52rem}.modal-card--end{max-width:26rem;min-height:15rem;padding:2.25rem 1.75rem;align-items:center;justify-content:center;text-align:center}.modal-card--end .end-recap__icon{display:inline-flex;line-height:1}.modal-card--end .end-recap__mark{width:3.75rem;height:3.75rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}.winner-board{width:100%;max-width:46rem;margin:0 auto}.winner-board .bingo-cell{padding:.2rem;min-height:3.25rem;font-size:clamp(.55rem,1.3vw,.8rem);line-height:1.05;overflow-wrap:break-word;word-break:normal;hyphens:none}.game-shell-main{width:100%;margin:0;padding:0}.game-shell{gap:1.25rem;align-items:stretch;min-height:100vh;padding:1rem}.game-shell,.game-sidebar{display:flex;flex-direction:column}.game-sidebar{background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.game-sidebar__brand{display:flex;align-items:center;gap:.5rem;padding:1rem 1.15rem;font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--brand-text);border-bottom:var(--hairline);background-color:var(--neutral-100)}.game-sidebar__brandtext{color:var(--text-strong)}.game-sidebar__body{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem;overflow-y:auto;flex:1 1 auto}.game-sidebar__foot{padding:.9rem 1.15rem;border-top:var(--hairline);background-color:var(--neutral-100)}.sidebar-group-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sidebar-section{display:flex;flex-direction:column;gap:.6rem;padding:.85rem 0 0;border-top:var(--hairline)}.sidebar-group-label+.sidebar-section{border-top:none;padding-top:0}.sidebar-section__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-section__title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.sidebar-section__toggle{width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.sidebar-section__toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius)}.sidebar-section__caret{font-size:.9rem;line-height:1;color:var(--text-muted);transition:transform .16s ease;transform:rotate(-90deg)}.sidebar-section__caret--open{transform:rotate(0deg)}.sidebar-section__body{display:flex;flex-direction:column;gap:.6rem}@media (prefers-reduced-motion:reduce){.sidebar-section__caret{transition:none}}.game-rail{display:flex;flex-direction:column;background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.game-rail__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1.15rem;border-bottom:var(--hairline);background-color:var(--neutral-100);flex:none}.game-rail__title{font-weight:800;font-size:1rem;color:var(--text-strong)}.game-rail__chat,.game-rail__score{display:flex;flex-direction:column;gap:.6rem;padding:.95rem 1.15rem;flex:1 1 50%;min-height:0}.game-rail__chat{border-top:var(--hairline)}.game-rail--no-chat .game-rail__score{flex:1 1 auto}.game-rail__section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:none}.game-rail__section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.game-rail__score-list{flex:1 1 auto;min-height:0;overflow-y:auto}.chat-panel,.game-rail__chat-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.chat-panel{gap:.5rem}.rail-toggle{white-space:nowrap;gap:.4rem}.rail-toggle__icon{font-size:1.15rem;line-height:1}.chat-reopen-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:30;display:inline-flex;align-items:center;justify-content:center;padding:.75rem .3rem;border:none;border-radius:var(--radius) 0 0 var(--radius);background:linear-gradient(180deg,var(--brand-role),var(--brand-strong));color:var(--text-on-brand);cursor:pointer;box-shadow:var(--shadow-raise)}.chat-reopen-tab:hover{background:linear-gradient(180deg,var(--brand-strong),var(--palette-navy-800))}.chat-reopen-tab:focus-visible{outline:none;box-shadow:var(--ring-brand)}.chat-reopen-tab__caret{font-size:1.5rem;font-weight:800;line-height:1}.game-main{flex:1 1 auto;min-width:0;margin-left:0;margin-right:0}.game-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.sidebar-toggle{white-space:nowrap;gap:.5rem}.sidebar-toggle__bars{position:relative;display:inline-block;width:1.05rem;height:.75rem;flex:none}.sidebar-toggle__bars,.sidebar-toggle__bars:after,.sidebar-toggle__bars:before{border-top:2px solid;border-radius:2px}.sidebar-toggle__bars:after,.sidebar-toggle__bars:before{content:"";position:absolute;left:0;right:0}.sidebar-toggle__bars:before{top:.28rem}.sidebar-toggle__bars:after{top:.6rem}@media (min-width:768px){.game-shell{--game-rail-width:20rem;--game-chat-width:20rem;display:block;padding:0;min-height:100vh}.game-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--game-rail-width);z-index:20;border:none;border-right:var(--hairline);border-radius:0;box-shadow:none;background-color:var(--neutral-100)}.game-main{margin-left:var(--game-rail-width);padding:1.25rem 1.5rem 2rem;height:100vh;min-height:100vh;overflow:hidden}.board-hero{align-items:center;justify-content:center}.board-inner{width:auto;max-width:100%;height:100%;aspect-ratio:1/1.1;margin:0 auto;flex:0 1 auto}.game-shell.rail-open .game-main{margin-right:var(--game-chat-width)}.game-shell.sidebar-collapsed .game-main{margin-left:0}.game-rail{position:fixed;right:0;top:0;bottom:0;width:var(--game-chat-width);z-index:20;border:none;border-left:var(--hairline);border-radius:0;box-shadow:none;background-color:var(--neutral-100)}}.leave-control__confirm{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.leave-control__prompt{font-weight:600;color:var(--text-strong)}.end-control{display:inline-flex}.end-control__confirm{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.end-control__prompt{font-weight:600;color:var(--text-strong)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:1.5rem 1rem;background-color:var(--neutral-surface);border:var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.stat-card__value{font-size:2.25rem;font-weight:900;line-height:1;color:var(--brand-text)}.stat-card__label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:2rem 1rem .5rem}.hero__title{font-size:2.25rem;font-weight:900;letter-spacing:-.03em}.hero__brand{display:inline-flex;justify-content:center;font-size:1.9rem}.hero__brand .brand__logo{width:2.6rem;height:2.6rem}.hero__subtitle{color:var(--text-muted);max-width:26rem}.signin-split{display:flex;align-items:stretch;gap:1rem}.signin-split>.surface-card{flex:1 1 0;min-width:0}.signin-split__or{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.signin-split__or:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border);transform:translateX(-50%)}.signin-split__or-text{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .5rem;border-radius:999px;background:var(--surface-page);color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:lowercase}@media (max-width:767px){.signin-split{flex-direction:column}.signin-split__or:before{top:50%;bottom:auto;left:0;right:0;width:auto;height:1px;transform:translateY(-50%)}}.lobby-hero{align-items:flex-start;gap:1.75rem;padding:2.5rem 2rem;border:var(--hairline);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0 0,var(--brand-tint),transparent 60%),var(--neutral-surface);box-shadow:var(--shadow-card)}.lobby-hero,.lobby-hero__copy{display:flex;flex-direction:column}.lobby-hero__copy{gap:.9rem;min-width:0;flex:1 1 0%}.lobby-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.lobby-hero__visual{display:none;flex:0 0 auto;align-self:center}.lobby-hero__art{display:block;width:9rem;height:9rem;filter:drop-shadow(0 8px 18px rgba(44,62,80,.22))}@media (min-width:480px){.lobby-hero{flex-direction:row;align-items:center;justify-content:space-between;gap:2.5rem}.lobby-hero__visual{display:block}.lobby-hero__art{width:12rem;height:12rem}}@media (min-width:900px){.lobby-hero{padding:3.25rem 3rem;gap:3.5rem}.lobby-hero__art{width:15rem;height:15rem}}.lobby-hero__headline{font-size:clamp(2.1rem,4.5vw,3rem);font-weight:900;letter-spacing:-.03em;color:var(--text-strong);line-height:1.05}.lobby-hero__lede{color:var(--text-muted);max-width:62ch;font-size:1.05rem;line-height:1.6}.lobby-hero__steps{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.35rem;padding:0;list-style:none}.lobby-hero__step{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:var(--slate-700)}.lobby-hero__step-num{display:inline-grid;place-items:center;font-size:1.05rem;font-weight:800;color:var(--accent-dark)}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{border:var(--hairline);border-radius:var(--radius-lg);background:var(--neutral-surface);box-shadow:var(--shadow-card);overflow:hidden}.faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;font-size:1rem;font-weight:700;color:var(--text-strong);cursor:pointer;list-style:none}.faq-item__q::-webkit-details-marker{display:none}.faq-item__q:after{content:"⌄";font-size:1.1rem;line-height:1;color:var(--brand-text);transition:transform .15s ease}.faq-item[open] .faq-item__q:after{transform:rotate(180deg)}.faq-item__q:focus-visible{outline:none;box-shadow:var(--ring-brand)}.faq-item__a{display:flex;flex-direction:column;gap:.6rem;padding:0 1.15rem 1.1rem;color:var(--text-muted);font-size:.95rem;line-height:1.55}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.chat-autoscroll{gap:.4rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-foot{display:flex;align-items:center;padding-top:.15rem}.chat-composer{display:flex;align-items:stretch;gap:0;border:1px solid var(--neutral-300);border-radius:var(--radius);overflow:hidden;background-color:var(--neutral-surface)}.chat-composer:focus-within{border-color:var(--brand);box-shadow:var(--ring-brand)}.chat-composer__input{flex:1 1 auto;min-width:0;border:none;border-radius:0;box-shadow:none;background:transparent}.chat-composer__input:focus{outline:none;box-shadow:none}.chat-composer__send{flex:none;border-radius:0;border:none;padding-inline:.85rem;box-shadow:none}.chat-composer__send-icon{display:inline-block;font-size:.95rem;line-height:1}.chat-log{display:flex;flex-direction:column;gap:.35rem;flex:1 1 auto;min-height:6rem;max-height:100%;overflow-y:auto;padding-right:.25rem}.chat-line{font-size:.85rem;line-height:1.35}.chat-line__author{font-weight:700;color:var(--slate-700)}.chat-line--system{display:flex;align-items:baseline;gap:.35rem;padding:.3rem .5rem;border-radius:var(--radius);background-color:var(--accent-tint);border:1px solid var(--accent-strong);color:var(--accent-tint-ink);font-weight:700}.chat-line__system-icon{font-size:.95rem;line-height:1;flex:0 0 auto}.chat-line__system-text{font-weight:600}.guest-cta{background-color:var(--select-tint);border:1px solid var(--select-border);border-radius:var(--radius);padding:.75rem}.guest-cta__body{display:flex;align-items:center;gap:.6rem}.guest-cta__icon{font-size:1.25rem;line-height:1}.guest-cta__copy{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1 auto}.guest-cta__title{font-weight:800;font-size:.85rem;color:var(--brand-text)}.guest-cta__text{font-size:.8rem;color:var(--slate-600)}.guest-cta__action{flex:0 0 auto}.upgrade-flow{display:flex;flex-direction:column;gap:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--radius,12px)}.border{border-width:1px}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-\[0\.25em\]{letter-spacing:.25em}.text-strong{color:var(--text,#2c3e50)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-brand{--tw-ring-color:var(--brand-role,#2c3e50)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-theme=dark] .app-header{background-color:rgba(27,40,51,.85)}[data-theme=dark] .alert--error{color:var(--danger-text)}[data-theme=dark] .chip--live{background-color:var(--palette-success-dark-tint);color:var(--palette-success-dark-text)}[data-theme=dark] .mode-indicator__tip{background-color:var(--palette-cream-text);color:var(--palette-navy-800)}[data-theme=dark] .board-overlay{background:rgba(27,40,51,.45)}@keyframes bingo-flash{0%,to{background:linear-gradient(160deg,var(--accent-strong),var(--accent-fill));box-shadow:0 0 0 0 rgba(62,110,158,0)}50%{background:var(--accent-role);box-shadow:0 0 0 6px rgba(62,110,158,.6)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dauber-pop{0%{transform:scale(.86)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes dauber-splat{0%{opacity:0;transform:scale(.2)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.bingo-cell--daub,.bingo-cell--daub:after{animation:none}.bingo-cell--daub:after{opacity:0}}.dauber-picker{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.dauber-swatch{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--neutral-200);background:var(--swatch-color,var(--accent-role));cursor:pointer;padding:0;transition:transform 90ms ease,border-color .12s ease,box-shadow .12s ease}.dauber-swatch:hover{transform:scale(1.08)}.dauber-swatch--active{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--brand)}.spectating{justify-content:center;min-height:16rem}.spectating,.spectating__inner{display:flex;align-items:center}.spectating__inner{flex-direction:column;gap:.5rem;text-align:center;padding:2rem;max-width:28rem}.spectating__icon{font-size:2.5rem}.spectating__title{font-weight:800;font-size:1.25rem;color:var(--text-strong)}.spectating__text{color:var(--slate);font-size:.9rem}.custom-cat__list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.custom-cat__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--neutral-200);border-radius:var(--radius);background:var(--neutral-surface)}.custom-cat__item-body{display:flex;flex-direction:column;gap:.1rem}.custom-cat__name{font-weight:700;color:var(--text-strong)}.custom-cat__words{width:100%;min-height:8rem;resize:vertical;font-family:inherit}.custom-cat__count--ok{color:var(--success-role);font-weight:700}[data-theme=dark] .custom-cat__count--ok{color:var(--palette-success-dark-text)}.sound-toggle{gap:.4rem;border-radius:var(--radius-pill)}.board-hero--nearwin{animation:near-win-pulse 1.4s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes near-win-pulse{0%,to{box-shadow:0 0 0 0 rgba(62,110,158,0)}50%{box-shadow:0 0 0 6px rgba(62,110,158,.35)}}@media (prefers-reduced-motion:reduce){.board-hero--nearwin{animation:none;box-shadow:0 0 0 3px rgba(62,110,158,.45)}}.chip--heat{background-color:var(--accent-tint);color:var(--accent-tint-ink);border:1px solid var(--accent-strong);font-weight:700}.roster-row--offline{opacity:.72}.reconnect-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.08rem .45rem;border-radius:var(--radius-pill);background-color:var(--neutral-100);color:var(--slate-700);border:var(--hairline);font-size:.68rem;font-weight:700;white-space:nowrap;flex:none}.reconnect-pill__icon{display:inline-block;animation:reconnect-spin 1.4s linear infinite}@keyframes reconnect-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.reconnect-pill__icon{animation:none}}.round-timer{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-pill);background-color:var(--neutral-100);color:var(--slate-700);border:var(--hairline);font-size:.8rem;font-weight:700;white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}.round-timer--overtime{background-color:var(--danger-tint);color:var(--danger);border-color:var(--danger)}[data-theme=dark] .round-timer--overtime{color:var(--danger-text)}.round-timer__icon{line-height:1}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:60;flex-direction:column;max-width:min(22rem,calc(100vw - 2rem));pointer-events:none}.toast,.toast-stack{display:flex;gap:.5rem}.toast{align-items:center;padding:.6rem .9rem;border-radius:var(--radius);background-color:var(--neutral-surface);color:var(--text-strong);border:var(--hairline);box-shadow:var(--shadow-card);font-size:.9rem;font-weight:600;animation:toast-in .16s ease-out}.toast__icon{flex:none;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.recap-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.15rem;background-color:var(--neutral-100);border:var(--hairline);border-radius:var(--radius-lg)}.recap-card__title{margin:0;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-600)}.recap-card__rows{display:flex;flex-direction:column;gap:.4rem}.recap-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.recap-card__label{flex:none;font-size:.85rem;font-weight:600;color:var(--slate-700)}.recap-card__value{min-width:0;text-align:right;font-weight:700;color:var(--text-strong);overflow-wrap:anywhere;word-break:break-word}.recap-card__actions{display:flex;justify-content:center}.recap-card__copy{min-width:10rem}.badge-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.badge-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border:var(--hairline);border-radius:var(--radius);background-color:var(--neutral-surface)}.badge-item--earned{border-color:var(--select-border);background-color:var(--select-tint)}.badge-item--locked{opacity:.72}.badge-item__icon{flex:none;font-size:1.25rem;line-height:1}.badge-item__body{display:flex;flex-direction:column;gap:.1rem;flex:1 1 auto}.badge-item__label{font-weight:700;color:var(--text-strong);overflow-wrap:anywhere}.badge-item__desc{font-size:.82rem;color:var(--slate-600);overflow-wrap:anywhere}.badge-item__status{flex:none;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-700)}.badge-item--earned .badge-item__status{color:var(--brand-text)}.leaderboard-tabs{display:inline-flex;align-self:flex-start;gap:.25rem;padding:.25rem;background-color:var(--neutral-100);border:var(--hairline);border-radius:var(--radius-pill)}.leaderboard-tab{padding:.4rem .9rem;border:none;border-radius:var(--radius-pill);background-color:transparent;font-size:.88rem;font-weight:600;color:var(--slate-700);cursor:pointer;transition:background-color .14s ease,color .14s ease}.leaderboard-tab--active,.leaderboard-tab:hover{background-color:var(--neutral-surface)}.leaderboard-tab--active{color:var(--brand-text);font-weight:800;box-shadow:var(--shadow-sm)}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}