:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#05070c;--bg-app:#090d1a;--bg-card:#141b2fb3;--bg-card-hover:#1c2641cc;--bg-card-solid:#141b2f;--bg-input:#0c101d;--primary:#00ff7f;--primary-glow:#00ff7f4d;--accent-gold:gold;--accent-silver:#e2e8f0;--accent-bronze:#e6a23c;--text-main:#fff;--text-muted:#cbd5e1;--border:#ffffff14;--border-focus:#00ff7f80;--sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--gradient-card:linear-gradient(135deg, #141b2fd9 0%, #090d1ae6 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior-y:contain}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--sans);background-image:radial-gradient(at 0 0,#00ff7f0d 0,#0000 50%),radial-gradient(at 100% 100%,#1e293b66 0,#0000 50%);background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;font-size:16px;line-height:1.5;display:flex;overflow-x:hidden}#root{background-color:var(--bg-app);border-inline:1px solid #ffffff08;flex-direction:column;width:100%;max-width:480px;min-height:100svh;padding-bottom:80px;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 50px #000000d9}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4{letter-spacing:-.5px;font-weight:700}.app-header{padding:calc(16px + env(safe-area-inset-top)) 20px 16px 20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;border-bottom:1px solid var(--border);background:#090d1ae6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.logo-container{align-items:center;gap:8px;display:flex}.app-logo-img{width:28px;height:28px;box-shadow:0 0 10px var(--primary-glow);border-radius:6px}.logo-text{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:4px;font-size:16px;font-weight:800;display:flex}.logo-white{color:#fff;text-shadow:0 0 8px #ffffff1a}.logo-green{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.logo-ball{filter:drop-shadow(0 0 4px var(--primary-glow));font-size:16px;animation:10s linear infinite spin-slow;display:inline-block}.logo-subtitle{color:var(--primary);text-align:center;letter-spacing:.5px;text-shadow:0 0 10px var(--primary-glow);width:100%;margin-top:6px;padding:0;font-size:18px;font-style:italic;font-weight:700}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.points-badge{background:var(--primary-glow);border:1.5px solid var(--primary);color:var(--primary);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;animation:2.5s infinite alternate pulse-border;display:flex;box-shadow:0 0 12px #00ff7f33}@keyframes pulse-border{0%{border-color:var(--primary);box-shadow:0 0 8px #00ff7f33}to{border-color:#fff;box-shadow:0 0 14px #ffffff26}}.bottom-nav{width:100%;max-width:480px;height:calc(72px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#090d1af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0006}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:8px 0;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item.active{color:var(--primary)}.nav-icon{font-size:20px;transition:transform .2s}.nav-item.active .nav-icon{text-shadow:0 0 10px var(--primary-glow);transform:translateY(-3px)scale(1.1)}.app-content{flex-direction:column;gap:20px;padding:16px;display:flex}.section-title{align-items:center;gap:8px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.section-desc{color:#f3f4f6;margin-bottom:16px;font-size:14.5px}.card{background:var(--gradient-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 8px 32px #0006}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.text-input{background-color:var(--bg-input);border:1.5px solid var(--border);color:var(--text-main);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:16px;transition:all .2s;box-shadow:inset 0 2px 4px #00000080}.text-input:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow), inset 0 2px 4px #00000080}.primary-button{background:linear-gradient(135deg, var(--primary) 0%, #00d26a 100%);color:#05070a;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 5px 15px #00ff7f40}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00ff7f66}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.match-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:20px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 8px 20px #00000059}.match-card:hover{border-color:#ffffff26;transform:translateY(-3px)scale(1.005);box-shadow:0 12px 28px #00000080}.match-header{border-bottom:1px solid var(--border);color:#f3f4f6;background:#ffffff04;flex-direction:column;align-items:stretch;gap:6px;padding:12px 18px;font-size:13.5px;font-weight:600;display:flex}.match-status{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.match-status.pending{color:var(--primary);background:#00ff7f1f;border:1px solid #00ff7f33}.match-status.live{color:#f36;background:#ff336626;border:1px solid #f363;animation:1.5s infinite pulse}.match-status.finished{color:var(--text-muted);background:#ffffff0a}.match-body{justify-content:space-between;align-items:center;padding:24px 18px;display:flex}.match-team{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.team-flag-container{border:1.5px solid var(--border);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:34px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 2px 8px #0009}.match-card:hover .team-flag-container{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow), inset 0 2px 8px #0009;transform:scale(1.06)}.team-flag{filter:drop-shadow(0 2px 4px #0006);line-height:1}.team-name{color:#f3f4f6;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:13px;font-weight:700;overflow:hidden}.prediction-inputs{align-items:center;gap:8px;padding:0 4px;display:flex}.score-input{background-color:var(--bg-input);border:1.5px solid var(--border);text-align:center;width:50px;height:50px;color:var(--text-main);border-radius:12px;outline:none;font-family:inherit;font-size:22px;font-weight:800;transition:all .2s;box-shadow:inset 0 2px 5px #00000080}.score-input:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow), inset 0 2px 5px #00000080}.score-divider{color:var(--text-muted);font-size:16px;font-weight:800}.score-display{color:var(--primary);text-shadow:0 0 10px #00ff7f33;align-items:center;gap:12px;font-size:26px;font-weight:800;display:flex}.match-footer{border-top:1px solid var(--border);color:#f3f4f6;background:#0000001a;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13.5px;font-weight:600;display:flex}.points-earned-display{align-items:center;gap:4px;font-weight:700;display:flex}.points-earned-display.hit{color:var(--primary);text-shadow:0 0 8px #00ff7f40}.points-earned-display.trend{color:#38bdf8;text-shadow:0 0 8px #38bdf840}.points-earned-display.miss{color:var(--text-muted)}.save-prediction-btn{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:800;transition:all .2s;box-shadow:0 2px 6px #00ff7f1a}.save-prediction-btn:hover{background:var(--primary);color:#05070a;box-shadow:0 4px 12px #00ff7f4d}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-item{background:var(--gradient-card);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.leaderboard-item.current-user{border-color:var(--primary);background:#00ff7f14;box-shadow:0 0 15px #00ff7f14}.leaderboard-left{align-items:center;gap:14px;display:flex}.rank-position{width:30px;height:30px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff05;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.rank-position.first{color:#05070a;background:linear-gradient(135deg,#ffe033 0%,#c90 100%);border:none;font-size:16px;box-shadow:0 0 12px #ffd70066}.rank-position.second{color:#05070a;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);border:none;font-size:16px}.rank-position.third{color:#05070a;background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);border:none;font-size:16px}.rank-avatar{filter:drop-shadow(0 2px 4px #00000040);font-size:26px}.rank-username{color:#f3f4f6;font-size:15px;font-weight:700}.leaderboard-right{color:var(--primary);align-items:center;gap:6px;font-size:17px;font-weight:800;display:flex}.pts-text{color:var(--text-muted);font-size:12px;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;display:grid}.stat-box{border:1px solid var(--border);text-align:center;background:#ffffff04;border-radius:16px;flex-direction:column;gap:4px;padding:18px;display:flex;box-shadow:0 4px 10px #0003}.stat-value{color:var(--primary);text-shadow:0 0 8px #00ff7f33;font-size:26px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.pwa-banner{border:1.5px solid var(--primary);background:linear-gradient(135deg,#141b2f 0%,#090d1a 100%);border-radius:20px;flex-direction:column;gap:12px;padding:18px;animation:.4s ease-out slideUp;display:flex;position:relative;box-shadow:0 10px 30px #00000080}.pwa-banner-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:14px}.pwa-banner-title{color:var(--primary);align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.pwa-banner-text{color:var(--text-muted);font-size:13px}.pwa-banner-actions{gap:8px;display:flex}.pwa-action-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:12px;font-weight:800}.pwa-action-btn.install{background:var(--primary);color:#05070a;box-shadow:0 4px 10px #00ff7f33}.pwa-action-btn.dismiss{color:var(--text-main);border:1px solid var(--border);background:#ffffff0a}.pwa-instructions{color:var(--primary);background:#00ff7f0a;border:1px dashed #00ff7f33;border-radius:10px;padding:10px;font-size:12px;font-weight:500}@keyframes pulse{0%{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.95;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-section{flex-direction:column;gap:10px;margin-top:10px;display:flex}.share-input-group{gap:8px;display:flex}.share-link-input{border:1.5px solid var(--border);min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border-radius:10px;flex:1;padding:12px;font-size:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.copy-btn{border:1.5px solid var(--border);color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.copy-btn:hover{background:var(--primary);color:#05070a;border-color:var(--primary);box-shadow:0 4px 10px #00ff7f40}.tab-container{flex-direction:column;gap:16px;animation:.35s cubic-bezier(.4,0,.2,1) slideUp;display:flex}.tab-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.badge-info{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff05;border-radius:12px;padding:4px 10px;font-size:11px}.team-flag-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.countdown-timer{color:var(--primary);background:#00ff7f14;border:1px solid #00ff7f33;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 0 8px #00ff7f26}.fixture-stage{border-left:2px dashed #ffffff1a;flex-direction:column;gap:12px;margin-top:10px;margin-left:10px;padding-left:16px;display:flex;position:relative}.fixture-stage-title{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:14px;font-weight:800;position:relative}.fixture-stage-title:before{content:"";background-color:var(--primary);width:12px;height:12px;box-shadow:0 0 8px var(--primary);border-radius:50%;position:absolute;top:4px;left:-23px}.fixture-match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.fixture-match-team{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.fixture-team-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:12px;font-weight:600;overflow:hidden}.fixture-flag-small{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.fixture-match-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:80px;display:flex}.fixture-date{color:var(--text-muted);font-size:11px}.fixture-score{color:#fff;background:#0003;border-radius:6px;padding:2px 8px;font-size:14px;font-weight:800}.fixture-vs{color:var(--text-muted);font-size:11px;font-weight:700}.trivia-question-box{background:var(--gradient-card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 8px 24px #00000059}.trivia-score-header{justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.trivia-streak{color:#f90;align-items:center;gap:4px;display:flex}.trivia-question{color:#fff;margin:10px 0;font-size:17px;font-weight:700;line-height:1.4}.trivia-options-list{flex-direction:column;gap:10px;display:flex}.trivia-option-btn{border:1.5px solid var(--border);color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff05;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.trivia-option-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff40}.trivia-option-btn.correct{border-color:var(--primary)!important;color:var(--primary)!important;background:#00ff7f1a!important}.trivia-option-btn.incorrect{color:#f36!important;background:#ff33661a!important;border-color:#f36!important}.trivia-option-btn:disabled{cursor:not-allowed;opacity:.6}.trivia-animation-container{flex-direction:column;align-items:center;gap:12px;margin:10px 0;display:flex}.trivia-field-scene{border:1.5px solid var(--border);background-color:#0000;background-image:linear-gradient(#15803d 0%,#115e59 100%),repeating-linear-gradient(90deg,#ffffff04 0 30px,#0000 30px 60px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:20px;width:100%;height:160px;position:relative;overflow:hidden;box-shadow:inset 0 4px 25px #000000b3}.trivia-field-scene:before{content:"";pointer-events:none;border:2px solid #ffffff2e;border-top:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:220px;height:90px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.trivia-penalty-spot{pointer-events:none;background-color:#ffffff59;border-radius:50%;width:8px;height:8px;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #ffffff80}.trivia-field-scene.post-shake{animation:.45s ease-out .3s field-post-shake}@keyframes field-post-shake{0%{transform:translate(0)}15%{transform:translate(-4px,3px)}30%{transform:translate(4px,-3px)}45%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}75%{transform:translate(-1px,1px)}to{transform:translate(0)}}.trivia-goalpost{z-index:1;background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 5px,#0000 5px 10px),repeating-linear-gradient(-45deg,#ffffff0d,#ffffff0d 5px,#0000 5px 10px);border:4px solid #fff;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;width:120px;height:60px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.trivia-goalpost.goal-wiggle{animation:.5s ease-out .35s net-wiggle-effect}@keyframes net-wiggle-effect{0%{transform:translate(-50%)scale(1)}20%{transform:translate(-50%)scale(1.03)skew(2deg)}40%{transform:translate(-50%)scale(.97)skew(-2deg)}60%{transform:translate(-50%)scale(1.01)skew(1deg)}80%{transform:translate(-50%)scale(.99)skew(-1deg)}to{transform:translate(-50%)scale(1)skew(0)}}.trivia-gk{z-index:2;position:absolute;top:50px;left:50%;transform:translate(-50%)}.trivia-gk.dive-left{animation:.8s ease-out forwards gk-dive-left-animation}.trivia-gk.dive-right{animation:.8s ease-out forwards gk-dive-right-animation}@keyframes gk-dive-left-animation{0%{transform:translate(-50%)rotate(0)}30%{transform:translate(-150%,-22px)rotate(-65deg)}to{transform:translate(-140%,8px)rotate(-90deg)}}@keyframes gk-dive-right-animation{0%{transform:translate(-50%)rotate(0)}30%{transform:translate(50%,-22px)rotate(65deg)}to{transform:translate(40%,8px)rotate(90deg)}}.trivia-ball-wrapper{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.trivia-ball-shadow{filter:blur(1.5px);z-index:2;opacity:.8;background:#00000073;border-radius:50%;width:16px;height:6px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.trivia-ball-shadow.goal{animation:1.2s cubic-bezier(.1,.8,.3,1) forwards shadow-goal-animation}.trivia-ball-shadow.post{animation:1.2s cubic-bezier(.1,.8,.3,1) forwards shadow-post-animation}@keyframes shadow-goal-animation{0%{opacity:.8;bottom:15px;transform:translate(-50%)scale(1)}35%{opacity:.35;bottom:50px;transform:translate(-50%)scale(.45)}45%{opacity:.35;bottom:48px;transform:translate(-50%)scale(.42)}to{opacity:.5;bottom:22px;transform:translate(-50%)scale(.45)}}@keyframes shadow-post-animation{0%{opacity:.8;bottom:15px;transform:translate(-50%)scale(1)}30%{opacity:.35;bottom:58px;transform:translate(-50%)scale(.45)}35%{opacity:.4;bottom:50px;transform:translate(-50%)scale(.5)}to{opacity:.7;bottom:10px;transform:translate(-50%)scale(.7)}}.trivia-ball-node{z-index:3;filter:drop-shadow(0 2px 4px #0000004d);font-size:26px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.trivia-ball-node.goal{animation:1.2s cubic-bezier(.1,.8,.3,1) forwards kick-goal-shot-animation}.trivia-ball-node.post{animation:1.2s cubic-bezier(.1,.8,.3,1) forwards kick-post-shot-animation}@keyframes kick-goal-shot-animation{0%{bottom:15px;left:50%;transform:translate(-50%)scale(1)rotate(0)}35%{bottom:56px;left:38%;transform:translate(-50%)scale(.58)rotate(420deg)}45%{bottom:48px;left:36%;transform:translate(-50%)scale(.54)rotate(460deg)}to{bottom:22px;left:39%;transform:translate(-50%)scale(.55)rotate(720deg)}}@keyframes kick-post-shot-animation{0%{bottom:15px;left:50%;transform:translate(-50%)scale(1)rotate(0)}30%{bottom:58px;left:calc(50% - 54px);transform:translate(-50%)scale(.58)rotate(400deg)}35%{bottom:50px;left:calc(50% - 70px);transform:translate(-50%)scale(.62)rotate(430deg)}to{bottom:10px;left:calc(50% - 95px);transform:translate(-50%)scale(.65)rotate(720deg)}}.trivia-overlay-text{text-transform:uppercase;letter-spacing:1.5px;font-size:20px;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) scalePop}.trivia-overlay-text.goal{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.trivia-overlay-text.post{color:#f36;text-shadow:0 0 10px #ff33664d}@keyframes scalePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#05070cd9;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--gradient-card);border:1.5px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.15) slideUpPop;display:flex;box-shadow:0 10px 40px #0009}@keyframes slideUpPop{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.modal-title{color:var(--primary);text-shadow:0 0 6px var(--primary-glow);font-size:16px;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .2s}.modal-close:hover{color:#f36}.modal-subheader{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:6px;font-size:14px;font-weight:800}.modal-body{max-height:250px;padding-right:4px;overflow-y:auto}.others-predictions-list{flex-direction:column;gap:10px;display:flex}.other-pred-item{border:1px solid var(--border);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.other-pred-user{align-items:center;gap:8px;display:flex}.other-pred-avatar{font-size:18px}.other-pred-name{color:#f3f4f6;font-weight:700}.other-pred-score{color:var(--primary);background:var(--primary-glow);border:1px solid #00ff7f33;border-radius:6px;padding:3px 8px;font-weight:800}.view-others-btn:hover{color:#fff!important;background:#ffffff05!important;border-color:#ffffff40!important}.chat-container-layout{flex-direction:column;height:calc(100svh - 180px);display:flex;position:relative}.chat-top-nav{border-bottom:1.5px solid var(--border);margin-bottom:12px;display:flex}.chat-subtab-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.chat-subtab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.chat-group-header{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.chat-back-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.chat-back-btn:hover{border-color:var(--primary);color:var(--primary)}.chat-group-title-info{flex-direction:column;align-items:center;display:flex}.chat-group-name-text{color:#fff;font-size:15px;font-weight:800}.chat-members-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.chat-members-btn:hover{border-color:var(--primary);color:var(--primary)}.chat-room{border:1px solid var(--border);background:#00000040;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages-list{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.chat-message-item{align-items:flex-end;gap:8px;max-width:85%;display:flex}.chat-message-item.message-own{align-self:flex-end}.chat-message-item.message-other{align-self:flex-start}.message-avatar{filter:drop-shadow(0 2px 4px #00000026);padding-bottom:2px;font-size:20px}.message-bubble-wrapper{flex-direction:column;gap:2px;display:flex}.message-sender-meta{align-items:center;gap:6px;padding-left:4px;font-size:11px;display:flex}.message-sender-name{color:var(--text-muted);font-weight:700}.message-sender-pts{color:var(--primary)}.message-bubble{border-radius:16px;flex-direction:column;gap:4px;padding:10px 14px;font-size:13.5px;display:flex;position:relative;box-shadow:0 2px 8px #00000040}.message-own .message-bubble{background:var(--primary-glow);border:1px solid var(--primary);color:#fff;border-bottom-right-radius:4px}.message-other .message-bubble{border:1px solid var(--border);color:#fff;background:#ffffff0a;border-bottom-left-radius:4px}.message-text{word-break:break-word;white-space:pre-wrap;line-height:1.4}.message-time{color:var(--text-muted);align-self:flex-end;font-size:11px}.chat-input-bar{border-top:1px solid var(--border);background:#0000004d;gap:8px;padding:10px;display:flex}.chat-input-field{flex:1;height:42px;padding:8px 12px;font-size:14px}.chat-send-btn{background:linear-gradient(135deg, var(--primary) 0%, #00d26a 100%);color:#05070a;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00ff7f40}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 14px #00ff7f66}.chat-groups-list-container{flex-direction:column;gap:12px;display:flex}.groups-list{flex-direction:column;gap:10px;display:flex}.group-list-item-card{background:var(--gradient-card);border:1px solid var(--border);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.group-list-item-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px #00ff7f1a}.group-item-left{align-items:center;gap:12px;display:flex}.group-item-icon{font-size:22px}.group-item-name{color:#fff;font-size:14.5px;font-weight:700}.group-item-enter-arrow{color:var(--text-muted);font-size:14px}.group-list-item-card:hover .group-item-enter-arrow{color:var(--primary)}.message-bubble-row{align-items:center;gap:8px;width:100%;display:flex}.chat-reply-action-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;font-size:15px;transition:opacity .2s,transform .2s,background-color .2s;display:flex}.chat-message-item:hover .chat-reply-action-btn{opacity:.6}.chat-reply-action-btn:hover{background:#ffffff14;transform:scale(1.15);opacity:1!important}@media (width<=768px){.chat-reply-action-btn{opacity:.5}}.chat-message-quote-box{border-left:3px solid var(--primary);text-align:left;background:#00000040;border-radius:6px;flex-direction:column;gap:2px;max-width:100%;margin-bottom:6px;padding:6px 10px;font-size:11.5px;display:flex}.message-own .chat-message-quote-box{background:#0000002e;border-left-color:#fff}.chat-message-quote-sender{color:var(--primary);font-weight:800}.message-own .chat-message-quote-sender{color:#fff}.chat-message-quote-text{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-input-bar-container{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1af2}.chat-reply-preview-bar{border-left:4px solid var(--primary);background:#00ff7f0d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 14px;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards slideDownChat;display:flex}@keyframes slideDownChat{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-reply-preview-content{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-reply-preview-sender{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.chat-reply-preview-text{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.chat-reply-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:4px;font-size:13px;transition:color .2s,transform .2s}.chat-reply-close-btn:hover{color:#f36;transform:scale(1.1)}.challenge-box{position:relative;overflow:hidden}