:root{--color-primary: #14B8A6;--color-primary-hover: #0D9488;--color-primary-glow: rgba(20, 184, 166, .4);--color-accent-blue: #3B82F6;--color-accent-warm: #F59E0B;--color-success: #4ADE80;--color-error: #F87171;--color-warning: #FBBF24;--color-option-1: #14B8A6;--color-option-2: #3B82F6;--color-option-3: #F59E0B;--color-option-4: #E879F9;--color-bg: #0F172A;--color-bg-secondary: #1E293B;--color-bg-elevated: #334155;--color-text: #E2E8F0;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-border: #334155;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-display: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.5rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .2);--shadow-glow: 0 0 20px var(--color-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em}h2{font-size:var(--font-size-3xl);font-weight:700}h3{font-size:var(--font-size-2xl);font-weight:700}h4{font-size:var(--font-size-xl);font-weight:600}h5{font-size:var(--font-size-lg);font-weight:600}h6{font-size:var(--font-size-base);font-weight:600}p{margin-bottom:var(--spacing-md)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-display);font-weight:600;border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.34,1.56,.64,1);min-height:48px;min-width:48px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent-warm) 100%);color:#fff;font-weight:700;letter-spacing:.02em;border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #14b8a666,0 2px 8px #f59e0b40}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background-color:#ffffff0f;color:var(--color-text);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:#ffffff1f;border-color:var(--color-primary);transform:translateY(-1px)}.btn-cohost-action{font-size:.65rem;padding:.15rem .35rem;min-height:auto;line-height:1.2}.btn-promote-cohost{color:var(--color-accent-warm);border-color:#f59e0b4d}.btn-demote-cohost{color:var(--color-error);border-color:#f871714d}.btn-danger{background-color:#f871711a;color:var(--color-error);border:1.5px solid rgba(248,113,113,.3)}.btn-danger:hover:not(:disabled){background-color:#f8717133;border-color:var(--color-error)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:56px}.btn-full{width:100%}input,textarea,select{font-family:inherit;font-size:inherit;padding:var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);width:100%;min-height:48px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #14b8a633}.card{background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);box-shadow:0 4px 6px -1px #0000004d}.container{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.container-full{width:100%;padding:var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.spinner{border:3px solid var(--color-bg-elevated);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto;box-shadow:0 0 15px var(--color-primary-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-live{display:inline-flex;align-items:center;gap:.375rem;background:#f8717126;color:var(--color-error);font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:999px;border:1px solid rgba(248,113,113,.3)}.badge-live:before{content:"";width:6px;height:6px;background:var(--color-error);border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.points-display{font-family:var(--font-display);font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:.8rem;margin-right:.5rem}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 0 10px #fbbf2466}.rank-2{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#000}.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.sticky-action-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);z-index:100;max-width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bet-timer{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.8rem;background:#4ade8026;color:var(--color-success);border:1.5px solid rgba(74,222,128,.3);transition:all .3s ease}.bet-timer--urgent{background:#f9731626;color:#f97316;border-color:#f9731666;animation:timer-pulse 1s ease-in-out infinite}.bet-timer--critical{background:#f8717133;color:var(--color-error);border-color:#f8717180;font-size:1rem;padding:.3rem .85rem;animation:timer-pulse-fast .5s ease-in-out infinite;box-shadow:0 0 16px #f8717166}.bet-timer--expired{animation:timer-flash .3s ease-out;opacity:.5}@keyframes timer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}@keyframes timer-pulse-fast{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.6}}@keyframes timer-flash{0%{background:#f8717180;transform:scale(1.2)}to{background:#f8717126;transform:scale(1)}}.resolution-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;transition:opacity .3s ease;pointer-events:none}.resolution-overlay--visible{opacity:1}.resolution-overlay--won{background:#4ade8026;animation:flash-green .4s ease-out}.resolution-overlay--lost{background:#f871711f;animation:flash-red .4s ease-out}@keyframes flash-green{0%{background:#4ade8059}to{background:#4ade8026}}@keyframes flash-red{0%{background:#f8717159}to{background:#f871711f}}.resolution-content{text-align:center;animation:resolution-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes resolution-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.resolution-icon{font-size:3rem;font-weight:900;margin-bottom:.5rem;width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.resolution-icon--won{background:#4ade8033;color:var(--color-success);box-shadow:0 0 40px #4ade8066}.resolution-icon--lost{background:#f8717133;color:var(--color-error);box-shadow:0 0 30px #f871714d}.resolution-points{font-family:var(--font-display);font-size:2.25rem;font-weight:800;margin-bottom:.25rem}.resolution-points--won{color:var(--color-success);text-shadow:0 0 20px rgba(74,222,128,.4)}.resolution-points--lost{color:var(--color-error);text-shadow:0 0 20px rgba(248,113,113,.4)}.resolution-label{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text-secondary)}.confetti-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:3px;animation:confetti-fall 2.5s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.quick-resolve-btn{flex:1;padding:.75rem 1rem;font-family:var(--font-display);font-size:.875rem;font-weight:700;border-radius:var(--radius-lg);border:2px solid var(--color-primary);background:#14b8a61a;color:var(--color-primary);min-height:48px;transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;text-align:center}.quick-resolve-btn:hover:not(:disabled){background:#14b8a640;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a64d}.quick-resolve-btn:disabled{opacity:.5;cursor:not-allowed}.leaderboard-slide{animation:leaderboard-slide-in .5s ease}@keyframes leaderboard-slide-in{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.team-color-rcb{--team-color: #ec1c24}.team-color-csk{--team-color: #f9cd05}.team-color-mi{--team-color: #004ba0}.team-color-dc{--team-color: #0078bc}.team-color-rr{--team-color: #ea1a85}.team-color-pbks{--team-color: #ed1b24}.team-color-kkr{--team-color: #3a225d}.team-color-gt{--team-color: #1c1c1c}.team-color-lsg{--team-color: #a72056}.team-color-srh{--team-color: #ff822a}.match-header-cricket{position:relative;overflow:hidden}.match-header-cricket:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--team1-color, var(--color-primary)),var(--team2-color, var(--color-accent-blue)))}.team-vs{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0}.team-vs .team-name{font-family:var(--font-display);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em}.team-vs .vs-divider{font-size:.8rem;font-weight:600;color:var(--color-text-muted);padding:.25rem .5rem;border-radius:999px;background:var(--color-bg-elevated)}.match-context-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem;background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-secondary)}.match-context-bar .stat{display:flex;flex-direction:column;align-items:center;gap:.125rem}.match-context-bar .stat-value{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--color-text)}.match-context-bar .stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.collapsible-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden}.collapsible-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md);background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:1rem;transition:background-color .15s ease}.collapsible-section-header:hover{background-color:#ffffff08}.collapsible-section-header--expanded{border-bottom:1px solid var(--color-border)}.collapsible-section-title{display:flex;align-items:center;gap:.5rem}.collapsible-section-icon{font-size:1.25rem;color:var(--color-text-secondary);flex-shrink:0}.collapsible-section-body{padding:var(--spacing-md)}.bet-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary);transition:box-shadow .2s ease}.bet-card-header{padding:var(--spacing-md);cursor:pointer;transition:background-color .15s ease}.bet-card-header:hover{background-color:#ffffff08}.bet-card-header--expanded{background-color:var(--color-bg-elevated)}.bet-card-header-layout{display:flex;justify-content:space-between;align-items:start}.bet-card-header-content{flex:1}.bet-card-question{font-family:var(--font-display);font-weight:600;margin-bottom:var(--spacing-xs)}.bet-card-meta{font-size:.75rem;color:var(--color-text-muted);margin-bottom:0}.bet-card-winner{margin-left:.5rem;color:var(--color-success);font-weight:600}.bet-card-placed{margin-left:.5rem;color:var(--color-primary);font-weight:600}.bet-card-actions{display:flex;align-items:center;gap:.5rem}.bet-card-expand-icon{font-size:1.25rem;color:var(--color-text-secondary)}.bet-card-body{padding:var(--spacing-md);padding-top:0}.bet-card-user-bet{padding:var(--spacing-md);background-color:var(--color-bg-elevated);border-left:3px solid var(--color-success);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.bet-card-user-bet--won{border-left-color:var(--color-success)}.bet-card-user-bet--lost{border-left-color:var(--color-error)}.bet-card-user-bet-text{margin-bottom:0;font-size:.875rem}.bet-card-result{margin-left:.5rem;font-weight:600}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.btn-link:hover{color:var(--color-accent-warm)}.bet-card-change-btn{margin-left:.75rem}.bet-card-option--selected{opacity:.5;border-color:var(--color-primary)}.bet-card-error{padding:var(--spacing-md);background-color:var(--color-bg-elevated);border-left:3px solid var(--color-error);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.bet-card-error-text{margin-bottom:0;font-size:.875rem}.bet-card-options{display:grid;gap:.75rem}.bet-card-option{text-align:left;padding:1rem 1.25rem;border-radius:var(--radius-md);border:none;font-family:var(--font-display);font-weight:600;font-size:.95rem;min-height:56px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.bet-card-option:nth-child(1){background:#14b8a626;border-left:4px solid var(--color-option-1);color:var(--color-text)}.bet-card-option:nth-child(1):hover:not(:disabled){background:#14b8a647;transform:translate(4px);box-shadow:0 4px 12px #14b8a633}.bet-card-option:nth-child(2){background:#3b82f626;border-left:4px solid var(--color-option-2);color:var(--color-text)}.bet-card-option:nth-child(2):hover:not(:disabled){background:#3b82f647;transform:translate(4px);box-shadow:0 4px 12px #3b82f633}.bet-card-option:nth-child(3){background:#f59e0b26;border-left:4px solid var(--color-option-3);color:var(--color-text)}.bet-card-option:nth-child(3):hover:not(:disabled){background:#f59e0b47;transform:translate(4px);box-shadow:0 4px 12px #f59e0b33}.bet-card-option:nth-child(4){background:#e879f91f;border-left:4px solid var(--color-option-4);color:var(--color-text)}.bet-card-option:nth-child(4):hover:not(:disabled){background:#e879f940;transform:translate(4px);box-shadow:0 4px 12px #e879f933}.bet-card-option:nth-child(n+5){background:#6366f126;border-left:4px solid #6366F1;color:var(--color-text)}.bet-card-option:nth-child(n+5):hover:not(:disabled){background:#6366f147;transform:translate(4px);box-shadow:0 4px 12px #6366f133}.bet-card-placing{font-size:.875rem;text-align:center;color:var(--color-text-secondary);margin-top:var(--spacing-md)}.bet-card-closed-text{font-size:.875rem}.bet-card-admin{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.bet-card-admin-open{display:grid;gap:var(--spacing-xs)}.bet-card-admin-row{display:flex;gap:var(--spacing-xs)}.bet-card-admin-btn{flex:1;font-size:.875rem;padding:.5rem 1rem}.bet-card-close-btn{font-size:.875rem;padding:.5rem 1rem}.bet-card-resolve-label{font-family:var(--font-display);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.bet-card-resolve-options{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.bet-card-resolving{font-size:.875rem;text-align:center;margin-bottom:0;margin-top:var(--spacing-xs);color:var(--color-text-secondary)}.bet-card-view-bets{margin-top:var(--spacing-sm);font-size:.8rem;width:100%}.bet-users-question{font-family:var(--font-display);font-weight:600;font-size:1rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.bet-users-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.bet-users-option-group{background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden}.bet-users-option-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--color-border);font-weight:600}.bet-users-option-header--winner{background:#4ade801a}.bet-users-option-header--no-bet{border-left-color:var(--color-text-muted);opacity:.7}.bet-users-option-name{font-size:.95rem}.bet-users-option-count{background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:.8rem;padding:2px 8px;border-radius:var(--radius-full);min-width:1.5rem;text-align:center}.bet-users-list{padding:var(--spacing-xs) var(--spacing-md)}.bet-users-user{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:.9rem}.bet-users-user+.bet-users-user{border-top:1px solid var(--color-border)}.bet-users-nickname{color:var(--color-text)}.bet-users-empty{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}.room-header-layout{display:flex;justify-content:space-between;align-items:center}.room-header-title{margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.room-header-status{color:var(--color-text-muted);font-size:.875rem;margin-bottom:0;display:flex;align-items:center;gap:.5rem}.room-header-points{margin-bottom:.25rem}.room-header-points-label{color:var(--color-text-muted);font-size:.875rem;margin-bottom:0}.room-header-nickname{color:var(--color-text);font-size:1rem;margin:0 0 .15rem;font-weight:700;font-family:var(--font-display)}.room-header-role-badge{display:inline-block;margin-top:.35rem;font-family:var(--font-display);font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--color-bg-elevated);color:var(--color-text-muted);border:1px solid var(--color-border);letter-spacing:.04em;text-transform:uppercase}.room-header-role-badge--host{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));color:#fff;border:none}.room-header-role-badge--cohost{background:linear-gradient(135deg,var(--color-accent-warm),#F59E0B);color:#fff;border:none}.room-header-finish{margin-top:var(--spacing-md);padding-top:.75rem;border-top:1px solid var(--color-border)}.room-header-finish-btn{font-size:var(--font-size-sm)}.sticky-action-bar-spacer{height:70px}.host-action-bar{flex-direction:column;gap:var(--spacing-xs)}.host-action-bar-row{display:flex;gap:var(--spacing-xs);width:100%}.host-action-bar-btn{flex:1;font-size:.875rem;padding:.625rem 1rem}.session-restore-buttons{display:flex;gap:var(--spacing-sm)}.session-restore-btn{flex:1}.container-padded-top{padding-top:var(--spacing-2xl)}.btn-xs{font-size:.75rem;padding:.25rem .5rem;min-height:auto}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md);font-family:var(--font-body)}.share-btn-icon{flex-shrink:0}.share-btn--icon{padding:.25rem;background:transparent;color:var(--color-text-muted);min-height:auto;border-radius:var(--radius-sm)}.share-btn--icon:hover{color:var(--color-primary);background:var(--color-bg-elevated)}.share-btn--icon.share-btn--copied{color:var(--color-success)}.share-btn--compact{font-size:.8rem;padding:.35rem .75rem;background:var(--color-bg-elevated);color:var(--color-primary);border:1px solid var(--color-primary);min-height:auto}.share-btn--compact:hover{background:var(--color-primary);color:#fff}.share-btn--compact.share-btn--copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.share-btn--full{width:100%;padding:.75rem 1rem;font-size:.95rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));color:#fff}.share-btn--full:hover{opacity:.9;transform:translateY(-1px)}.share-btn--full:active{transform:translateY(0)}.share-btn--full.share-btn--copied{background:linear-gradient(135deg,var(--color-success),#10B981)}.share-btn-group{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.share-btn-code{text-align:center;margin-top:.5rem;font-size:.8rem;color:var(--color-text-muted);letter-spacing:.05em}.btn-modal-close{font-size:.875rem;padding:.25rem .75rem;min-height:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modal-title{margin-bottom:0}.text-right{text-align:right}.admin-error-toast{padding:var(--spacing-md);background-color:var(--color-bg-elevated);border-left:3px solid var(--color-error);border-radius:var(--radius-sm)}.admin-error-text{margin-bottom:0;font-size:.875rem}.bet-count-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));color:#fff;padding:.15rem .55rem;border-radius:999px;font-family:var(--font-display);font-size:.75rem;font-weight:700;margin-left:.5rem}.bet-list{display:grid;gap:var(--spacing-md)}.match-create-form{display:grid;gap:.75rem}.match-create-buttons{display:flex;gap:.5rem}.main-content{flex:1}.page-container{padding-top:1.5rem}.app-header{position:sticky;top:0;z-index:500;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:.65rem var(--spacing-lg)}.app-header-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--color-text)}.app-header-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:.8rem;color:#fff;letter-spacing:-.02em}.app-header-logo-text{display:flex;align-items:baseline}.app-header-brand{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.app-header-brand-suffix{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-accent-warm)}.app-header-nav{display:flex;align-items:center;gap:.25rem}.app-header-link{text-decoration:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:.4rem .75rem;border-radius:var(--radius-md);transition:all .15s ease}.app-header-link:hover{color:var(--color-text);background:#ffffff0f}.app-header-link--active{color:var(--color-primary);background:#14b8a61a}.app-footer{border-top:1px solid var(--color-border);margin-top:auto}.app-footer-inner{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:var(--spacing-lg);font-size:.8rem;color:var(--color-text-muted)}.app-footer-tagline{opacity:.7}.hero-section{position:relative;overflow:hidden;padding:3rem 0 2rem;text-align:center}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#14b8a62e,#3b82f61f,#f59e0b14);border-bottom:1px solid rgba(20,184,166,.15)}.hero-content{position:relative;z-index:1}.hero-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:inline-block;background:#ffffff14;width:68px;height:68px;line-height:68px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.hero-title{font-size:2.5rem;margin-bottom:var(--spacing-md)}.hero-title-accent{color:var(--color-accent-warm)}.hero-subtitle{color:var(--color-text-secondary);font-size:1.05rem;max-width:480px;margin:0 auto var(--spacing-lg);line-height:1.5}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.hero-join-form{display:flex;gap:.5rem;width:100%;max-width:340px}.hero-input{flex:1;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:.1em;font-size:1rem}.hero-input::placeholder{letter-spacing:0;font-weight:400;color:var(--color-text-muted)}.hero-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #14b8a633}.btn-outline-light{background:transparent;color:var(--color-text);border:1.5px solid rgba(255,255,255,.25);font-family:var(--font-display);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);min-height:48px;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.btn-outline-light:hover:not(:disabled){background:#ffffff14;border-color:#fff6;transform:translateY(-1px)}.btn-outline-light:disabled{opacity:.4;cursor:not-allowed}.hero-create-btn{font-size:.95rem}.scroll-hint{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--color-primary);font-size:.85rem;font-weight:600;letter-spacing:.05em;animation:bounce 2s infinite;cursor:pointer;text-shadow:0 0 12px rgba(20,184,166,.4);transition:color .2s ease}.scroll-hint:hover{color:var(--color-accent-warm);text-shadow:0 0 12px rgba(245,158,11,.4)}.scroll-hint-chevron{font-size:1.5rem;line-height:1}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(8px) scale(1.15)}60%{transform:translateY(4px) scale(1.05)}}.section-title{text-align:center;margin-bottom:var(--spacing-xl);font-size:var(--font-size-2xl)}.how-it-works{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.step-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.step-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));color:#fff;font-family:var(--font-display);font-weight:800;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.step-title{font-size:1.05rem;margin-bottom:var(--spacing-sm)}.step-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.55;margin-bottom:0}.events-section{padding-bottom:var(--spacing-2xl)}.events-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.event-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:var(--spacing-lg) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.event-card:hover{border-color:var(--color-primary);background:#14b8a60f}.event-icon{font-size:1.75rem}.event-name{font-family:var(--font-display);font-weight:600;font-size:.9rem}.event-detail{font-size:.75rem;color:var(--color-text-muted);text-align:center}.cta-section{padding-bottom:var(--spacing-2xl)}.cta-card{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(160deg,#14b8a61a,#3b82f614);border:1px solid rgba(20,184,166,.2);border-radius:var(--radius-xl)}.cta-card h3{margin-bottom:var(--spacing-sm)}.cta-card .text-secondary{margin-bottom:var(--spacing-lg)}.room-created-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-success),var(--color-primary));color:#fff;font-size:1.75rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);box-shadow:0 0 24px #4ade804d}.room-created-link-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;display:flex;align-items:center;gap:.5rem}.room-created-link-text{font-size:.8rem;color:var(--color-text-secondary);word-break:break-all;line-height:1.4}.room-created-room-code{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--color-primary);white-space:nowrap;padding-right:.5rem;border-right:1px solid var(--color-border)}.my-rooms-section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.my-rooms-list{display:grid;gap:var(--spacing-sm)}.my-room-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:border-color .15s ease}.my-room-card:hover{border-color:var(--color-primary)}.my-room-info{flex:1;min-width:0}.my-room-name{font-family:var(--font-display);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.my-room-badge{font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:999px;background:var(--color-bg-elevated);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.my-room-badge--host{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-warm));color:#fff}.my-room-code{font-size:.8rem;color:var(--color-text-muted);margin-top:.15rem}.my-room-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}@media (max-width: 640px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}.container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.hero-section{padding:2rem 0 1.5rem}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.95rem}.hero-icon{width:56px;height:56px;line-height:56px;font-size:2rem}.steps-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.events-grid{grid-template-columns:repeat(2,1fr)}.app-header-brand,.app-header-brand-suffix{font-size:.95rem}.app-footer-inner{flex-direction:column;gap:.25rem;text-align:center}}