:root{--pg-background:#fff8f6;--pg-foreground:#251915;--pg-primary:#aa2e1e;--pg-primary-hot:#cc4734;--pg-primary-deep:#8c180b;--pg-secondary:#7e5700;--pg-accent:#aa2e1e;--pg-ink:#251915;--pg-ink-soft:#59413d;--pg-outline:#8d716c;--pg-line:#e1bfb9;--pg-paper:#ffffff;--pg-blush:#fff1ed;--pg-blush-mid:#ffe9e3;--pg-blush-high:#fbe3dc;--pg-blush-highest:#f5ddd7;--pg-gold:#fdbe50;--pg-gold-ink:#604100;--pg-inverse:#3b2d29;--pg-inverse-fg:#ffede8;--pg-card-shadow:0 12px 24px -4px rgba(64,1,0,0.08);--pg-ink-fade:color-mix(in srgb,var(--pg-ink) 6%,transparent);--background:var(--pg-background);--background-elevated:var(--pg-paper);--foreground:var(--pg-foreground);--card-bg:var(--pg-paper);--card-border:var(--pg-line);--surface:var(--pg-blush);--primary:var(--pg-primary);--secondary:var(--pg-secondary);--accent:var(--pg-accent);--accent-muted:var(--pg-line);--text-dim:var(--pg-ink-soft);--text-muted:var(--pg-outline);--glow-coral:transparent;--glow-amber:transparent;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--game-accent:#ff4d4d;--game-accent-muted:rgba(255,77,77,0.42);--game-accent-glow:rgba(255,77,77,0.5);--dot-grid:var(--pg-line);--selection-bg:#ffdad4;--selection-fg:#aa2e1e}@media (prefers-color-scheme:dark){:root:not([data-color-scheme=light]){--pg-background:#1a1210;--pg-foreground:#f6efe6;--pg-primary:#e75b45;--pg-primary-hot:#ff7a66;--pg-primary-deep:#aa2e1e;--pg-secondary:#fdbe50;--pg-accent:#e75b45;--pg-ink:#f6efe6;--pg-ink-soft:#d4b8b2;--pg-outline:#a88a83;--pg-line:#5a3f39;--pg-paper:#241816;--pg-blush:#2c1c19;--pg-blush-mid:#34221e;--pg-blush-high:#3a2420;--pg-blush-highest:#442a25;--pg-gold:#fdbe50;--pg-gold-ink:#281900;--pg-inverse:#f6efe6;--pg-inverse-fg:#1a1210;--pg-card-shadow:0 12px 24px -4px rgba(0,0,0,0.35);--pg-ink-fade:color-mix(in srgb,var(--pg-ink) 10%,transparent);--background-elevated:#241816;--card-bg:var(--pg-paper);--card-border:var(--pg-line);--surface:var(--pg-blush);--accent-muted:var(--pg-line);--text-dim:var(--pg-ink-soft);--text-muted:var(--pg-outline);--dot-grid:var(--pg-line);--selection-bg:#5a241c;--selection-fg:#ffdad4}}html[data-color-scheme=dark]{--pg-background:#1a1210;--pg-foreground:#f6efe6;--pg-primary:#e75b45;--pg-primary-hot:#ff7a66;--pg-primary-deep:#aa2e1e;--pg-secondary:#fdbe50;--pg-accent:#e75b45;--pg-ink:#f6efe6;--pg-ink-soft:#d4b8b2;--pg-outline:#a88a83;--pg-line:#5a3f39;--pg-paper:#241816;--pg-blush:#2c1c19;--pg-blush-mid:#34221e;--pg-blush-high:#3a2420;--pg-blush-highest:#442a25;--pg-gold:#fdbe50;--pg-gold-ink:#281900;--pg-inverse:#f6efe6;--pg-inverse-fg:#1a1210;--pg-card-shadow:0 12px 24px -4px rgba(0,0,0,0.35);--pg-ink-fade:color-mix(in srgb,var(--pg-ink) 10%,transparent);--background-elevated:#241816;--card-bg:var(--pg-paper);--card-border:var(--pg-line);--surface:var(--pg-blush);--accent-muted:var(--pg-line);--text-dim:var(--pg-ink-soft);--text-muted:var(--pg-outline);--dot-grid:var(--pg-line);--selection-bg:#5a241c;--selection-fg:#ffdad4}html[data-color-scheme=light]{--pg-background:#fff8f6;--pg-foreground:#251915;--pg-primary:#aa2e1e;--pg-primary-hot:#cc4734;--pg-primary-deep:#8c180b;--pg-secondary:#7e5700;--pg-accent:#aa2e1e;--pg-ink:#251915;--pg-ink-soft:#59413d;--pg-outline:#8d716c;--pg-line:#e1bfb9;--pg-paper:#ffffff;--pg-blush:#fff1ed;--pg-blush-mid:#ffe9e3;--pg-blush-high:#fbe3dc;--pg-blush-highest:#f5ddd7;--pg-gold:#fdbe50;--pg-gold-ink:#604100;--pg-inverse:#3b2d29;--pg-inverse-fg:#ffede8;--pg-card-shadow:0 12px 24px -4px rgba(64,1,0,0.08);--pg-ink-fade:color-mix(in srgb,var(--pg-ink) 6%,transparent);--background-elevated:var(--pg-paper);--card-bg:var(--pg-paper);--card-border:var(--pg-line);--surface:var(--pg-blush);--accent-muted:var(--pg-line);--text-dim:var(--pg-ink-soft);--text-muted:var(--pg-outline);--dot-grid:var(--pg-line);--selection-bg:#ffdad4;--selection-fg:#aa2e1e}[data-theme=mafia]{--game-accent:#ff4d4d;--game-accent-muted:rgba(255,77,77,0.42);--game-accent-glow:rgba(255,77,77,0.5)}[data-theme=spy]{--game-accent:#c77dff;--game-accent-muted:rgba(199,125,255,0.42);--game-accent-glow:rgba(199,125,255,0.5)}[data-theme=gmn]{--game-accent:#f0a05a;--game-accent-muted:rgba(240,160,90,0.42);--game-accent-glow:rgba(240,160,90,0.48)}[data-theme=bluff]{--game-accent:#d946ef;--game-accent-muted:rgba(217,70,239,0.42);--game-accent-glow:rgba(217,70,239,0.48)}[data-theme=word-bomb]{--game-accent:#f43f5e;--game-accent-muted:rgba(244,63,94,0.42);--game-accent-glow:rgba(244,63,94,0.5)}[data-theme=vibe]{--game-accent:#22d3ee;--game-accent-muted:rgba(34,211,238,0.42);--game-accent-glow:rgba(34,211,238,0.5)}[data-theme=draw-battle]{--game-accent:#ff6b4a;--game-accent-muted:rgba(255,107,74,0.42);--game-accent-glow:rgba(255,107,74,0.5)}.hub-body{min-height:100vh;display:flex;flex-direction:column;--background:#fff8f6;--foreground:#251915;--card-bg:#ffffff;--card-border:#e1bfb9;--primary:#aa2e1e;--secondary:#7e5700;--text-dim:#59413d;--text-muted:#8d716c;--hub-bg:#fff8f6;--hub-ink:#251915;--hub-ink-soft:#59413d;--hub-outline:#8d716c;--hub-line:#e1bfb9;--hub-primary:#aa2e1e;--hub-primary-deep:#7e1e12;--hub-primary-hot:#cc4734;--hub-on-primary:#ffffff;--hub-primary-fixed:#ffdad4;--hub-nav:#fbf9f8;--hub-nav-ink:#1b100e;--hub-nav-line:#f3e9e8;--hub-chip:#f3e9e8;--hub-room:#e75b45;--hub-surface:#ffffff;--hub-surface-low:#fff1ed;--hub-surface-mid:#ffe9e3;--hub-surface-high:#fbe3dc;--hub-surface-highest:#f5ddd7;--hub-secondary:#7e5700;--hub-secondary-fixed:#ffdead;--hub-secondary-ink:#281900;--hub-secondary-container:#fdbe50;--hub-on-secondary-container:#714d00;--hub-tertiary:#006a43;--hub-tertiary-fixed:#95f6bf;--hub-tertiary-ink:#002112;--hub-shadow:0 6px 0 var(--hub-line),0 12px 24px -4px rgba(64,1,0,0.08);--hub-font-display:var(--font-display),"Outfit",system-ui,sans-serif;--hub-font-body:var(--font-body),"Nunito Sans",system-ui,sans-serif;--hub-font-nav:var(--font-nav),"Be Vietnam Pro",system-ui,sans-serif;color:var(--hub-ink);background-color:var(--hub-bg);background-image:radial-gradient(var(--hub-line) .75px,transparent .75px);background-size:16px 16px;background-attachment:fixed;font-family:var(--hub-font-body);font-size:16px;line-height:1.5}html[data-color-scheme=dark] .hub-body{--background:#1a1210;--foreground:#f6efe6;--card-bg:#241816;--card-border:#5a3f39;--primary:#e75b45;--secondary:#fdbe50;--text-dim:#d4b8b2;--text-muted:#a88a83;--hub-bg:#1a1210;--hub-ink:#f6efe6;--hub-ink-soft:#d4b8b2;--hub-outline:#a88a83;--hub-line:#5a3f39;--hub-primary:#e75b45;--hub-primary-deep:#aa2e1e;--hub-primary-hot:#ff7a66;--hub-on-primary:#1a1210;--hub-primary-fixed:#5a241c;--hub-nav:#241816;--hub-nav-ink:#f6efe6;--hub-nav-line:#3a2420;--hub-chip:#2c1c19;--hub-room:#e75b45;--hub-surface:#241816;--hub-surface-low:#2c1c19;--hub-surface-mid:#34221e;--hub-surface-high:#3a2420;--hub-surface-highest:#442a25;--hub-secondary:#fdbe50;--hub-secondary-fixed:#5a3f10;--hub-secondary-ink:#ffdead;--hub-secondary-container:#7e5700;--hub-on-secondary-container:#ffdead;--hub-tertiary:#95f6bf;--hub-tertiary-fixed:#003822;--hub-tertiary-ink:#95f6bf;--hub-shadow:0 6px 0 var(--hub-line),0 12px 24px -4px rgba(0,0,0,0.35)}.hub-theme-toggle{width:2.5rem;height:2.5rem;border-radius:999px;background:var(--hub-chip);color:var(--hub-nav-ink);flex-shrink:0}.hub-theme-toggle svg{width:1.25rem;height:1.25rem}.hub-theme-toggle:hover{color:var(--hub-primary);background:var(--hub-surface-high)}.hub-page{flex:1 1;display:flex;flex-direction:column}.hub-skip{position:absolute;left:1rem;top:-3rem;z-index:20;background:var(--hub-primary);color:var(--hub-on-primary);padding:.5rem .75rem;border-radius:.5rem;font-weight:700}.hub-skip:focus{top:.75rem}.hub-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hub-header{width:100%;min-width:0;background:var(--hub-nav);font-family:var(--hub-font-nav);color:var(--hub-nav-ink)}.hub-header-inner{max-width:1240px;min-width:0;margin:0 auto;padding:1.25rem 1rem .75rem}.hub-header-bar{justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hub-nav-line);padding:.75rem .25rem}.hub-brand,.hub-header-bar{display:flex;align-items:center}.hub-brand{gap:.85rem;color:var(--hub-nav-ink);font-weight:700;letter-spacing:-.015em;font-size:1.125rem;line-height:1.2;flex-shrink:0}.hub-brand-mark{width:1rem;height:1rem;display:block}.hub-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-shrink:0}.hub-nav{display:none;align-items:center;gap:2.25rem}.hub-nav-link{font-size:.875rem;font-weight:500;color:var(--hub-nav-ink)}.hub-nav-link:hover{color:var(--hub-primary)}.hub-header-buttons{display:flex;gap:.5rem}.hub-btn-coffee,.hub-btn-room{display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:2.5rem;padding:0 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;letter-spacing:.015em;white-space:nowrap}.hub-btn-room{background:var(--hub-room);color:var(--hub-nav)}.hub-btn-room:hover{filter:brightness(.96)}.hub-btn-coffee{background:var(--hub-chip);color:var(--hub-nav-ink)}.hub-btn-coffee:hover{background:#e9ddd9}.hub-chips{display:flex;gap:.75rem;min-width:0;overflow-x:auto;padding:.75rem .25rem .35rem;scrollbar-width:none}.hub-chips::-webkit-scrollbar{display:none}.hub-chip{display:inline-flex;align-items:center;height:2rem;padding:0 1rem;border-radius:.5rem;background:var(--hub-chip);color:var(--hub-nav-ink);font-size:.875rem;font-weight:500;white-space:nowrap;flex-shrink:0}.hub-main{width:100%;max-width:1240px;margin:0 auto;padding:2rem 1rem 1rem}.hub-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;padding-top:.5rem}.hub-hero,.hub-hero>*{min-width:0}.hub-hero-copy{display:flex;flex-direction:column;gap:1.5rem}.hub-pill{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.5rem;width:fit-content;max-width:100%;padding:.35rem .75rem;border-radius:999px;background:var(--hub-surface-high);border:1px solid var(--hub-line);box-shadow:0 1px 2px rgba(64,1,0,.06);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hub-secondary)}.hub-pill-live,.hub-pill-muted{white-space:nowrap}.hub-pill-live{display:inline-flex;align-items:center;gap:.4rem}.hub-ping,.hub-pulse{width:.5rem;height:.5rem;border-radius:999px;background:var(--hub-tertiary);display:inline-block}.hub-pulse{animation:hub-pulse 1.6s ease-in-out infinite}.hub-ping{width:.62rem;height:.62rem;animation:hub-ping 1.4s cubic-bezier(0,0,.2,1) infinite}.hub-pill-muted{color:var(--hub-ink-soft);letter-spacing:0;text-transform:none;font-weight:600}.hub-pill-dot{color:var(--hub-line)}.hub-h1{font-family:var(--hub-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.12;font-size:clamp(1.75rem,1.2rem + 2.4vw,2.25rem);color:var(--hub-ink);text-wrap:balance}.hub-lead{max-width:36rem;color:var(--hub-ink-soft);font-size:1rem;font-weight:500;line-height:1.6}.hub-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.25rem}.hub-btn-primary,.hub-btn-secondary,.hub-join-qr,.hub-join-submit,.hub-play{font-family:var(--hub-font-display)}.hub-btn-primary,.hub-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:700;line-height:1.35;border:1px solid transparent}.hub-btn-primary{background:var(--hub-primary);color:var(--hub-on-primary);border-color:var(--hub-primary)}.hub-btn-primary:hover{background:var(--hub-primary-hot)}.hub-btn-secondary{background:var(--hub-surface-high);color:var(--hub-ink);border-color:var(--hub-line)}.hub-btn-secondary:hover{background:var(--hub-surface-mid)}.hub-reassure{display:inline-flex;align-items:center;gap:.4rem;color:var(--hub-ink-soft);font-size:.75rem;font-weight:600}.hub-reassure svg{width:1rem;height:1rem;color:var(--hub-tertiary)}.hub-call-sync{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--hub-line) 60%,transparent)}.hub-call-label{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--hub-font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hub-outline)}.hub-call-label svg{width:1rem;height:1rem}.hub-call-pills{display:flex;flex-wrap:wrap;gap:.5rem}.hub-call-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:.5rem;background:var(--hub-surface-mid);border:1px solid var(--hub-line);font-size:.75rem;font-weight:600;color:var(--hub-ink)}.hub-dot{width:.5rem;height:.5rem;border-radius:999px;display:inline-block}.hub-dot-discord{background:#5865f2}.hub-dot-meet{background:#00897b}.hub-dot-zoom{background:#2d8cff}.hub-dot-teams{background:#5059c9}.hub-tactile{transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 4px 0 rgba(141,113,108,.4)}.hub-tactile:hover{transform:translateY(-1px);box-shadow:0 5px 0 rgba(141,113,108,.45)}.hub-tactile:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(141,113,108,.5)}.hub-tactile-primary{box-shadow:0 4px 0 var(--hub-primary-deep)}.hub-tactile-primary:hover{box-shadow:0 5px 0 var(--hub-primary-deep)}.hub-tactile-primary:active{box-shadow:0 1px 0 var(--hub-primary-deep)}.hub-join-col{display:flex;flex-direction:column;gap:1.5rem}.hub-close,.hub-draw,.hub-game-card,.hub-join-card,.hub-lobbies,.hub-step{background:var(--hub-surface)}.hub-join-card{position:relative;overflow:hidden;border-radius:1rem;border:2px solid var(--hub-line);box-shadow:var(--hub-shadow);padding:1.5rem}.hub-join-dice{position:absolute;right:-.4rem;top:-.8rem;font-size:4.5rem;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none}.hub-join-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid color-mix(in srgb,var(--hub-line) 40%,transparent)}.hub-join-title-wrap{display:flex;gap:.5rem;min-width:0}.hub-join-title-wrap>span{font-size:1.25rem;line-height:1}.hub-join-title{font-family:var(--hub-font-display);font-size:1rem;font-weight:700;color:var(--hub-ink)}.hub-join-sub{margin-top:.15rem;font-size:.75rem;color:var(--hub-ink-soft)}.hub-instant{flex-shrink:0;padding:.1rem .5rem;border-radius:999px;background:var(--hub-tertiary-fixed);color:var(--hub-tertiary-ink)}.hub-code-label,.hub-instant{font-size:.75rem;font-weight:700}.hub-code-label{display:block;margin:1.15rem 0 .5rem;font-family:var(--hub-font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--hub-outline)}.hub-code-row{display:flex;justify-content:space-between;gap:.65rem;min-width:0}.hub-game-select{position:relative;width:100%;min-height:3rem;border:2px solid var(--hub-line);border-radius:.75rem;background:var(--hub-surface-low);color:var(--hub-ink);font:700 .95rem var(--hub-font-body)}.hub-game-select:focus-within{outline:none;border-color:var(--hub-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--hub-primary) 20%,transparent)}.hub-code-box{width:100%;height:3.5rem;flex:1 1;min-width:0;max-width:3.5rem;text-align:center;font-family:var(--hub-font-display);font-size:1.5rem;font-weight:800;text-transform:uppercase;border-radius:.75rem;border:2px solid var(--hub-line);background:var(--hub-surface-low);color:var(--hub-ink)}.hub-code-box:focus{outline:none;border-color:var(--hub-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--hub-primary) 20%,transparent)}.hub-code-box-active{border-style:dashed;border-color:var(--hub-primary);color:var(--hub-primary)}.hub-code-box-active::placeholder{color:color-mix(in srgb,var(--hub-primary) 35%,transparent)}.hub-join-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.15rem}.hub-join-submit{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--hub-primary);color:var(--hub-on-primary);border:0;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;letter-spacing:.02em;cursor:pointer}.hub-join-submit:hover{background:var(--hub-primary-hot)}.hub-join-qr{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.75rem;border:1px solid var(--hub-line);background:var(--hub-surface-high);color:var(--hub-ink);cursor:pointer}.hub-join-qr:hover{background:var(--hub-surface-mid)}.hub-join-note{margin-top:.75rem;font-size:.75rem;color:var(--hub-ink-soft)}.hub-lobbies{background:var(--hub-surface-low);border:1px solid var(--hub-line);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 2px rgba(64,1,0,.05);display:flex;flex-direction:column;gap:.75rem}.hub-lobbies-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hub-lobbies-title{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--hub-font-display);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hub-lobbies-count{font-size:.75rem;font-weight:600;color:var(--hub-ink-soft);text-align:right}.hub-lobby{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border-radius:.75rem;background:var(--hub-surface);border:1px solid color-mix(in srgb,var(--hub-line) 60%,transparent)}.hub-lobby:hover{border-color:var(--hub-primary)}.hub-lobby-main{display:flex;align-items:center;gap:.75rem;min-width:0}.hub-lobby-art{position:relative;width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:var(--hub-surface-highest)}.hub-lobby-art img{object-fit:cover;object-position:center 30%}.hub-lobby-name{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-family:var(--hub-font-display);font-size:.875rem;font-weight:700}.hub-lobby-meta{font-size:.75rem;color:var(--hub-ink-soft)}.hub-badge{font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.1rem .35rem;border-radius:.25rem}.hub-badge-hot{background:var(--hub-primary-fixed);color:var(--hub-primary)}.hub-badge-ok{background:var(--hub-tertiary-fixed);color:var(--hub-tertiary-ink)}.hub-badge-duel{background:var(--hub-secondary-fixed);color:var(--hub-secondary-ink)}.hub-lobby-cta{flex-shrink:0;font-size:.75rem;font-weight:700;color:var(--hub-primary);background:color-mix(in srgb,var(--hub-primary-fixed) 40%,transparent);border:1px solid var(--hub-primary-fixed);border-radius:.5rem;padding:.35rem .6rem}.hub-lobby:hover .hub-lobby-cta{text-decoration:underline}.hub-lineup{margin-top:4rem;padding-top:2rem}.hub-how-head,.hub-lineup-head{display:flex;flex-direction:column;gap:1rem}.hub-lineup-head{border-bottom:1px solid var(--hub-line);padding-bottom:1.5rem;margin-bottom:2rem}.hub-kicker{display:inline-flex;align-items:center;gap:.35rem;color:var(--hub-primary);font-family:var(--hub-font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hub-kicker svg{width:1rem;height:1rem}.hub-h2{font-family:var(--hub-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.2;font-size:1.85rem;color:var(--hub-ink)}.hub-h2,.hub-sub{margin-top:.25rem}.hub-sub{color:var(--hub-ink-soft)}.hub-filters{display:flex;flex-wrap:wrap;gap:.5rem}.hub-filter{border:1px solid var(--hub-line);background:var(--hub-surface-mid);color:var(--hub-ink-soft);border-radius:999px;padding:.35rem 1rem;font-family:var(--hub-font-display);font-size:.875rem;font-weight:600;cursor:pointer}.hub-filter:hover{color:var(--hub-ink)}.hub-filter-active{background:var(--hub-primary);color:var(--hub-on-primary);border-color:var(--hub-primary);box-shadow:0 1px 2px rgba(64,1,0,.08)}.hub-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.hub-game-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:1rem;border:2px solid var(--hub-line);box-shadow:var(--hub-shadow);padding:1rem;min-height:100%;transition:border-color .15s ease}.hub-game-card:hover{border-color:var(--hub-primary)}.hub-game-art{position:relative;aspect-ratio:16/10;border-radius:.75rem;overflow:hidden;background:var(--hub-surface-highest);margin-bottom:1rem}.hub-game-art img{object-fit:cover;object-position:center;transition:transform .25s ease}.hub-game-card:hover .hub-game-art img{transform:scale(1.05)}.hub-live{position:absolute;z-index:1;top:.65rem;right:.65rem;display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;background:var(--hub-tertiary-fixed);color:var(--hub-tertiary-ink);font-size:.75rem;font-weight:800}.hub-live i{width:.38rem;height:.38rem;border-radius:999px;background:var(--hub-tertiary)}.hub-live-inline{position:static}.hub-game-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;color:var(--hub-outline);font-size:.75rem;font-weight:700;margin-bottom:.45rem}.hub-game-meta span{display:inline-flex;align-items:center;gap:.2rem}.hub-game-meta svg{width:.9rem;height:.9rem}.hub-game-title{font-family:var(--hub-font-display);font-size:1.25rem;font-weight:700;margin-bottom:.4rem}.hub-game-desc{color:var(--hub-ink-soft);font-size:.875rem;line-height:1.45;margin-bottom:1.25rem}.hub-game-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--hub-line) 40%,transparent)}.hub-game-foot p{font-size:.75rem;font-weight:600;color:var(--hub-outline)}.hub-play{display:inline-flex;align-items:center;gap:.25rem;background:var(--hub-primary);color:var(--hub-on-primary);border-radius:.5rem;padding:.45rem .9rem;font-size:.875rem;font-weight:700}.hub-play:hover{background:var(--hub-primary-hot)}.hub-draw{margin-top:2rem;border-radius:1.5rem;border:2px solid var(--hub-line);box-shadow:var(--hub-shadow);padding:1.5rem;background:linear-gradient(90deg,var(--hub-surface-high),var(--hub-surface-mid) 50%,var(--hub-surface-low))}.hub-draw-layout{display:flex;flex-direction:column;align-items:center;gap:2rem}.hub-draw-copy{flex:1 1;display:flex;flex-direction:column;gap:1rem}.hub-draw-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.hub-expansion{padding:.25rem .75rem;border-radius:999px;background:var(--hub-secondary-container);color:var(--hub-on-secondary-container);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hub-draw-title,.hub-expansion{font-family:var(--hub-font-display)}.hub-draw-title{font-size:1.7rem;font-weight:700;letter-spacing:-.01em}.hub-draw-copy>p{max-width:38rem;color:var(--hub-ink);font-weight:500;line-height:1.55}.hub-draw-badges{display:flex;flex-wrap:wrap;gap:.6rem}.hub-draw-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.25rem .7rem;border-radius:.5rem;background:var(--hub-surface);border:1px solid var(--hub-line)}.hub-draw-badge svg{width:.95rem;height:.95rem}.hub-tone-primary{color:var(--hub-primary)}.hub-tone-secondary{color:var(--hub-secondary)}.hub-tone-tertiary{color:var(--hub-tertiary)}.hub-canvas{width:100%;background:var(--hub-surface);border:2px solid var(--hub-line);border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgba(64,1,0,.06);display:flex;flex-direction:column;gap:.75rem}.hub-canvas-foot,.hub-canvas-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hub-canvas-top{padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--hub-line) 60%,transparent)}.hub-window-dots{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.hub-window-dots i{width:.7rem;height:.7rem;border-radius:999px;display:inline-block}.hub-dot-red{background:#f87171}.hub-dot-yellow{background:#facc15}.hub-dot-green{background:#4ade80}.hub-seat-primary{background:#aa2e1e}.hub-seat-secondary{background:#7e5700}.hub-seat-tertiary{background:#006a43}.hub-canvas-foot span,.hub-window-dots span{font-size:.75rem;font-weight:700}.hub-window-dots span{margin-left:.25rem;color:var(--hub-ink)}.hub-timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:800;color:var(--hub-primary);background:var(--hub-primary-fixed);border-radius:.25rem;padding:.1rem .45rem}.hub-canvas-stage{position:relative;height:11rem;border-radius:.75rem;overflow:hidden;border:1px dashed var(--hub-line);background:#1a120f}.hub-canvas-stage img{object-fit:cover;object-position:center}.hub-canvas-caption{position:absolute;z-index:1;left:.5rem;bottom:.5rem;background:color-mix(in srgb,var(--hub-ink) 80%,transparent);color:var(--hub-on-primary);font-size:.65rem;font-weight:700;padding:.2rem .45rem;border-radius:.35rem}.hub-seats{display:flex;gap:.15rem}.hub-seats i{width:1.15rem;height:1.15rem;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px #fff}.hub-canvas-foot span:last-child{color:var(--hub-ink-soft)}.hub-how{margin-top:4.5rem;padding-top:2.5rem}.hub-how-head{text-align:center;max-width:40rem;margin:0 auto 2rem;align-items:center}.hub-how-kicker{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hub-secondary);background:color-mix(in srgb,var(--hub-secondary-fixed) 50%,transparent);padding:.25rem .75rem;border-radius:999px}.hub-steps{display:grid;grid-template-columns:1fr;gap:1.5rem}.hub-step{border-radius:1rem;border:2px solid var(--hub-line);box-shadow:var(--hub-shadow);padding:1.5rem;flex-direction:column}.hub-step,.hub-step-top{display:flex;justify-content:space-between}.hub-step-top{align-items:center;margin-bottom:1rem}.hub-step-num{font-family:var(--hub-font-display);font-size:1.85rem;font-weight:800;color:var(--hub-primary-hot)}.hub-step-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--hub-surface-mid);display:grid;place-items:center;font-size:1.25rem}.hub-step h3{font-family:var(--hub-font-display);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.hub-step p{color:var(--hub-ink-soft);font-size:.875rem;line-height:1.5}.hub-step-check{margin-top:1.5rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--hub-line) 40%,transparent);display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--hub-outline)}.hub-step-check svg{width:1rem;height:1rem;color:var(--hub-tertiary)}.hub-perks{margin-top:1.5rem;background:var(--hub-surface-mid);border:1px solid var(--hub-line);border-radius:1rem;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:.85rem 1.25rem;font-size:.75rem;font-weight:800}.hub-perks div{display:inline-flex;align-items:center;gap:.4rem}.hub-perks svg{width:1.05rem;height:1.05rem}.hub-perk-dot{display:none;color:var(--hub-line)}.hub-close-wrap{margin:3rem 0}.hub-close{position:relative;overflow:hidden;background:var(--hub-surface-high);border:2px solid var(--hub-line);border-radius:1.5rem;box-shadow:var(--hub-shadow);padding:2rem}.hub-close-kicker{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;background:var(--hub-surface);border:1px solid var(--hub-line);color:var(--hub-primary);font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hub-close h2{font-family:var(--hub-font-display);font-size:1.85rem;font-weight:800;letter-spacing:-.02em;margin:1.25rem 0 1rem;max-width:18ch}.hub-close p{max-width:46rem;color:var(--hub-ink-soft);font-weight:500;line-height:1.6}.hub-close-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.hub-close-deco{position:absolute;right:-.5rem;bottom:-1.2rem;font-size:7rem;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none}.hub-footer{margin-top:auto;background:var(--hub-surface-high);border-top:1px solid var(--hub-line)}.hub-footer-inner{max-width:1240px;margin:0 auto;padding:3rem 1rem}.hub-footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--hub-line) 60%,transparent)}.hub-footer-brand{display:flex;align-items:center;gap:.45rem;font-family:var(--hub-font-display);font-weight:700;font-size:1.125rem}.hub-footer-blurb,.hub-footer-brand p{margin-top:.75rem;max-width:24rem;font-size:.875rem;color:var(--hub-ink-soft)}.hub-footer-coffee{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;padding:.4rem .75rem;border-radius:.5rem;background:var(--hub-surface);border:1px solid var(--hub-line);font-size:.75rem;font-weight:800}.hub-footer-coffee:hover{background:var(--hub-surface-mid)}.hub-footer h2{font-family:var(--hub-font-display);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hub-outline);margin-bottom:.75rem}.hub-footer ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}.hub-footer li a{font-size:.875rem;color:var(--hub-ink-soft)}.hub-footer li a:hover{color:var(--hub-primary)}.hub-footer-bottom{padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem;font-size:.75rem;color:var(--hub-ink-soft);text-align:center}.hub-body :focus-visible{outline:2px solid var(--hub-primary);outline-offset:2px}.hub-code-box:focus-visible{outline:none}@media (min-width:640px){.hub-h1{font-size:3rem}.hub-lead{font-size:1.125rem;line-height:1.55}.hub-call-sync{flex-direction:row;align-items:center}.hub-perk-dot{display:inline}.hub-footer-inner,.hub-header-inner,.hub-main{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.hub-draw-title,.hub-h2{font-size:2rem}.hub-lineup-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.hub-grid,.hub-steps{grid-template-columns:1fr 1fr}.hub-footer-grid{grid-template-columns:2fr 1fr 1.25fr 1fr}.hub-footer-bottom{flex-direction:row;text-align:left}.hub-close{padding:3rem}.hub-close h2{font-size:2.25rem}}@media (min-width:1100px){.hub-nav{display:flex}}@media (min-width:1024px){.hub-footer-inner,.hub-header-inner,.hub-main{padding-left:2rem;padding-right:2rem}.hub-h1{font-size:3rem;line-height:3.5rem}.hub-hero{grid-template-columns:7fr 5fr;gap:2rem}.hub-grid,.hub-steps{grid-template-columns:1fr 1fr 1fr}.hub-draw{padding:2rem}.hub-draw-layout{flex-direction:row;align-items:center}.hub-canvas{width:24rem;flex-shrink:0}}@media (max-width:720px){.hub-header-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.75rem;row-gap:.75rem}.hub-brand{grid-column:1;grid-row:1;min-width:0}.hub-header-actions{display:contents}.hub-header-buttons{grid-column:1/-1;grid-row:2;min-width:0}.hub-theme-toggle{grid-column:2;grid-row:1;justify-self:end}.hub-btn-room{flex:1 1 auto}.hub-chips{flex-wrap:wrap;overflow:visible}}@media (max-width:640px){.hub-btn-coffee,.hub-btn-room{min-width:0;padding:0 .7rem}.hub-join-card{padding:1.15rem 1rem}.hub-code-row{gap:.4rem}.hub-code-box{height:2.75rem;font-size:1.25rem}.hub-pill-live,.hub-pill-muted{white-space:normal}}@media (max-width:420px){.hub-btn-coffee-label{display:none}.hub-btn-coffee{min-width:2.5rem;width:2.5rem;padding:0}}@keyframes hub-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes hub-ping{0%{box-shadow:0 0 0 0 rgba(0,106,67,.55)}70%{box-shadow:0 0 0 8px rgba(0,106,67,0)}to{box-shadow:0 0 0 0 rgba(0,106,67,0)}}body,html{max-width:100vw;overflow-x:hidden;min-height:100%}body{color:var(--foreground);background-color:var(--background);font-family:var(--font-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--selection-bg,#ffdad4);color:var(--selection-fg,var(--pg-primary))}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background,var(--pg-background))}::-webkit-scrollbar-thumb{background:var(--card-border,var(--pg-line));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,var(--pg-outline))}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/outfit-latin-ext-wght-normal.ee756101.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/outfit-latin-wght-normal.e96e1529.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_next/static/media/nunito-sans-cyrillic-ext-wght-normal.807f8a64.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_next/static/media/nunito-sans-cyrillic-wght-normal.958b8893.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_next/static/media/nunito-sans-vietnamese-wght-normal.904964c5.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_next/static/media/nunito-sans-latin-ext-wght-normal.dde16b97.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_next/static/media/nunito-sans-latin-wght-normal.89a9369d.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--font-sans:"Outfit Variable",Outfit,system-ui,sans-serif;--font-body:"Nunito Sans Variable","Nunito Sans",system-ui,sans-serif;--font-display:"Outfit Variable",Outfit,system-ui,sans-serif}