@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 224 71.4% 4.1%;--card: 0 0% 100%;--card-foreground: 224 71.4% 4.1%;--popover: 0 0% 100%;--popover-foreground: 224 71.4% 4.1%;--primary: 262.1 83.3% 57.8%;--primary-foreground: 210 20% 98%;--secondary: 220 14.3% 95.9%;--secondary-foreground: 220.9 39.3% 11%;--muted: 220 14.3% 95.9%;--muted-foreground: 220 8.9% 46.1%;--accent: 220 14.3% 95.9%;--accent-foreground: 220.9 39.3% 11%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 20% 98%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 262.1 83.3% 57.8%;--radius: .75rem}.dark{--background: 224 71.4% 4.1%;--foreground: 210 20% 98%;--card: 224 71.4% 4.1%;--card-foreground: 210 20% 98%;--popover: 224 71.4% 4.1%;--popover-foreground: 210 20% 98%;--primary: 263.4 70% 50.4%;--primary-foreground: 210 20% 98%;--secondary: 215 27.9% 16.9%;--secondary-foreground: 210 20% 98%;--muted: 215 27.9% 16.9%;--muted-foreground: 217.9 10.6% 64.9%;--accent: 215 27.9% 16.9%;--accent-foreground: 210 20% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 20% 98%;--border: 215 27.9% 16.9%;--input: 215 27.9% 16.9%;--ring: 263.4 70% 50.4%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}html{scrollbar-gutter:stable both-edges}}@layer components{.bg-gaming-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gaming-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gaming-accent{background:linear-gradient(135deg,#4facfe,#00f2fe)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:theme(colors.gray.4) theme(colors.gray.1)}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-thin::-webkit-scrollbar-track{@apply bg-gray-100;}.scrollbar-thin::-webkit-scrollbar-thumb{@apply bg-gray-400 rounded;}.scrollbar-thin::-webkit-scrollbar-thumb:hover{@apply bg-gray-500;}.status-open{@apply bg-green-100 text-green-800 border-green-200;}.status-full{@apply bg-yellow-100 text-yellow-800 border-yellow-200;}.status-running{@apply bg-blue-100 text-blue-800 border-blue-200;}.status-completed{@apply bg-gray-100 text-gray-800 border-gray-200;}.status-cancelled{@apply bg-red-100 text-red-800 border-red-200;}.reputation-bronze{@apply text-orange-600;}.reputation-silver{@apply text-gray-500;}.reputation-gold{@apply text-yellow-500;}.reputation-platinum{@apply text-teal-500;}.reputation-diamond{@apply text-blue-500;}}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #10b981;--accent-color: #f59e0b;--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#f1f5f9;line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.logo-icon{font-size:2rem}.header-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--surface)}.nav-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.nav-btn:hover{background:var(--surface);color:var(--text-primary);border-color:var(--primary-color)}.nav-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.nav-btn.primary:hover{background:var(--primary-dark)}.hero{padding:4rem 0;background:linear-gradient(135deg,#6366f1,#10b981);text-align:center}.hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#fff}.hero-subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.search-section{max-width:800px;margin:0 auto}.search-form{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.search-inputs{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:center}.search-input,.filter-select{background:#ffffffe6;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;color:var(--background)}.search-input::placeholder{color:var(--text-muted)}.search-btn{background:var(--accent-color);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.search-btn:hover{background:#d97706;transform:translateY(-1px)}.sessions-section{padding:4rem 0;background:#1a1a2e}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:700;color:#f1f5f9}.view-controls{display:flex;gap:.5rem}.view-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.view-btn.active,.view-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sessions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:3rem}.session-card{background:#2d3748;border:1px solid #4a5568;border-radius:1rem;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.session-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient)}.session-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 8px 25px #6366f126}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.game-info{display:flex;gap:1rem;align-items:center}.game-icon{width:60px;height:60px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-cod{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.game-lol{background:linear-gradient(135deg,#059669,#10b981)}.game-val{background:linear-gradient(135deg,#dc2626,#f59e0b)}.game-title{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem}.session-mode{color:#94a3b8;font-size:.875rem}.session-status{text-align:right}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.waiting{background:#f59e0b33;color:#f59e0b}.status-badge.full{background:#ef444433;color:#ef4444}.players-count{color:#94a3b8;font-size:.875rem;font-weight:500}.session-body{margin-bottom:1.5rem}.session-description{color:#94a3b8;margin-bottom:1rem;line-height:1.5}.session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#64748b;font-size:.75rem;text-transform:uppercase;font-weight:600}.detail-value{color:#f1f5f9;font-weight:500}.session-players{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.player-avatar{display:flex;align-items:center;gap:.5rem;background:#6366f11a;padding:.5rem;border-radius:.5rem;border:1px solid rgba(99,102,241,.2)}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.player-name{font-size:.875rem;font-weight:500;color:#f1f5f9}.player-slot.empty{background:#94a3b81a;border:1px dashed #4a5568;color:#64748b}.slot-text{font-size:.75rem;font-weight:500}.session-footer{display:flex;gap:.75rem}.btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#4a5568;color:#94a3b8;border:1px solid #4a5568}.btn-secondary:hover:not(:disabled){background:#374151;color:#f1f5f9}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{width:100%;max-width:640px;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 20px 50px #0006;color:var(--text-primary);overflow-x:hidden;box-sizing:border-box}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem}.modal-close:hover{color:#fff}.modal-body{padding:1.25rem}.modal-body form{display:grid;gap:.75rem}.modal-body label{display:grid;gap:.35rem;font-weight:500;color:var(--text-primary)}.modal-body input{background:#1a1a2e;color:#f1f5f9;border:1px solid #4a5568;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;width:100%;box-sizing:border-box}.modal-body textarea,.modal-body select{width:100%;box-sizing:border-box}.modal-body .actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.avatar-small svg{border-radius:50%;background-color:#4a5568;height:24px;width:24px;display:inline-block}.avatar-medium svg{border-radius:50%;background-color:#4a5568;height:48px;width:48px;display:inline-block}.avatar-large svg{border-radius:50%;background-color:#4a5568;height:80px;width:80px;display:inline-block}.profile-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.profile-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #4a5568}.username{font-size:2rem;font-weight:700;color:#6366f1;margin-bottom:.5rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.stat-card{background:#1a1a2e;padding:1.5rem;border-radius:.5rem;text-align:center;border:1px solid #374151}.stat-value{font-size:1.5rem;font-weight:700;color:#10b981}.stat-label{color:#94a3b8;font-size:.875rem}.tab-navigation{display:flex;border-bottom:1px solid #374151;margin-bottom:1.5rem;background:#2d3748;border-radius:.5rem .5rem 0 0;overflow:hidden}.tab-btn{flex:1;background:none;border:none;color:#9ca3af;padding:1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{background:#374151;color:#f1f5f9}.tab-btn.active{background:#1a1a2e;color:#6366f1;border-bottom:2px solid #6366f1}.notification-badge{background:#ef4444;color:#fff;border-radius:50%;padding:.125rem .375rem;font-size:.75rem;font-weight:700;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}html,body{height:100%}body{overflow-y:scroll}.avatar-small minidenticon-svg svg{border-radius:50%;background-color:var(--gray-600);height:24px;width:24px}.avatar-medium minidenticon-svg svg{border-radius:50%;background-color:var(--gray-600);height:48px;width:48px}.avatar-large minidenticon-svg svg{border-radius:50%;background-color:var(--gray-600);height:80px;width:80px}.user-profile-btn{background:linear-gradient(135deg,var(--gaming-purple),var(--primary-500))!important;border:2px solid rgba(255,255,255,.2)!important;display:flex!important;align-items:center!important;gap:.5rem!important;padding:.375rem .75rem!important;box-shadow:var(--shadow-md)!important;transition:all .2s ease!important;text-decoration:none!important}.user-profile-btn:hover{background:linear-gradient(135deg,var(--gaming-purple),var(--primary-600))!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-lg)!important}.username-text{font-weight:600;color:#fff;font-size:.9rem}.profile-page{max-width:800px;margin:0 auto;padding:1rem}.profile-header{margin-bottom:2rem}.profile-info{display:flex;gap:1.5rem;align-items:flex-start;margin-top:1rem}.profile-avatar{flex-shrink:0}.profile-details h1{font-size:2rem;margin-bottom:.5rem}.display-name{font-size:1.25rem;color:var(--gray-600);margin-bottom:.5rem}.bio{margin-bottom:1rem;line-height:1.6}.profile-stats{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.profile-stats span{background:var(--gray-200);color:var(--gray-700);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--gray-300)}.tab-btn{background:transparent;border:none;padding:.75rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;font-weight:500}.tab-btn:hover{background:var(--gray-100)}.tab-btn.active{border-bottom-color:var(--primary-500);color:var(--primary-600)}.profile-tab-content{padding:1rem 0}.profile-tab-content.hidden{display:none}.activity-list{space-y:1rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.games-list{display:flex;flex-wrap:wrap;gap:.5rem}.game-tag{background:var(--gaming-purple);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--gray-300);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.admin-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(37,99,235,.12),transparent 55%),#050812;color:#f8fbff}.admin-shell-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2.5rem 3rem 1.5rem;background:#080c18d9;border-bottom:1px solid rgba(99,102,241,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-shell-header h1{margin:0;font-size:1.9rem;font-weight:600}.admin-shell-subtitle{margin-top:.35rem;color:#e2e8f0b8;font-size:.95rem}.admin-shell-user{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.admin-shell-identity{font-family:Inter,monospace;font-size:.9rem;color:#e2e8f0db}.admin-shell-body{display:flex;flex:1;min-height:0}.admin-shell-nav{width:240px;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid rgba(71,85,105,.35);background:#080c18a6}.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:10px;font-weight:500;color:#e2e8f0b3;text-decoration:none;transition:background .2s ease,color .2s ease}.admin-nav-link:hover,.admin-nav-link.active{background:#3b82f62e;color:#fff}.admin-nav-icon{font-size:1.1rem}.admin-shell-main{flex:1;min-width:0;padding:2rem 3rem 3rem;overflow:auto}.admin-page{display:flex;flex-direction:column;gap:2rem}.admin-section{background:#090d1ac7;border:1px solid rgba(59,130,246,.12);border-radius:16px;padding:1.75rem;box-shadow:0 18px 40px -28px #1e40afa6}.admin-section h2,.admin-section h3{margin:0 0 1rem;font-weight:600}.admin-section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.admin-actions{display:flex;gap:.75rem;flex-wrap:wrap}.admin-input,.admin-select{background:#0f172abf;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:.6rem .8rem;color:#e2e8f0}.admin-input::placeholder{color:#94a3b88c}.admin-btn{border-radius:10px;border:1px solid rgba(59,130,246,.45);background:#3b82f62e;color:#e0ecff;padding:.55rem 1rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.admin-btn:hover{background:#3b82f652;border-color:#3b82f699}.admin-btn.subtle{background:#0f172a99;border-color:#47556973}.admin-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;background:#3b82f633;color:#dbeafee6;padding:.35rem .6rem;border-radius:999px}.admin-chip.subtle{background:#94a3b826;color:#e2e8f0bf}.admin-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.admin-card{background:linear-gradient(150deg,#2563eb38,#0f172aa6);border-radius:14px;padding:1rem 1.1rem;border:1px solid rgba(59,130,246,.25);display:flex;flex-direction:column;gap:.5rem}.admin-card-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0b3}.admin-card-value{font-size:1.6rem;font-weight:600;color:#fff}.admin-trend{font-size:.85rem;font-weight:600}.admin-trend-positive{color:#4ade80}.admin-trend-neutral{color:#facc15}.admin-trend-negative{color:#f97316}.admin-timeline{display:grid;gap:1rem}.admin-timeline-item{border:1px solid rgba(148,163,184,.25);background:#0f172aa6;border-radius:12px;padding:1rem 1.1rem;display:grid;gap:.45rem}.admin-timeline-item header{display:flex;justify-content:space-between;align-items:center}.admin-timeline-item time{font-size:.8rem;color:#94a3b8a6}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table thead tr{background:#3b82f61f}.admin-table th,.admin-table td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid rgba(71,85,105,.35)}.admin-table tbody tr:hover{background:#2563eb1f}.admin-table-actions{display:inline-flex;gap:.5rem}.admin-status{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;background:#94a3b826;color:#e2e8f0d9}.admin-status-active,.admin-status-healthy,.admin-status-completed{background:#4ade802e;color:#4ade80}.admin-status-draft{background:#3b82f62e;color:#60a5fa}.admin-status-flagged,.admin-status-error,.admin-status-disputed,.admin-status-high{background:#f871712e;color:#f87171}.admin-status-suspended,.admin-status-overdue,.admin-status-churned{background:#f472b62e;color:#fb7185}.admin-status-pending,.admin-status-processing,.admin-status-reviewing{background:#facc152e;color:#facc15}.admin-status-actioned,.admin-status-low,.admin-status-waiting-on-support,.admin-status-waiting-on-customer{background:#818cf833;color:#a5b4fc}.admin-status-medium{background:#fbbf2433;color:#fbbf24}.admin-status-open,.admin-status-resolved{background:#81c78433;color:#9ae6b4}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.admin-mono{font-family:Inter,monospace;font-feature-settings:"tnum"}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary-600: #2563eb;--primary-500: #3b82f6;--primary-400: #60a5fa;--primary-300: #93c5fd;--success-600: #16a34a;--success-500: #22c55e;--success-400: #4ade80;--warning-600: #ca8a04;--warning-500: #eab308;--warning-400: #facc15;--danger-600: #dc2626;--danger-500: #ef4444;--danger-400: #f87171;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--gaming-purple: #8b5cf6;--gaming-green: #10b981;--gaming-orange: #f59e0b;--gaming-red: #ef4444;--gaming-blue: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-gaming: linear-gradient(135deg, var(--gaming-purple) 0%, var(--gaming-blue) 100%);--gradient-success: linear-gradient(135deg, var(--gaming-green) 0%, var(--success-400) 100%);--gradient-premium: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%)}[data-theme=dark]{--primary: var(--primary-400);--secondary: var(--gray-600);--card-background-color: var(--gray-800);--modal-overlay-background-color: rgba(0, 0, 0, .8)}.container{max-width:1120px}html{font-size:16px;background:#000;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.3125;color:#e7e9ea;background:#000;margin:0;height:100%;min-height:100vh}[data-theme=dark] body{color:#e7e9ea;background:#000}#root{background:#000;min-height:100vh}h1,h2,h3{line-height:1.2;color:#e7e9ea}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:40;transition:all .2s ease}[data-theme=dark] header{background:#1f2937f2;border-bottom-color:var(--gray-700)}header .container{padding-top:1rem;padding-bottom:1rem}.logo{font-weight:700;font-size:1.25rem;background:var(--gradient-gaming);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.user-island{display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.user-island button{border-radius:50px;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm);padding:.5rem 1.25rem}.user-island button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-island button.secondary{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}[data-theme=dark] .user-island button.secondary{border-color:var(--gray-600);color:var(--gray-300)}.user-menu button{margin:0;background:var(--gradient-gaming);border:none;color:#fff;font-weight:500}.user-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;padding:.5rem;box-shadow:var(--shadow-xl);display:none;min-width:12rem;z-index:50;animation:fadeInDown .2s ease}[data-theme=dark] .user-dropdown{background:var(--gray-800);border-color:var(--gray-700)}.user-dropdown a{display:block;padding:.5rem .75rem;border-radius:.5rem;transition:all .15s ease;text-decoration:none;font-weight:500}.user-dropdown a:hover{background:var(--gray-100);color:var(--gray-900)}[data-theme=dark] .user-dropdown a:hover{background:var(--gray-700);color:#fff}.filters{margin-block:2rem;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}[data-theme=dark] .filters{background:var(--gray-800);border-color:var(--gray-700)}.filters [role=group]>*{border-radius:50px;font-weight:500;transition:all .2s ease}.filters [role=group]>*:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sessions{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.session-card{border:1px solid var(--gray-200);border-radius:1rem;padding:1.5rem;background:#fff;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}[data-theme=dark] .session-card{background:var(--gray-800);border-color:var(--gray-700)}.session-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-300)}.session-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gaming)}.session-card header strong{font-size:1.125rem;font-weight:600;color:var(--gray-900)}[data-theme=dark] .session-card header strong{color:#fff}.session-card small{color:var(--gray-500);font-weight:500}.session-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.875rem}.badge{border-radius:50px;padding:.25rem .75rem;font-weight:500;font-size:.75rem;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200);white-space:nowrap}[data-theme=dark] .badge{background:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600)}.badge.paid{background:var(--gradient-premium);color:#fff;border:none;box-shadow:var(--shadow-sm)}.badge.free{background:var(--gradient-success);color:#fff;border:none}.badge.starting-soon{background:var(--gaming-orange);color:#fff;border:none;animation:pulse 2s infinite}.badge.full{background:var(--danger-500);color:#fff;border:none}.session-card[data-full=true]{opacity:.75}.session-card[data-full=true]:hover{opacity:1}.session-card footer button{border-radius:50px;font-weight:500;padding:.75rem 1.5rem;background:var(--gradient-gaming);border:none;color:#fff;transition:all .2s ease;width:100%;margin-top:auto}.session-card footer button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);opacity:.9}.my-sessions{display:grid;gap:1rem}@media (min-width: 768px){.my-sessions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.my-session-card{padding:1.25rem;border-radius:1.25rem;background:linear-gradient(135deg,#0f172aeb,#0f172abf);border:1px solid rgba(148,163,184,.35);box-shadow:0 25px 40px -30px #020617d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cbd5f5;display:flex;flex-direction:column;min-height:200px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.my-session-card:hover{border-color:#3b82f6a6;box-shadow:0 30px 55px -35px #0ea5e973;transform:translateY(-2px)}.my-session-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.my-session-card__header h3{margin:0;color:#f8fafc}.my-session-card__header .eyebrow{margin:0 0 .25rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8d9}.my-session-card__state{margin:4px 0 0;font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.my-session-card__badge{align-self:flex-start;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#3b82f61f;border:1px solid rgba(59,130,246,.45);color:#bfdbfe}.my-session-card__body{margin-top:1rem}.my-sessions .btn{width:100%;border-radius:999px}.my-session-card__status{font-weight:600}.my-session-card__status.muted{color:#94a3b8}.my-session-card__status.success{color:#22c55e}@media (max-width: 420px){header .container{padding-top:.5rem}header nav a{font-size:1.05rem;font-weight:700}.filters{padding:1rem}.sessions{grid-template-columns:1fr;gap:1rem}.session-card{padding:1rem}.user-island button{padding:.4rem .9rem}}dialog{border:none;border-radius:1rem;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalSlideIn .3s ease;max-width:90vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}dialog header{background:var(--gradient-gaming);color:#fff;margin:-1rem -1rem 1rem;padding:1.5rem;border-radius:1rem 1rem 0 0}dialog header h3{margin:0;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--gray-700)}[data-theme=dark] .form-group label{color:var(--gray-300)}.form-group input,.form-group select,.form-group textarea{border-radius:.75rem;border:1px solid var(--gray-300);padding:.75rem 1rem;transition:all .2s ease;width:100%}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{border-color:var(--gray-600);background:var(--gray-700)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a;outline:none}.chat{margin-top:2rem;background:var(--gray-50);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.skeleton{position:relative;overflow:hidden;background:var(--gray-100);border-radius:.5rem;height:14px;margin-bottom:10px}[data-theme=dark] .skeleton{background:var(--gray-700)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.2s infinite}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}@keyframes shimmer{to{transform:translate(100%)}}[data-theme=dark] .chat{background:var(--gray-700);border-color:var(--gray-600)}.chat-log{background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;height:300px;overflow-y:auto;padding:1rem;margin-bottom:1rem;font-family:var(--font-family)}.empty-state{text-align:center;color:var(--gray-500);font-size:.9rem;padding:.75rem 0}[data-theme=dark] .empty-state{color:var(--gray-400)}[data-theme=dark] .chat-log{background:var(--gray-800);border-color:var(--gray-600)}[data-theme=dark] .card{background:#0f172aa6;border-color:#94a3b84d}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--gray-800);border:1px solid var(--gray-700);color:#e2e8f0}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#e2e8f08c}input[type=checkbox],input[type=radio]{accent-color:var(--primary-400)}[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{accent-color:var(--primary-300)}.btn[disabled],button[disabled]{opacity:.55;cursor:not-allowed}.discord-announce label{display:block;font-weight:500;margin:.25rem 0 .5rem;color:var(--gray-300)}.discord-announce textarea{width:100%;border-radius:10px;padding:.6rem .8rem;background:#0f172abf;border:1px solid rgba(148,163,184,.35);color:#e2e8f0}.discord-announce .helper-text{color:#e2e8f099;font-size:.85rem}.session-card header{background:transparent}[data-theme=dark] .session-card header>*{background:transparent}.session-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.field-error input,.field-error select,.field-error textarea{border-color:var(--danger-500)!important;box-shadow:0 0 0 2px #ef444426}.error-text{color:var(--danger-600);font-size:.8rem;margin-top:.25rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:50px;padding:.25rem .6rem;font-size:.8rem;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}[data-theme=dark] .chip{background:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}.chip button{border:none;background:transparent;color:inherit;cursor:pointer;padding:0}.field-warning input,.field-warning select{border-color:var(--warning-500);box-shadow:0 0 0 2px #eab30826}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.loading-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:50px;padding:.25rem .6rem;font-size:.8rem;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}[data-theme=dark] .loading-chip{background:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}.loading-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s infinite ease-in-out alternate}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.3}to{opacity:1}}.banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;border-radius:10px;padding:10px 16px;box-shadow:var(--shadow-md);display:none}.banner-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}[data-theme=dark] .banner-success{background:#064e3b;color:#d1fae5;border-color:#10b981}.banner-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}[data-theme=dark] .banner-error{background:#7f1d1d;color:#fee2e2;border-color:#ef4444}.banner .close{margin-left:.75rem;background:transparent;border:none;color:inherit;font-weight:700;cursor:pointer}.h-flex{display:flex;align-items:center}.gap-sm{gap:1rem}.gap-md{gap:1.5rem}.gap-xs{gap:.5rem}.p-t-1{padding-top:1rem}.mb-05{margin-bottom:.5rem}.max-w-560{max-width:560px}.grid-two{grid-template-columns:1fr 1fr}.mr-05{margin-right:.5rem}.h-1{height:1px}.hidden{display:none}.max-w-600{max-width:600px}.mx-auto{margin-left:auto;margin-right:auto}.grid-auto-280{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.p-08{padding:.8rem}.rounded-05{border-radius:.5rem}.float-right{float:right}.my-2{margin-top:2rem;margin-bottom:2rem}.w-60{width:60px}.h-60{height:60px}.rounded-full{border-radius:9999px}.object-cover{object-fit:cover}.text-xl{font-size:1.5rem}.mt-075{margin-top:.75rem}.ml-auto{margin-left:auto}.bg-gaming-green{background:var(--gaming-green)}.flex-1{flex:1}.max-w-300{max-width:300px}.w-0{width:0%}.mt-1{margin-top:1rem}.ai-end{align-items:end}.italic{font-style:italic}.status-connecting{color:#f59e0b}.status-connected{color:#10b981}.status-reconnecting{color:#ef4444}.status-disconnected{color:#6b7280}.chat-input{display:flex;gap:.75rem;align-items:flex-end}.chat-input input{flex:1;border-radius:50px;padding:.75rem 1.25rem;border:1px solid var(--gray-300)}[data-theme=dark] .chat-input input{border-color:var(--gray-600);background:var(--gray-700)}.chat-input button{border-radius:50px;background:var(--gradient-gaming);border:none;color:#fff;padding:.75rem 1.5rem;font-weight:500;white-space:nowrap}.chat-msg{font-size:.9rem;margin-bottom:.75rem;padding:.5rem;border-radius:.5rem;background:var(--gray-50);border-left:3px solid var(--primary-400)}[data-theme=dark] .chat-msg{background:var(--gray-700)}.chat-msg .from{font-weight:600;color:var(--primary-600);margin-right:.5rem}[data-theme=dark] .chat-msg .from{color:var(--primary-400)}.chat-msg .timestamp{font-size:.75rem;color:var(--gray-400);float:right}.loading{display:inline-flex;align-items:center;gap:.5rem}.loading:after{content:"";width:1rem;height:1rem;border:2px solid var(--gray-300);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.align-right{display:flex;justify-content:flex-end;align-items:center}.flow>*+*{margin-top:1rem}.text-center{text-align:center}.text-muted{color:var(--gray-500)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}button{white-space:nowrap;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;text-align:center}.user-island{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-island button{flex:0 0 auto;min-width:auto;padding:.5rem 1rem;font-size:.875rem}.modal{max-width:90vw;max-height:90vh;overflow-y:auto}.modal header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.modal form{display:flex;flex-direction:column;gap:1rem}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.sessions{grid-template-columns:1fr}.session-card{padding:1rem}.session-card header{margin-bottom:.75rem}.session-meta{flex-wrap:wrap;gap:.5rem}.filters{padding:1rem}.filters .grid{grid-template-columns:1fr;gap:.75rem}.modal{max-width:95vw;margin:1rem}.modal .grid{grid-template-columns:1fr;gap:.75rem}.user-island{flex-wrap:wrap;gap:.5rem}.user-island button{padding:.4rem .8rem;font-size:.8rem;min-width:fit-content}.tab-nav{flex-wrap:wrap}.tab-nav button{padding:.75rem 1rem;font-size:.875rem;flex:1;min-width:0}.post-actions{flex-wrap:wrap;gap:.5rem}.player-card{flex-direction:column;align-items:flex-start;gap:1rem}.player-actions{align-self:stretch;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.follow-btn,.view-profile-btn{flex:1;min-width:120px}}@media (max-width: 480px){.user-island{width:100%;justify-content:flex-end}.user-island button{padding:.4rem .6rem;font-size:.75rem}.tab-nav button{padding:.5rem .75rem;font-size:.8rem}.session-card{padding:.75rem}.modal{max-width:98vw;margin:.5rem}}.tab-nav{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:1.5rem;background:var(--background-color)}.tab-nav button{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:var(--gray-600);font-weight:500;transition:all .2s ease;border-bottom:3px solid transparent;cursor:pointer}.tab-nav button:hover{background:var(--gray-100);color:var(--gray-800)}.tab-nav button.active{color:var(--primary-600);border-bottom-color:var(--primary-500);background:var(--primary-50)}.tab-content{display:none}.tab-content.active{display:block}.post-card,.player-card{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.post-card:hover,.player-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.post-author strong{color:var(--color);margin-right:.5rem}.post-content{margin:.75rem 0}.post-content p{margin-bottom:.5rem}.post-actions{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.post-like,.post-reply,.post-repost{background:transparent;border:none;color:var(--gray-600);font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease}.post-like:hover,.post-reply:hover,.post-repost:hover{background:var(--gray-100);color:var(--gray-800)}.post-like.liked{color:var(--danger-500)}.player-card{display:flex;justify-content:space-between;align-items:center}.player-info{flex:1}.player-bio{color:var(--gray-600);font-size:.875rem;margin-top:.25rem}.player-actions{display:flex;gap:.75rem}.follow-btn,.view-profile-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.follow-btn{background:var(--primary-500);color:#fff;border:1px solid var(--primary-500)}.follow-btn:hover{background:var(--primary-600)}.follow-btn.following{background:var(--gray-200);color:var(--gray-700);border:1px solid var(--gray-300)}.follow-btn.following:hover{background:var(--danger-500);color:#fff}.follow-btn.following:hover:after{content:" (Unfollow)"}.view-profile-btn{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300)}.view-profile-btn:hover{background:var(--gray-100);color:var(--gray-800)}#feed-container,#players-container{max-height:600px;overflow-y:auto;padding-right:.5rem}#feed-container::-webkit-scrollbar,#players-container::-webkit-scrollbar{width:6px}#feed-container::-webkit-scrollbar-track,#players-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}#feed-container::-webkit-scrollbar-thumb,#players-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}#feed-container::-webkit-scrollbar-thumb:hover,#players-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}#form-create-post textarea{min-height:100px;resize:vertical}#player-search{margin-bottom:1rem}[data-theme=dark] .tab-nav{border-bottom-color:var(--gray-700)}[data-theme=dark] .tab-nav button{color:var(--gray-400)}[data-theme=dark] .tab-nav button:hover{background:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .tab-nav button.active{color:var(--primary-400);background:var(--gray-700)}[data-theme=dark] .post-card,[data-theme=dark] .player-card{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .post-actions{border-top-color:var(--gray-700)}[data-theme=dark] .post-like:hover,[data-theme=dark] .post-reply:hover,[data-theme=dark] .post-repost:hover{background:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .follow-btn.following{background:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600)}[data-theme=dark] .view-profile-btn{color:var(--gray-400);border-color:var(--gray-600)}[data-theme=dark] .view-profile-btn:hover{background:var(--gray-700);color:var(--gray-200)}[data-theme=dark] #feed-container::-webkit-scrollbar-track,[data-theme=dark] #players-container::-webkit-scrollbar-track{background:var(--gray-700)}[data-theme=dark] #feed-container::-webkit-scrollbar-thumb,[data-theme=dark] #players-container::-webkit-scrollbar-thumb{background:var(--gray-600)}@media (max-width: 768px){.tab-nav button{padding:.75rem 1rem;font-size:.875rem}.post-actions{flex-wrap:wrap;gap:.5rem}.player-card{flex-direction:column;align-items:flex-start;gap:1rem}.player-actions{align-self:stretch;justify-content:space-between}}.notification{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;max-width:400px;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-success{background-color:var(--success-500)}.notification-error{background-color:var(--danger-500)}.notification-info{background-color:var(--primary-500)}.notification-warning{background-color:var(--warning-500)}.notification-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#5b708366;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.modal-overlay .modal{background:#000;border:1px solid rgb(47,51,54);border-radius:16px;padding:0;width:min(750px,95vw)!important;max-width:none;max-height:90vh;overflow:hidden;box-shadow:#fff3 0 0 15px,#ffffff26 0 0 3px 1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.modal{font-size:1.5rem}.modal-overlay .modal.frameless{background:transparent;border:none;box-shadow:none;width:min(750px,95vw)!important;position:relative;display:flex;justify-content:center}.modal-header{padding:12px 16px;border-bottom:1px solid rgb(47,51,54);display:flex;align-items:center;justify-content:space-between}.modal-header h3{color:#e7e9ea;font-size:30px;font-weight:700;margin:0}.modal-header .close{background:none;border:none;color:#e7e9ea;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-header .close:hover{background:#e7e9ea1a}.modal-body{padding:16px}.modal:not(.frameless) .modal-body textarea{background:transparent;border:none;color:#e7e9ea;font-size:20px;line-height:1.25;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;width:100%;resize:none;outline:none}.modal:not(.frameless) .modal-body textarea::placeholder{color:#71767b}.modal.frameless .modal-body{padding:0}.modal .modal-close.floating{position:absolute;top:0;right:0;transform:translate(50%,-50%);background:#fff;border:1px solid #e5e7eb;color:#374151;border-radius:9999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000014}.modal .modal-close.floating:hover{background:#f9fafb}.modal.frameless{display:flex;justify-content:center;overflow:visible!important}.modal .frameless-wrap{position:relative;display:block;width:100%;max-width:100%;overflow:visible}.modal .frameless-content{width:100%;max-height:90vh;overflow-y:auto}.modal .mx-auto{margin-left:auto;margin-right:auto}.modal .max-w-2xl{max-width:42rem}.modal .bg-white{box-sizing:border-box;width:100%}.modal .bg-white{background:#fff;color:#0f172a}.modal .bg-gray-50{background:#f9fafb}.modal .bg-blue-50{background:#eff6ff}.modal .bg-yellow-50{background:#fefce8}.modal .bg-purple-50{background:#f3e8ff}.modal .text-gray-700{color:#374151}.modal .text-gray-600{color:#4b5563}.modal .text-blue-900{color:#1e3a8a}.modal .text-blue-800{color:#1e40af}.modal .text-yellow-800{color:#854d0e}.modal .text-purple-700{color:#6d28d9}.modal .bg-purple-100{background:#ede9fe}.modal .rounded-xl{border-radius:.75rem}.modal .rounded-lg{border-radius:.5rem}.modal .shadow-lg{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal .p-6{padding:1.5rem}.modal .p-4{padding:1rem}.modal .p-3{padding:.75rem}.modal .px-6{padding-left:1.5rem;padding-right:1.5rem}.modal .py-2{padding-top:.5rem;padding-bottom:.5rem}.modal .px-4{padding-left:1rem;padding-right:1rem}.modal .py-1{padding-top:.25rem;padding-bottom:.25rem}.modal .mt-2{margin-top:.5rem}.modal .mb-4{margin-bottom:1rem}.modal .mb-6{margin-bottom:1.5rem}.modal .mb-3{margin-bottom:.75rem}.modal .border{border:1px solid #e5e7eb}.modal .border-gray-200{border-color:#e5e7eb}.modal .border-gray-300{border-color:#d1d5db}.modal .border-blue-200{border-color:#bfdbfe}.modal .border-yellow-200{border-color:#fde68a}.modal .border-purple-200{border-color:#e9d5ff}.modal .inline-flex{display:inline-flex}.modal .items-center{align-items:center}.modal .gap-4{gap:1rem}.modal .gap-3{gap:.75rem}.modal .gap-2{gap:.5rem}.modal .flex{display:flex}.modal .justify-between{justify-content:space-between}.modal .w-full{width:100%}.modal .text-sm{font-size:.875rem}.modal .font-medium,.modal .font-semibold{font-weight:600}.modal .bg-purple-600{background:#7c3aed;color:#fff;border-radius:.5rem;border:none}.modal .bg-purple-600:hover{background:#6d28d9}.modal .bg-green-600{background:#16a34a;color:#fff;border-radius:.5rem;border:none}.modal .bg-green-600:hover{background:#15803d}.modal .hover\:bg-gray-100:hover{background:#f3f4f6}.modal .text-purple-600{color:#7c3aed}.modal textarea,.modal input[type=text],.modal input[type=number],.modal input[type=datetime-local],.modal input[type=email],.modal input[type=password]{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;color:#111827;background:#fff;width:100%;box-sizing:border-box}.modal input[type=checkbox],.modal input[type=radio]{width:16px;height:16px;accent-color:#7c3aed}.modal button[disabled]{background:#d1d5db!important;color:#4b5563!important;cursor:not-allowed}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.btn-primary{background:#1d9bf0;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#1a8cd8}.btn-secondary{background:transparent;color:#e7e9ea;border:1px solid rgb(83,100,113);border-radius:20px;padding:8px 20px;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e7e9ea1a}.user-menu{position:relative}.user-menu button{background:none;border:1px solid var(--gray-300);padding:8px 12px;border-radius:6px;cursor:pointer}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-lg);min-width:150px;display:none;z-index:100}.user-menu.open .user-dropdown{display:block}.user-dropdown a{display:block;padding:8px 12px;text-decoration:none;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.user-dropdown a:hover{background-color:var(--gray-50)}.user-dropdown a:last-child{border-bottom:none}.session-card{border:1px solid var(--gray-200);border-radius:12px;padding:16px;background:#fff;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;flex-direction:column;height:100%}.session-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.session-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;background-color:var(--gray-100);color:var(--gray-700)}.badge.paid{background-color:var(--gaming-green);color:#fff}.badge.free{background-color:var(--gray-200);color:var(--gray-700)}.badge.starting-soon{background-color:var(--warning-500);color:#fff}.badge.full{background-color:var(--danger-500);color:#fff}.session-description{flex-grow:1;margin:8px 0}.view-btn{margin-top:auto;width:100%;padding:8px 16px;border:none;border-radius:6px;background-color:var(--primary-500);color:#fff;cursor:pointer;font-weight:500}.view-btn:hover{background-color:var(--primary-600)}.view-btn.secondary{background-color:var(--gray-500)}.view-btn.secondary:hover{background-color:var(--gray-600)}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-600)}.empty-state h3{margin-bottom:8px;color:var(--gray-800)}.empty-state p{margin-bottom:16px}.loading{text-align:center;padding:40px 20px;color:var(--gray-600)}.h-flex{display:flex}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.mb-05{margin-bottom:8px}.mt-075{margin-top:12px}.mt-auto{margin-top:auto}.text-xl{font-size:1.25rem}.text-sm{font-size:.875rem}.text-muted{color:var(--gray-600)}.leading-14{line-height:1.4}.justify-between{justify-content:space-between}.items-center{align-items:center}.hidden{display:none!important}.nav-link{text-decoration:none;padding:8px 16px;border-radius:6px;color:var(--gray-600);transition:all .2s ease}.nav-link:hover{background-color:var(--gray-100);color:var(--gray-800)}.nav-link.active{background-color:var(--primary-500);color:#fff}.sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.hub-layout{display:grid;grid-template-columns:88px 600px 350px;max-width:1200px;margin:0 auto;gap:0;padding:0;min-height:100vh;background:#000;color:#e7e9ea}.main-content{background:#000;border-left:1px solid rgb(47,51,54);border-right:1px solid rgb(47,51,54);overflow:hidden;min-height:100vh}[data-theme=dark] .main-content{background:#000;border-left-color:#2f3336;border-right-color:#2f3336}.hub-header{padding:16px 16px 0;border-bottom:1px solid rgb(47,51,54);background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}[data-theme=dark] .hub-header{background:#000000a6;border-bottom-color:#2f3336}.hub-header h1{font-size:20px;font-weight:700;margin:0 0 16px;color:#e7e9ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .hub-header h1{color:#e7e9ea}.hub-tabs{display:flex}.hub-tab{flex:1;padding:16px;background:none;border:none;border-bottom:3px solid transparent;color:#71767b;font-weight:500;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.hub-tab:hover,[data-theme=dark] .hub-tab:hover{color:#e7e9ea;background:#e7e9ea08}.hub-tab.active{color:#e7e9ea;border-bottom-color:#1d9bf0}.compose-box{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid rgb(47,51,54);background:transparent}[data-theme=dark] .compose-box{border-bottom-color:#2f3336}.compose-avatar{flex-shrink:0}.default-avatar{width:40px;height:40px;border-radius:50%;background:var(--gray-400)}.compose-input{flex:1;font-size:20px;color:#71767b;cursor:text;padding:12px 0;min-height:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.compose-input:hover,[data-theme=dark] .compose-input:hover{color:#e7e9ea}.compose-button{background:#1d9bf0;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-weight:700;cursor:pointer;transition:background-color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.compose-button:hover{background:#1a8cd8}.post-item{border-bottom:1px solid rgb(47,51,54);transition:background-color .2s}[data-theme=dark] .post-item{border-bottom-color:#2f3336}.post-item:last-child{border-bottom:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;border:1px solid rgb(47,51,54);color:#e7e9ea;font-size:12px}.composer textarea{width:100%;padding:12px;border:1px solid rgb(47,51,54);border-radius:8px;background:#000;color:#e7e9ea;outline:none}.composer .chip{display:inline-flex;padding:4px 8px;border-radius:9999px;background:#93c5fd26;color:#93c5fd;font-size:12px;margin-top:6px}.composer .composer-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.composer .icon-btn{border:none;background:none;color:#e7e9ea;border-radius:8px;padding:6px}.composer .icon-btn.active,.composer .icon-btn:hover{background:#e7e9ea0f}.composer .btn-link{border:none;background:none;color:#93c5fd;cursor:pointer}.composer .composer-actions{display:flex;justify-content:space-between;margin-top:12px}.composer .row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.composer .composer-section-title{font-weight:600;margin-bottom:6px}.composer .card input{width:100%;padding:8px;border:1px solid rgb(47,51,54);border-radius:8px;background:#000;color:#e7e9ea}.composer .left{display:flex;gap:6px}.composer .right{display:flex;align-items:center;gap:8px}.composer .warn{color:#eab308}.post{display:flex;padding:12px 16px;gap:12px;transition:background-color .2s;cursor:pointer}.post:hover,[data-theme=dark] .post:hover{background:#e7e9ea08}.post-avatar{flex-shrink:0}.post-content{flex:1;min-width:0}.post-header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.post-name{font-weight:700;color:#e7e9ea;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .post-name{color:#e7e9ea}.post-username{color:#71767b;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.post-time{color:#71767b;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segue UI,Roboto,Helvetica,Arial,sans-serif}.post-text{color:#e7e9ea;font-size:15px;line-height:1.3125;margin:2px 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .post-text{color:#e7e9ea}.post-actions{display:flex;gap:32px;margin-top:12px}.action-btn{background:none;border:none;color:#71767b;font-size:13px;cursor:pointer;padding:8px;border-radius:20px;transition:all .2s;display:flex;align-items:center;gap:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.action-btn:hover,[data-theme=dark] .action-btn:hover{background:#1d9bf01a;color:#1d9bf0}.action-btn.liked{color:#f91880}.action-btn.liked:hover{background:#f918801a;color:#f91880}.action-btn.active{color:#00ba7c}.action-btn.active:hover{background:#00ba7c1a;color:#00ba7c}.x-session{display:flex;padding:12px 16px;gap:12px;transition:background-color .2s;cursor:pointer}.x-session:hover{background:#e7e9ea08}.x-session-icon{flex-shrink:0;font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1d9bf01a;border-radius:50%}.x-session-content{flex:1;min-width:0}.x-session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.x-session-title{color:#e7e9ea;font-size:15px;font-weight:700;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.x-game-tag{background:none;border:none;color:#1d9bf0;font-size:13px;cursor:pointer;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.x-game-tag:hover{text-decoration:underline}.x-session-meta{display:flex;align-items:center;gap:4px;margin-bottom:8px}.x-session-platform,.x-session-region{color:#71767b;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.x-separator{color:#71767b}.x-session-description{color:#e7e9ea;font-size:15px;line-height:1.3125;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.x-session-actions{margin-top:12px}.x-session-join-btn{background:transparent;border:1px solid rgb(83,100,113);color:#e7e9ea;border-radius:20px;padding:8px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.x-session-join-btn:hover{background:#e7e9ea1a;text-decoration:none}.loading,.error{text-align:center;padding:40px 20px;color:var(--gray-500)}.error{color:var(--danger-500)}.tag{color:#1d9bf0;text-decoration:none;font-weight:400;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.tag:hover{text-decoration:underline}.mention{color:#1d9bf0;text-decoration:none;font-weight:400}.mention:hover{text-decoration:underline}.hub-layout>aside{padding:0}.left-rail{position:sticky;top:0;height:100vh;overflow:visible;z-index:3000;padding:8px 0}.hub-nav{padding:8px 0 20px;position:relative;z-index:2600;display:flex;flex-direction:column;align-items:center}.nav-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:none;background:none;color:#e7e9ea;font-size:22px;font-weight:400;text-align:center;border-radius:12px;cursor:pointer;transition:background-color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.nav-btn:hover{background:#e7e9ea08}.notification-badge{background:#1d9bf0;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;margin-bottom:1rem;border-radius:9999px;border:1px solid rgb(83,100,113);background:#fff;color:#0f1419;font-weight:700;transition:background-color .2s}.oauth-btn:hover{background:#e6e6e6}.oauth-icon{width:20px;height:20px}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-line,.skeleton-circle,.skeleton-block{border-radius:8px;background-color:#ffffff0f;background-image:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f 80px);background-size:600px 100%;animation:shimmer 1.2s infinite linear}.skeleton-circle{border-radius:9999px}.skeleton-block{width:100%;height:120px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .18s ease-in}.form-hint{color:#94a3b8;font-size:12px;margin-top:4px}.hub-layout>aside:last-child{padding:4px 0 0 16px}.user-menu{background:#16181c;border:1px solid rgb(47,51,54);border-radius:12px;min-width:180px;box-shadow:0 8px 24px #00000080;padding:6px;z-index:4000}.user-menu-item{width:100%;display:block;text-align:left;background:none;border:none;color:#e7e9ea;padding:10px 12px;border-radius:8px;cursor:pointer}.user-menu-item:hover{background:#e7e9ea0f}.user-menu-item.danger{color:#ef4444}.user-menu-sep{border:none;border-top:1px solid rgb(47,51,54);margin:6px 0}.hub-search{width:100%;padding:12px 16px;border-radius:9999px;border:1px solid rgb(47,51,54);background:#16181c;color:#e7e9ea;outline:none}.hub-search::placeholder{color:#71767b}.card{background:#16181c;border:1px solid rgb(47,51,54);border-radius:16px;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.card h3{color:#e7e9ea;font-size:20px;font-weight:700;margin:0 0 12px;padding:12px 16px 0}.card>div{padding:0 16px 16px}.card .tag{color:#1d9bf0;text-decoration:none;font-weight:400;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.card .tag:hover{text-decoration:underline}.card .btn{background:transparent;border:1px solid rgb(83,100,113);color:#e7e9ea;border-radius:20px;padding:4px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.card .btn:hover{background:#e7e9ea1a}.card .btn-secondary{background:transparent;border:1px solid rgb(83,100,113);color:#e7e9ea}@media (max-width: 1024px){.hub-layout{grid-template-columns:72px 1fr 290px;gap:0;padding:0}}@media (max-width: 768px){.hub-layout{grid-template-columns:1fr;padding:0;gap:0}.hub-layout>aside{display:none}.main-content{border-radius:0;border-left:none;border-right:none}.hub-header,.compose-box{padding:16px}.post{padding:12px 16px}.sessions{grid-template-columns:1fr}.notification{left:20px;right:20px;max-width:none}.modal-overlay .modal{margin:20px;width:calc(100% - 40px)}}.public-session{max-width:720px;margin:0 auto;padding:4rem 1.25rem;display:flex;flex-direction:column;gap:2rem}.public-session.loading,.public-session.error{align-items:center;text-align:center}.session-hero{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem}.session-hero .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#38bdf8;margin-bottom:.5rem}.session-hero h1{font-size:2.5rem;margin-bottom:.5rem}.session-meta,.session-time{color:#94a3b8;margin:.25rem 0}.session-rules{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.rule-pill{padding:.35rem .75rem;border-radius:999px;background:#38bdf81f;font-size:.85rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.share-sheet{display:flex;flex-wrap:wrap;gap:.5rem}.btn.primary{background:#22c55e;color:#0f172a;border:none;padding:.85rem 1.5rem;border-radius:999px;font-weight:600}.btn.secondary{border-radius:999px;padding:.85rem 1.5rem;border:1px solid rgba(255,255,255,.2);background:transparent;color:#e2e8f0}.session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.session-details h3{margin:0 0 .25rem}.proof-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:1rem}.proof-item{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;background:#0f172a66}.proof-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-pill{padding:.2rem .75rem;border-radius:999px;font-size:.8rem;text-transform:capitalize}.status-pill.status-accepted{background:#22c55e26;color:#22c55e}.status-pill.status-rejected{background:#f8717126;color:#f87171}.status-pill.status-pending{background:#f8fafc1a;color:#e2e8f0}.proof-meta{display:flex;gap:1rem;font-size:.9rem;color:#cbd5f5;flex-wrap:wrap}.ocr-preview{background:#0f172acc;padding:.75rem;border-radius:8px;margin-top:.75rem;max-height:180px;overflow:auto;font-size:.8rem}.host-meta{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.host-handle{font-size:1.1rem;font-weight:600}.toast-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:999}.toast{min-width:220px;padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 8px 20px #0f172a59}.toast button{background:transparent;border:none;color:#fff;font-size:.9rem;cursor:pointer}.toast.info{background:#3b82f6e6}.toast.success{background:#22c55ee6;color:#042f1a}.toast.error{background:#ef4444eb}.session-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.5rem;background:#0f172a73;display:flex;flex-direction:column;gap:1rem}.session-card header{display:flex;align-items:center;justify-content:space-between}.state-pill{padding:.2rem .75rem;border-radius:999px;background:#94a3b833;font-size:.85rem}.session-stats{display:flex;gap:1.5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.session-stats dd{font-size:1rem;font-weight:600;margin:0}.session-actions{display:flex;flex-wrap:wrap;gap:.5rem}.roster-drawer{border-top:1px dashed rgba(148,163,184,.3);padding-top:1rem}.roster-drawer .drawer-panel{margin-top:.5rem}.roster-drawer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.roster-drawer li{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem 1rem}.roster-drawer .drawer-actions{display:flex;gap:.5rem}.btn.link{background:none;border:none;color:#38bdf8;padding:0}.hub-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.hub-tabs button{padding:.5rem 1rem;border-radius:999px;border:1px solid transparent;background:#0f172a99;color:#e2e8f0}.hub-tabs button.active{border-color:#38bdf8cc;background:#38bdf81f}