:root{--surface-base: #0b0f18;--surface-1: #0f1623;--surface-2: #151d2e;--surface-3: #1a2438;--surface-overlay: rgba(7,10,20,.92);--surface-hero: #080c17;--surface-card: rgba(15,22,35,.9);--surface-input: rgba(255,255,255,.055);--surface-chip: rgba(255,255,255,.045);--surface-raised: rgba(255,255,255,.035);--surface-glass: rgba(15,22,35,.65);--border-subtle: rgba(255,255,255,.055);--border-default: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.16);--border-accent: rgba(22,198,12,.5);--border-glass: rgba(255,255,255,.07);--text-primary: rgba(255,255,255,.96);--text-secondary: rgba(255,255,255,.68);--text-muted: rgba(255,255,255,.38);--text-disabled: rgba(255,255,255,.2);--text-inverse: #ffffff;--text-link: #60a5fa;--accent-primary: #16c60c;--accent-primary-dim: rgba(22,198,12,.14);--accent-primary-mid: rgba(22,198,12,.25);--accent-primary-rgb: 22,198,12;--accent-danger-rgb: 239,68,68;--accent-warning-rgb: 245,158,11;--accent-success-rgb: 34,197,94;--accent-info-rgb: 59,130,246;--rsvp-in-rgb: 34,197,94;--rsvp-maybe-rgb: 245,158,11;--accent-primary-text: #ffffff;--accent-danger: #ef4444;--accent-danger-dim: rgba(239,68,68,.14);--accent-warning: #f59e0b;--accent-warning-dim: rgba(245,158,11,.14);--accent-info: #3b82f6;--accent-info-dim: rgba(59,130,246,.14);--accent-success: #22c55e;--accent-success-dim: rgba(34,197,94,.14);--glow-primary: 0 0 12px rgba(22,198,12,.45), 0 0 32px rgba(22,198,12,.18);--glow-primary-sm: 0 0 8px rgba(22,198,12,.55);--glow-danger: 0 0 12px rgba(239,68,68,.4);--glow-info: 0 0 12px rgba(59,130,246,.4);--glow-card: 0 0 0 1px rgba(22,198,12,.18), 0 8px 32px rgba(0,0,0,.55);--platform-pc: #6bb3ff;--platform-xbox: #16c60c;--platform-ps: #6366f1;--platform-web: #94a3b8;--rsvp-in: #22c55e;--rsvp-maybe: #f59e0b;--rsvp-out: #6b7280;--status-locked-bg: rgba(220,38,38,.13);--status-locked-text: #fca5a5;--status-locked-border: rgba(220,38,38,.38);--status-open-bg: rgba(16,124,16,.13);--status-open-text: #86efac;--status-open-border: rgba(16,124,16,.38);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", "IBM Plex Mono", "Courier New", monospace;--font-display: "Barlow Condensed", "Rajdhani", var(--font-mono);--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 38px;--text-hero: 52px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--leading-tight: 1.1;--leading-normal: 1.45;--leading-relaxed: 1.65;--tracking-tight: -.4px;--tracking-normal: 0px;--tracking-wide: .6px;--tracking-wider: 1.5px;--tracking-caps: 1.2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 20px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.25);--shadow-lg: 0 12px 40px rgba(0,0,0,.55), 0 4px 16px rgba(0,0,0,.35);--shadow-hero: 0 24px 64px rgba(0,0,0,.65), 0 8px 24px rgba(0,0,0,.45);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.06);--duration-fast: .11s;--duration-normal: .18s;--duration-slow: .32s;--duration-sheet: .36s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--tab-bar-height: 74px;--sidebar-width: 232px;--content-max: 1120px;--sheet-max-height: 92dvh;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--z-base: 0;--z-above: 1;--z-sticky: 10;--z-tab-bar: 100;--z-sidebar: 100;--z-sheet: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}[data-theme=ps5-white]{--surface-base: #eef0f5;--surface-1: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaecf2;--surface-card: rgba(255,255,255,.95);--surface-input: rgba(0,0,0,.055);--surface-chip: rgba(0,0,0,.045);--surface-raised: rgba(0,0,0,.035);--surface-glass: rgba(255,255,255,.7);--border-subtle: rgba(0,0,0,.07);--border-default: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.22);--border-glass: rgba(0,0,0,.09);--text-primary: rgba(0,0,0,.92);--text-secondary: rgba(0,0,0,.65);--text-muted: rgba(0,0,0,.4);--text-disabled: rgba(0,0,0,.24);--text-link: #0057c2;--accent-primary: #003791;--accent-primary-dim: rgba(0,55,145,.12);--accent-primary-mid: rgba(0,55,145,.22);--accent-primary-rgb: 0,55,145;--glow-primary: 0 0 12px rgba(0,55,145,.25), 0 0 32px rgba(0,55,145,.1);--glow-primary-sm: 0 0 8px rgba(0,55,145,.3);--glow-card: 0 0 0 1px rgba(0,55,145,.15), 0 8px 32px rgba(0,0,0,.12);--shadow-sm: 0 2px 8px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.13), 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.16), 0 4px 16px rgba(0,0,0,.1);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.8);--status-open-bg: rgba(0,55,145,.1);--status-open-text: #003791;--status-open-border: rgba(0,55,145,.3)}[data-theme=purple-night]{--accent-primary: #a855f7;--accent-primary-dim: rgba(168,85,247,.14);--accent-primary-mid: rgba(168,85,247,.25);--accent-primary-rgb: 168,85,247;--glow-primary: 0 0 12px rgba(168,85,247,.45), 0 0 32px rgba(168,85,247,.18);--glow-primary-sm: 0 0 8px rgba(168,85,247,.55);--glow-card: 0 0 0 1px rgba(168,85,247,.18), 0 8px 32px rgba(0,0,0,.55);--border-accent: rgba(168,85,247,.5)}@keyframes xboxBarSlide{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes xboxPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #16c60c8c}50%{box-shadow:0 0 20px #16c60ce6,0 0 40px #16c60c59}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tabPop{0%{transform:scale(1)}40%{transform:scale(.88)}to{transform:scale(1)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes tourPulse{0%,to{opacity:1}50%{opacity:.55}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(22,198,12,.055) 0%,transparent 60%),radial-gradient(ellipse 55% 35% at 92% 85%,rgba(59,130,246,.035) 0%,transparent 55%)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-link{color:var(--text-link)}.text-accent{color:var(--accent-primary)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-caps)}.bold{font-weight:var(--weight-bold)}.black{font-weight:var(--weight-black)}.surface-base{background:var(--surface-base)}.surface-1{background:var(--surface-1)}.surface-2{background:var(--surface-2)}.surface-3{background:var(--surface-3)}.glass{background:var(--surface-glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border-glass)}.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--shadow-inset);position:relative}.card-raised{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-inset);position:relative}.card-glass{background:var(--surface-glass);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.card-interactive:hover{border-color:rgba(var(--accent-primary-rgb),.28);box-shadow:var(--glow-card);transform:translateY(-1px)}.card-interactive:active{transform:translateY(0)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--surface-chip);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);white-space:nowrap}.chip-accent{border-color:rgba(var(--accent-primary-rgb),.35);background:var(--accent-primary-dim);color:var(--accent-primary)}.container{width:100%;max-width:var(--content-max);margin:0 auto}.pagePad{padding:var(--space-3);position:relative;z-index:1}@media(min-width:640px){.pagePad{padding:var(--space-5)}}.session-strip{margin:calc(var(--space-3) * -1) calc(var(--space-3) * -1) var(--space-3)}@media(min-width:640px){.session-strip{margin:calc(var(--space-3) * -1) calc(var(--space-5) * -1) var(--space-3)}}@media(min-width:860px){.session-strip{margin:0 0 var(--space-4);position:static;border-radius:var(--radius-md);border-left-width:3px}}.primaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px 22px;border-radius:var(--radius-md);border:1px solid rgba(var(--accent-primary-rgb),.5);background:linear-gradient(160deg,rgba(var(--accent-primary-rgb),.92),rgba(var(--accent-primary-rgb),.68));color:#000;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth);box-shadow:0 4px 16px rgba(var(--accent-primary-rgb),.28)}.primaryBtn:hover{box-shadow:var(--glow-primary),0 4px 20px rgba(var(--accent-primary-rgb),.4);transform:translateY(-1px)}.primaryBtn:active{transform:translateY(0) scale(.98);opacity:.85}.secondaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.secondaryBtn:hover{background:#ffffff12;color:var(--text-primary)}.input-field{width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-input);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);box-sizing:border-box}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:rgba(var(--accent-primary-rgb),.55);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.sectionBlock{margin-top:var(--space-5)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.sectionTitle{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-primary);line-height:var(--leading-tight)}.sectionMeta{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono)}.sectionAccentBar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.sectionAccentBar .bar{width:3px;height:14px;border-radius:2px;flex-shrink:0}.sectionAccentBar .label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono)}.gameCard{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.gameCard:hover{border-color:rgba(var(--accent-primary-rgb),.25);box-shadow:var(--glow-card);transform:translateY(-1px)}.gameCardBanner{width:100%;height:140px;object-fit:cover;background:var(--surface-2);flex-shrink:0;position:relative;overflow:hidden}@media(min-width:640px){.gameCard{flex-direction:row}.gameCardBanner{width:140px;height:auto;min-height:120px}}.gameCardBody{padding:var(--space-3) var(--space-4);flex:1;min-width:0}.gridAttendees{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:720px){.gridAttendees{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);align-items:baseline}.pillRow{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.tab-bar-nav{display:flex}@media(min-width:860px){.tab-bar-nav{display:none}}.sidebar-nav{display:none}@media(min-width:860px){.sidebar-nav{display:flex}.sidebar-close-btn{display:none!important}}@media(max-width:859px){.sidebar-nav{display:flex;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-smooth)}.sidebar-nav.open{transform:translate(0)}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:calc(var(--z-sidebar) - 1)}@media(max-width:859px){.sidebar-backdrop.open{display:block;animation:fadeIn .2s ease}}.app-content{padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + 24px)!important}@media(min-width:860px){.app-content{padding-bottom:var(--space-6);margin-left:var(--sidebar-width)}}.mobile-top-bar{display:flex}@media(min-width:860px){.mobile-top-bar{display:none!important}}.overlay-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:var(--space-3) 0;margin-bottom:var(--space-2);font-family:var(--font-ui);transition:color var(--duration-fast) var(--ease-smooth)}.overlay-back-btn:hover{color:var(--text-primary)}.controlsCard{padding:var(--space-4);border-radius:var(--radius-xl)}.controlsGrid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-4)}@media(min-width:720px){.controlsGrid{grid-template-columns:1fr 1fr;align-items:start}}.heroInner{display:flex;flex-direction:column;position:relative;z-index:1}.heroTop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:18px 20px;flex-wrap:wrap}.heroBottom{display:flex;flex-direction:column;gap:var(--space-5);padding:18px 20px}.heroCountdown{display:flex;flex-direction:column;align-items:flex-start}.heroRight{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}@media(min-width:640px){.heroBottom{flex-direction:row;align-items:center;justify-content:space-between}.heroRight{flex-direction:column;align-items:flex-end;gap:var(--space-3)}}@media(min-width:1100px){.pageGrid{display:grid;grid-template-columns:1fr 360px;gap:var(--space-4);align-items:start}}.sidebar-close-btn{position:absolute;top:10px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-size:16px;padding:0;transition:color var(--duration-fast) var(--ease-smooth)}.sidebar-close-btn:hover{color:var(--text-primary)}.sidebar-close-btn:active{color:var(--text-primary);background:var(--surface-chip)}@media(max-width:859px){.sidebar-nav-section{display:none}}@media(min-width:860px){.sidebar-mobile-actions{display:none}}:root[data-theme=xbox-dark]{--surface-base: #0d1117;--surface-1: #111827;--surface-2: #1a2234;--surface-3: #1e2a3a;--surface-overlay: rgba(13,17,23,.88);--surface-hero: #0a0e1a;--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--border-accent: rgba(22,198,12,.45);--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.7);--text-muted: rgba(255,255,255,.4);--text-disabled: rgba(255,255,255,.22);--text-inverse: #ffffff;--text-link: #60a5fa;--accent-primary: #16c60c;--accent-primary-dim: rgba(22,198,12,.15);--accent-primary-rgb: 22,198,12;--accent-primary-text: #ffffff;--accent-danger: #ef4444;--accent-danger-dim: rgba(239,68,68,.15);--accent-warning: #f59e0b;--accent-warning-dim: rgba(245,158,11,.15);--accent-info: #3b82f6;--accent-info-dim: rgba(59,130,246,.15);--accent-success: #22c55e;--accent-success-dim: rgba(34,197,94,.15)}:root[data-theme=ps5-white]{--surface-base: #f0f2f5;--surface-1: #ffffff;--surface-2: #f8f9fb;--surface-3: #eef0f3;--surface-overlay: rgba(220,225,235,.88);--surface-hero: #e8eaee;--surface-card: rgba(255,255,255,.95);--surface-input: rgba(0,0,0,.04);--surface-chip: rgba(0,0,0,.05);--surface-raised: rgba(0,0,0,.03);--border-subtle: rgba(0,0,0,.06);--border-default: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.18);--border-accent: rgba(0,55,145,.45);--text-primary: rgba(0,0,0,.9);--text-secondary: rgba(0,0,0,.65);--text-muted: rgba(0,0,0,.4);--text-disabled: rgba(0,0,0,.25);--text-inverse: #ffffff;--text-link: #003791;--accent-primary: #003791;--accent-primary-dim: rgba(0,55,145,.12);--accent-primary-rgb: 0,55,145;--accent-primary-text: #ffffff;--status-open-bg: rgba(0,55,145,.1);--status-open-text: #003791;--status-open-border: rgba(0,55,145,.35);--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.14);--shadow-lg: 0 12px 40px rgba(0,0,0,.18)}:root[data-theme=purple-night]{--surface-base: #0d0b14;--surface-1: #16112a;--surface-2: #1e1636;--surface-3: #261d42;--surface-hero: #0a0810;--surface-card: rgba(22,17,42,.85);--border-accent: rgba(168,85,247,.45);--accent-primary: #a855f7;--accent-primary-dim: rgba(168,85,247,.15);--accent-primary-rgb: 168,85,247;--accent-primary-text: #ffffff;--status-open-bg: rgba(168,85,247,.12);--status-open-text: #d8b4fe;--status-open-border: rgba(168,85,247,.4)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}