*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#f97316;--accent-dim:rgba(249,115,22,.14);--green:#10b981;--red:#ef4444;--radius:14px;--radius-sm:8px;--shadow-lg:0 8px 48px rgba(0,0,0,.2);--t:0.18s ease}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--hdr:#fff}}:root[data-theme=light]{--bg:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--hdr:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#060d1a;--surface:#0b1829;--surface2:#101f36;--border:#1b2e4d;--text:#def;--text-2:#7a9bcc;--text-3:#3d5a82;--hdr:#050e1c}}:root[data-theme=dark]{--bg:#060d1a;--surface:#0b1829;--surface2:#101f36;--border:#1b2e4d;--text:#def;--text-2:#7a9bcc;--text-3:#3d5a82;--hdr:#050e1c}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.join-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.join-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:44px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center}.join-logo{font-size:68px;line-height:1;margin-bottom:12px}.join-title{font-size:26px;font-weight:800;color:var(--accent);letter-spacing:-.4px}.join-sub{font-size:14px;margin:6px 0 32px}.f-label,.join-sub{color:var(--text-2)}.f-label{display:block;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.f-group{margin-bottom:18px}.f-input{width:100%;padding:13px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface2);color:var(--text);font-size:15px;outline:none;transition:border-color var(--t),box-shadow var(--t)}.f-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:26px}.persona-btn{padding:12px 6px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;transition:all var(--t)}.persona-btn.active,.persona-btn:hover{border-color:var(--accent)}.persona-btn.active{background:var(--accent-dim);color:var(--accent)}.persona-em{font-size:22px;display:block;margin-bottom:5px}.join-btn{width:100%;padding:15px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity var(--t),transform var(--t)}.join-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.join-btn:disabled{opacity:.38;cursor:not-allowed}.app{min-height:100vh;background:var(--bg)}.hdr{background:var(--hdr);border-bottom:1px solid var(--border);height:60px;padding:0 24px;gap:14px;position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hdr,.hdr-logo{display:flex;align-items:center}.hdr-logo{font-size:17px;font-weight:800;color:var(--accent);flex:1 1;gap:8px}.hdr-score{font-size:13px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);padding:5px 14px}.hdr-score,.status{font-weight:700;border-radius:20px}.status{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.06em;padding:5px 12px}.status.live{background:rgba(16,185,129,.12);color:var(--green);border:1px solid rgba(16,185,129,.3)}.status.offline{background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.3)}.dot{width:7px;height:7px;border-radius:50%}.dot.live{background:var(--green);animation:pulse 2s infinite}.dot.offline{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.main{display:grid;grid-template-columns:1fr 300px;grid-gap:16px;gap:16px;padding:20px 24px;max-width:1200px;margin:0 auto}@media (max-width:760px){.main{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-hdr{padding:14px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.empty{padding:56px 20px;text-align:center;color:var(--text-3);font-size:14px}.empty-icon{font-size:38px;display:block;margin-bottom:10px}.ev-item{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--border);transition:background var(--t);animation:slideIn .28s ease}.ev-item:last-child{border-bottom:none}.ev-item:hover{background:var(--surface2)}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}.ev-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ev-type{font-size:14px;font-weight:700}.ev-meta{font-size:12px;color:var(--text-2);margin-top:2px;display:flex;gap:5px}.ev-pts{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-dim);padding:3px 10px;border-radius:20px;white-space:nowrap}.hdr-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.hdr-level{font-size:11px;border-radius:20px;background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.hdr-level,.hdr-streak{font-weight:700;padding:4px 10px}.hdr-streak{font-size:12px;border-radius:20px;background:rgba(249,115,22,.12);color:#f97316;border:1px solid rgba(249,115,22,.3)}.profile-btn{background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;transition:all var(--t);color:var(--text)}.profile-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.tier-badge{font-size:9px;font-weight:800;padding:2px 6px;border-radius:10px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.lb-card{overflow:visible}.podium-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;padding:16px 16px 8px;align-items:flex-end}.podium-card{border-radius:14px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform var(--t)}.podium-card:hover{transform:translateY(-2px)}.podium-card.me{box-shadow:0 0 0 2px var(--accent)}.podium-medal{font-size:18px;line-height:1}.podium-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.podium-name{font-size:11px;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.podium-xp{font-size:11px;font-weight:800}.podium-streak{color:#f97316}.lb-table-hdr,.podium-streak{font-size:10px;font-weight:700}.lb-table-hdr{gap:12px;padding:6px 20px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);border-top:1px solid var(--border)}.lb-row,.lb-table-hdr{display:flex;align-items:center}.lb-row{gap:10px;padding:10px 20px;border-bottom:1px solid var(--border);transition:background var(--t)}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:var(--surface2)}.lb-row.me{background:var(--accent-dim)}.lb-rank{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.lb-rank.other{background:var(--surface2);color:var(--text-2)}.lb-info{flex:1 1;display:flex;align-items:center;gap:5px;min-width:0}.lb-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.lb-level{font-size:9px;font-weight:800;padding:2px 6px;border-radius:20px;color:#fff;white-space:nowrap;flex-shrink:0}.lb-streak{font-size:10px;font-weight:700;color:#f97316;flex-shrink:0}.lb-acc{display:flex;align-items:center;gap:4px;flex-shrink:0}.lb-acc-bar{width:36px;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.lb-score{font-size:12px;font-weight:700;color:var(--green);flex-shrink:0;min-width:30px;text-align:right}.lb-tabs{display:flex;border-bottom:1px solid var(--border)}.lb-tab{flex:1 1;padding:11px 4px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--t),border-color var(--t);margin-bottom:-1px}.lb-tab:hover{color:var(--text-2)}.lb-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.lb-you-badge{font-size:9px;font-weight:800;padding:2px 5px;border-radius:8px;background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;flex-shrink:0}.profile-tier-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;border:1px solid;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}.profile-activity{width:100%;margin-bottom:16px}.profile-activity-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.profile-activity-row:last-child{border-bottom:none}.pact-emoji{font-size:18px;flex-shrink:0}.pact-info{flex:1 1;display:flex;flex-direction:column;gap:1px}.pact-type{font-size:12px;font-weight:700;color:var(--text);text-transform:capitalize}.pact-time{font-size:10px;color:var(--text-3)}.pact-result{font-size:16px;flex-shrink:0}.pact-xp{font-size:12px;font-weight:800;color:var(--accent);flex-shrink:0;white-space:nowrap}.cbar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:2px solid var(--accent);padding:14px 24px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 -8px 32px rgba(0,0,0,.15);animation:slideUp .35s ease;z-index:40}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}.cbar-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.cbar-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.cbar-text{font-size:14px;color:var(--text);line-height:1.6}.pred-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pred-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:36px 32px 28px;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-lg);animation:scaleIn .22s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.pred-ring-wrap{position:relative;width:96px;height:96px;margin:0 auto 20px}.pred-ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;transition:color .3s}.pred-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.03em}.pred-q{font-size:19px;font-weight:800;margin-bottom:6px;line-height:1.3}.pred-pts{font-size:13px;color:var(--green);font-weight:700;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:5px}.pred-btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.pred-no,.pred-yes{padding:16px 12px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:transform var(--t),opacity var(--t),box-shadow var(--t);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.pred-btn-icon{font-size:20px}.pred-yes{background:rgba(16,185,129,.12);color:var(--green);border:2px solid rgba(16,185,129,.35)}.pred-no{background:rgba(239,68,68,.1);color:var(--red);border:2px solid rgba(239,68,68,.3)}.pred-yes:hover{transform:translateY(-3px);background:rgba(16,185,129,.2);box-shadow:0 6px 20px rgba(16,185,129,.2)}.pred-no:hover{transform:translateY(-3px);background:rgba(239,68,68,.18);box-shadow:0 6px 20px rgba(239,68,68,.2)}.pred-hint{font-size:11px;color:var(--text-3)}.profile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.profile-panel{background:var(--surface);border-left:1px solid var(--border);width:340px;max-width:100vw;height:100vh;overflow-y:auto;padding:28px 24px 40px;position:relative;animation:slideInRight .25s ease;display:flex;flex-direction:column;align-items:center}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:none;opacity:1}}.profile-close{position:absolute;top:16px;right:16px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:30px;height:30px;font-size:13px;cursor:pointer;color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all var(--t)}.profile-close:hover{background:var(--border);color:var(--text)}.profile-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;margin-bottom:12px;margin-top:12px;flex-shrink:0}.profile-name{font-size:20px;font-weight:800;color:var(--text);margin-bottom:6px}.profile-persona-badge{display:inline-flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:22px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%;margin-bottom:24px}.profile-stat{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 12px;text-align:center}.profile-stat-val{font-size:22px;font-weight:900;color:var(--text);line-height:1;margin-bottom:5px}.profile-stat-lbl{font-size:10px;letter-spacing:.06em}.profile-section-title,.profile-stat-lbl{font-weight:700;text-transform:uppercase;color:var(--text-3)}.profile-section-title{width:100%;font-size:11px;letter-spacing:.08em;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.profile-badge-count{background:var(--accent-dim);color:var(--accent);border-radius:10px;padding:2px 8px;font-size:10px}.profile-achievements{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;margin-bottom:22px}.achievement{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 6px;text-align:center;opacity:.35;transition:transform var(--t)}.achievement.unlocked{opacity:1;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.06)}.achievement.unlocked:hover{transform:scale(1.05)}.achievement-icon{font-size:22px;margin-bottom:4px}.achievement-name{font-size:9px;font-weight:700;color:var(--text-2);line-height:1.2}.profile-xp{font-size:18px;font-weight:800;color:var(--accent);display:flex;align-items:center;gap:6px;margin-bottom:12px}.profile-level-row{width:100%;display:flex;flex-direction:column;gap:6px}.profile-level-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width:600px){.hdr{height:52px;padding:0 14px;gap:8px}.hdr-logo{font-size:14px;gap:6px}.hdr-logo span:first-child{font-size:20px}.hdr-level,.hdr-logo span:last-child,.hdr-streak{display:none}.hdr-score{font-size:12px;padding:4px 10px}.status{font-size:10px;padding:4px 9px;gap:4px}.status span:last-child{display:none}.profile-btn{width:32px;height:32px;font-size:15px}}@media (min-width:361px) and (max-width:600px){.status span:last-child{display:inline}}@media (max-width:760px){.main{padding:12px 12px 80px;gap:12px}}@media (max-width:480px){.ev-item{padding:10px 14px;gap:10px}.ev-icon{width:38px;height:38px;font-size:17px}.ev-type{font-size:13px}.ev-meta,.ev-pts{font-size:11px}.ev-pts{padding:2px 8px}.card-hdr{padding:11px 14px;font-size:13px}.empty{padding:36px 16px}}@media (max-width:600px){.profile-overlay{align-items:flex-end;justify-content:stretch}.profile-panel{width:100%;max-width:100%;height:88vh;border-left:none;border-top:1px solid var(--border);border-radius:20px 20px 0 0;animation:slideUpSheet .28s ease;padding:20px 20px 40px}@keyframes slideUpSheet{0%{transform:translateY(100%);opacity:.6}to{transform:none;opacity:1}}.profile-panel:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 16px;flex-shrink:0}}@media (max-width:480px){.pred-card{padding:28px 20px 22px;border-radius:20px}.pred-q{font-size:17px}.pred-no,.pred-yes{padding:14px 8px;font-size:14px}.pred-btn-icon{font-size:18px}.pred-ring-wrap{width:82px;height:82px}.pred-ring-num{font-size:24px}.cbar{padding:10px 14px;gap:10px}.cbar-icon{width:36px;height:36px;font-size:18px;border-radius:10px}.cbar-text{font-size:13px}.lb-row{padding:8px 12px;gap:8px}.lb-name{font-size:12px}.lb-score{font-size:11px;min-width:26px}.lb-acc-bar{width:28px}.podium-row{padding:12px 10px 6px;gap:6px}.podium-name{font-size:10px;max-width:64px}.lb-table-hdr{padding:5px 12px}.join-card{padding:32px 20px;border-radius:16px}.join-logo{font-size:56px}.join-title{font-size:22px}.persona-grid{grid-template-columns:repeat(3,1fr);gap:6px}.persona-btn{padding:10px 4px;font-size:11px}.persona-em{font-size:18px}}.lp-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.lp-hdr{justify-content:space-between;padding:16px 40px;background:var(--hdr);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.lp-hdr,.lp-logo{display:flex;align-items:center}.lp-logo{gap:10px;font-size:20px;font-weight:800;color:var(--accent)}.lp-logo-icon{font-size:24px}.lp-nav{display:flex;gap:32px}.lp-nav a{color:var(--text-2);text-decoration:none;font-size:14px;font-weight:600;transition:color var(--t)}.lp-hdr-btn,.lp-nav a:hover{color:var(--accent)}.lp-hdr-btn{background:var(--accent-dim);border:1px solid var(--accent);padding:8px 16px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer;transition:all var(--t)}.lp-hdr-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.lp-main{flex:1 1;display:flex;flex-direction:column;align-items:stretch;padding:0;background:var(--bg)}.lp-hero-section{background:radial-gradient(ellipse at 50% 0,var(--accent-dim) 0,transparent 60%);display:flex;justify-content:center;padding:80px 20px 60px;animation:fadeIn .45s ease}.lp-hero{max-width:800px;width:100%;text-align:center}.lp-badge{display:inline-block;background:var(--surface2);border:1px solid var(--border);padding:6px 16px;border-radius:30px;font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.lp-title{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.lp-gradient-text{background:linear-gradient(135deg,#f97316,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-subtitle{font-size:18px;color:var(--text-2);line-height:1.6;max-width:600px;margin:0 auto 40px}.lp-cta-group{justify-content:center;gap:16px;margin-bottom:0}.lp-btn-primary,.lp-cta-group{display:flex;align-items:center}.lp-btn-primary{background:var(--accent);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;gap:8px;transition:all var(--t);box-shadow:0 4px 14px rgba(249,115,22,.4)}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(249,115,22,.6)}.lp-btn-primary .lp-arrow{transition:transform var(--t)}.lp-btn-primary:hover .lp-arrow{transform:translateX(4px)}.lp-btn-secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border);padding:14.5px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:all var(--t)}.lp-btn-secondary:hover{background:var(--surface2);border-color:var(--text-3)}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;text-align:left}.lp-feat-card{background:var(--surface);border:1px solid var(--border);padding:24px;border-radius:16px;transition:transform var(--t),box-shadow var(--t)}.lp-feat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-dim)}.lp-feat-icon{font-size:32px;margin-bottom:16px;background:var(--surface2);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px}.lp-feat-card h3{font-size:16px;font-weight:800;margin-bottom:8px}.lp-feat-card p{font-size:14px;color:var(--text-2);line-height:1.5}.lp-ftr{border-top:1px solid var(--border);padding:32px 40px;background:var(--surface)}.lp-ftr-content{max-width:1200px;margin:0 auto;justify-content:space-between}.lp-ftr-brand,.lp-ftr-content{display:flex;align-items:center}.lp-ftr-brand{gap:8px;font-weight:700;color:var(--text)}.lp-ftr-links{font-size:12px;color:var(--text-3)}.lp-logo-text{font-size:18px;font-weight:800}@media (max-width:760px){.lp-title{font-size:40px}.lp-subtitle{font-size:16px}.lp-features-grid{grid-template-columns:1fr;gap:16px}.lp-nav{display:none}.lp-hdr{padding:14px 20px}.lp-ftr-content{flex-direction:column;gap:16px;text-align:center}.lp-cta-group{flex-direction:column;align-items:stretch;gap:12px}.lp-btn-primary,.lp-btn-secondary{justify-content:center;width:100%}.lp-badge{font-size:11px;padding:5px 12px}.lp-hero-section{padding:60px 16px 48px}}@media (max-width:480px){.lp-title{font-size:32px}.lp-logo-text{display:none}}.theme-btn{background:transparent;border:1px solid var(--border);font-size:16px;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t);color:var(--text)}.theme-btn:hover{background:var(--surface2);border-color:var(--accent)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;padding:7px;transition:border-color var(--t),background var(--t);flex-shrink:0}.hamburger-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.ham-line{width:100%;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .2s ease,width .2s ease;display:block;transform-origin:center}.ham-line.open:first-child{transform:translateY(7px) rotate(45deg)}.ham-line.open:nth-child(2){opacity:0;width:0}.ham-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lp-hdr-right{display:flex;align-items:center;gap:10px;margin-left:auto}.lp-hdr-btn-desktop{display:flex}@media (max-width:760px){.hamburger-btn{display:flex}.lp-hdr-btn-desktop{display:none}.lp-hdr{justify-content:flex-start;gap:10px}.lp-hdr-right{margin-left:auto}}.mob-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn .18s ease}.mob-menu{position:absolute;top:0;width:min(300px,85vw);height:100%;background:var(--surface);padding:24px 20px 40px;display:flex;flex-direction:column;gap:4px}.mob-menu-left{left:0;right:auto;border-right:1px solid var(--border);border-left:none;animation:slideInLeft .25s ease;box-shadow:8px 0 32px rgba(0,0,0,.25)}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:.6}to{transform:none;opacity:1}}.mob-menu-brand{gap:10px;font-size:17px;font-weight:800;color:var(--accent);padding:8px 0 16px}.mob-menu-brand,.mob-menu-link{display:flex;align-items:center}.mob-menu-link{gap:12px;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:700;color:var(--text);text-decoration:none;transition:background var(--t),color var(--t)}.mob-menu-link:hover{background:var(--surface2);color:var(--accent)}.mob-menu-divider{height:1px;background:var(--border);margin:12px 0}.mob-menu-play{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;text-align:center;transition:opacity var(--t),transform var(--t);box-shadow:0 4px 14px rgba(249,115,22,.4);margin-top:4px}.mob-menu-play:hover{opacity:.88;transform:translateY(-1px)}.desktop-main{display:grid}.hdr-profile-btn,.mobile-bottom-nav,.mobile-main{display:none}@media (max-width:720px){.desktop-main{display:none}.mobile-main{display:block}.mobile-bottom-nav{display:flex}.mobile-main{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));min-height:calc(100vh - 60px)}}.mobile-tab-content{display:none}.mobile-tab-content.active{display:block;animation:fadeTab .18s ease}@keyframes fadeTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--hdr);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.12);z-index:60;align-items:center;justify-content:space-around}.mobile-nav-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;padding:8px 4px;color:var(--text-3);transition:color var(--t);position:relative}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn.active:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:var(--accent);border-radius:0 0 3px 3px}.mobile-nav-icon{font-size:22px;line-height:1;position:relative}.mobile-nav-label{font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.mobile-nav-badge{position:absolute;top:-4px;right:-6px;width:14px;height:14px;background:var(--accent);color:#fff;border-radius:50%;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;animation:badgePop .2s ease}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:720px){.cbar{bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}.mobile-games-view{padding:16px}.mobile-pred-hint{display:flex;align-items:center;gap:12px;background:var(--accent-dim);border:1px solid var(--accent);border-radius:14px;padding:16px 20px;font-size:15px;font-weight:600;color:var(--accent);margin-bottom:20px}.mobile-pred-pulse{font-size:24px;animation:predPulse 1s infinite}@keyframes predPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mobile-no-pred{text-align:center;padding:48px 20px}.mobile-no-pred-icon{font-size:56px;margin-bottom:12px}.mobile-no-pred-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.mobile-no-pred-sub{font-size:14px;color:var(--text-3);line-height:1.6}.mobile-recent-hdr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px;margin-top:4px}.mobile-ev-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.mobile-ev-row:last-child{border-bottom:none}.mobile-ev-type{font-size:13px;font-weight:700;flex:1 1;color:var(--text);text-transform:capitalize}.mobile-ev-team{font-size:12px;color:var(--text-2)}.mobile-ev-pts{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-dim);padding:2px 8px;border-radius:20px}.mobile-settings-view{padding:16px;display:flex;flex-direction:column;gap:20px}.mobile-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-profile-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#fff;margin-bottom:4px}.mobile-profile-name{font-size:20px;font-weight:800;color:var(--text)}.mobile-tier-badge{font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase}.mobile-profile-xp,.mobile-refresh-btn{font-size:13px;color:var(--text-2)}.mobile-refresh-btn{margin-top:4px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:7px 18px;font-weight:600;cursor:pointer;transition:all var(--t)}.mobile-refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.mobile-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.mobile-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 12px;text-align:center}.mobile-stat-val{font-size:22px;font-weight:900;color:var(--text);margin-bottom:4px}.mobile-stat-lbl{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.mobile-settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.mobile-settings-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:10px 16px 6px}.mobile-settings-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:none;color:var(--text);font-size:15px;cursor:pointer;border-top:1px solid var(--border);text-align:left;transition:background var(--t)}.mobile-settings-row:hover{background:var(--surface2)}.mobile-settings-row span:nth-child(2){flex:1 1;font-weight:500}.mobile-settings-chevron{font-size:20px;color:var(--text-3)}.mobile-conn-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:.04em}.mobile-conn-badge.live{background:rgba(16,185,129,.12);color:var(--green)}.mobile-conn-badge.offline{background:rgba(239,68,68,.12);color:var(--red)}.squad-card{display:flex;align-items:center;gap:14px;background:var(--surface);border-bottom:1px solid var(--border);padding:14px 16px}.squad-left{flex-shrink:0}.squad-avatar-initial{display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff}.squad-avatar-img,.squad-avatar-initial{width:52px;height:52px;border-radius:50%}.squad-avatar-img{object-fit:cover}.squad-right{flex:1 1;min-width:0}.squad-name-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.squad-name{font-size:15px;font-weight:800;color:var(--text)}.squad-stats-row{display:flex;flex-wrap:wrap;gap:5px}.squad-stat{font-size:11px;font-weight:600;color:var(--text-2);background:var(--surface2);padding:2px 8px;border-radius:10px;border:1px solid var(--border)}.global-leaders{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px}.global-leaders-hdr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}.global-leader-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.global-leader-row:last-child{border-bottom:none}.gl-medal{font-size:16px;flex-shrink:0}.gl-name{flex:1 1;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-xp{font-size:12px;flex-shrink:0}.arena-pred-banner,.gl-xp{font-weight:700;color:var(--accent)}.arena-pred-banner{display:flex;align-items:center;gap:12px;background:var(--accent-dim);border-bottom:2px solid var(--accent);padding:13px 16px;font-size:14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.arena-pred-pulse{font-size:20px;animation:predPulse 1s infinite}.arena-reactions-wrap{padding:16px}.profile-tab-wrap{display:flex;flex-direction:column;padding-bottom:32px}.profile-tab-header{display:flex;align-items:center;gap:16px;padding:20px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.profile-tab-avatar-wrap{position:relative;flex-shrink:0}.profile-tab-avatar{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#fff}.profile-tab-avatar-img{width:68px;height:68px;border-radius:50%;object-fit:cover}.profile-tab-camera{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.profile-tab-identity{flex:1 1;min-width:0}.profile-tab-name{font-size:18px;font-weight:800;color:var(--text);margin-bottom:5px}.profile-tab-tier{display:inline-block;font-size:10px;font-weight:800;padding:2px 9px;border-radius:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.profile-tab-xp{font-size:12px;color:var(--text-2)}.profile-tab-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}.profile-tab-stat{padding:14px 6px;text-align:center;border-right:1px solid var(--border)}.profile-tab-stat:last-child{border-right:none}.profile-tab-stat-val{font-size:15px;font-weight:900;color:var(--text);margin-bottom:3px;line-height:1.2}.profile-tab-stat-lbl{font-size:9px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.profile-tab-level-wrap{padding:10px 16px;border-bottom:1px solid var(--border)}.profile-tab-level-lbl{font-size:11px;color:var(--text-3);display:block;margin-bottom:6px}.profile-tab-level-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.profile-tab-section-hdr{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:14px 16px 8px}.profile-tab-badge-count{background:var(--accent-dim);color:var(--accent);border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.profile-tab-achievements{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:0 16px 4px}.hdr-scorebar{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;font-weight:800;white-space:nowrap;flex-shrink:0}.hdr-sb-team{font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:.04em}.hdr-sb-score{font-size:15px;font-weight:900;color:var(--text);letter-spacing:-.5px;padding:0 4px}.hdr-sb-min{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-dim);border-radius:10px;padding:2px 6px}@media (max-width:480px){.hdr-sb-team{display:none}.hdr-scorebar{padding:4px 10px;gap:4px}.hdr-sb-score{font-size:13px}}.winprob-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px 12px;margin-bottom:0}.winprob-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.winprob-team{font-size:12px;font-weight:800;letter-spacing:.02em}.winprob-team.home{color:#3b82f6}.winprob-team.away{color:#ef4444}.winprob-draw-label{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.winprob-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin-bottom:6px}.winprob-seg{border-radius:5px;transition:width .6s ease}.winprob-seg.home{background:#3b82f6}.winprob-seg.draw{background:var(--text-3)}.winprob-seg.away{background:#ef4444}.winprob-pcts{display:flex;justify-content:space-between}.winprob-pct{font-size:11px;font-weight:800}.winprob-pct.home{color:#3b82f6}.winprob-pct.draw{color:var(--text-3)}.winprob-pct.away{color:#ef4444}@media (max-width:720px){.winprob-wrap{border-radius:0;border-left:none;border-right:none;border-top:none;margin:0}}.desktop-left-col{min-width:0}.desktop-left-col,.desktop-right-col{display:flex;flex-direction:column;gap:16px}.desktop-right-col{width:300px;flex-shrink:0}.desktop-tab-bar{display:none;background:var(--hdr);border-bottom:1px solid var(--border);padding:0 24px;gap:0;position:-webkit-sticky;position:sticky;top:60px;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.desktop-tab-btn{display:flex;align-items:center;gap:6px;padding:13px 20px;border:none;border-bottom:2.5px solid transparent;background:none;font-size:13px;font-weight:700;color:var(--text-3);cursor:pointer;transition:color var(--t),border-color var(--t);margin-bottom:-1px;white-space:nowrap;position:relative}.desktop-tab-btn:hover{color:var(--text-2)}.desktop-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.desktop-tab-badge{position:absolute;top:8px;right:8px;width:14px;height:14px;background:var(--accent);color:#fff;border-radius:50%;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.desktop-panels{display:none}@media (min-width:721px){.desktop-tab-bar{display:flex}.desktop-panels{display:block}.desktop-main{display:grid}}.profile-panel-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 40px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.dpp-wrap{display:grid;grid-template-columns:280px 1fr;grid-gap:24px;gap:24px;align-items:start;padding:28px 32px;max-width:1100px;width:100%}.dpp-left{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;position:-webkit-sticky;position:sticky;top:0}.dpp-avatar-wrap{position:relative;width:100px;height:100px;margin-bottom:4px}.dpp-avatar{display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff}.dpp-avatar,.dpp-avatar-img{width:100px;height:100px;border-radius:50%}.dpp-avatar-img{object-fit:cover}.dpp-camera-btn{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .15s}.dpp-camera-btn:hover{background:var(--border)}.dpp-name{font-size:20px;font-weight:800;color:var(--text);text-align:center}.dpp-persona{font-size:12px;color:var(--text-2);text-align:center}.dpp-tier{display:inline-flex;align-items:center;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dpp-rank-tag{font-size:11px;color:var(--text-3);font-family:monospace;letter-spacing:.04em}.dpp-hot-streak{background:#f9731620;border:1px solid #f9731640;color:#f97316;font-size:11px;font-weight:700;padding:5px 12px;border-radius:20px;text-align:center}.dpp-xp-row{width:100%;text-align:center}.dpp-xp-val{font-size:13px;color:var(--text-2);font-weight:600}.dpp-level-bar-wrap{width:100%;display:flex;flex-direction:column;gap:4px}.dpp-level-bar{width:100%;height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.dpp-level-lbl{font-size:10px;color:var(--text-3);text-align:center}.dpp-edit-btn{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-2);font-size:12px;cursor:pointer;transition:background .15s,color .15s;margin-top:4px}.dpp-edit-btn:hover{background:var(--border);color:var(--text)}.dpp-edit-form{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:4px}.dpp-edit-label{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.dpp-edit-hint{font-size:10px;color:var(--text-3);text-align:center}.dpp-edit-btns{display:flex;gap:8px}.dpp-settings{width:100%;border-top:1px solid var(--border);padding-top:12px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.dpp-setting-row{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:8px 10px;border-radius:8px;color:var(--text-2);font-size:12px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.dpp-setting-row:hover{background:var(--surface2);color:var(--text)}.dpp-leave{color:#ef4444}.dpp-leave:hover{background:#ef444415;color:#ef4444}.dpp-right{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 32px;display:flex;flex-direction:column}.dpp-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);display:flex;align-items:center;gap:8px;margin-bottom:14px}.dpp-badge-count{background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:0}.dpp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.dpp-stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px 12px;text-align:center}.dpp-stat-val{font-size:22px;font-weight:800;color:var(--text);margin-bottom:4px}.dpp-stat-lbl{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.dpp-achievements{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px}.dpp-activity{display:flex;flex-direction:column;gap:8px}.dpp-activity-row{display:flex;align-items:center;gap:10px;background:var(--surface2);border-radius:8px;padding:10px 14px;font-size:13px}.activity-stream{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px}.activity-hdr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}.activity-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);animation:slideIn .25s ease}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:14px;flex-shrink:0}.activity-text{flex:1 1;font-size:13px;font-weight:600;color:var(--text)}.activity-time{font-size:11px;color:var(--text-3);flex-shrink:0}.reactions-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.reactions-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:12px}.reactions-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.reaction-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:transform var(--t),border-color var(--t),background var(--t)}.reaction-btn:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.reaction-btn.burst{animation:reactionBurst .3s ease;border-color:var(--accent)}@keyframes reactionBurst{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.reaction-emoji{font-size:22px;line-height:1}.reaction-count{font-size:11px;font-weight:700;color:var(--text-2)}@media (max-width:720px){.reactions-wrap{border-radius:14px;border-left:1px solid var(--border);border-right:1px solid var(--border);margin-bottom:16px}}.lp-stats-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0 20px}.lp-stat-item{text-align:center;padding:24px 40px;flex-shrink:0}.lp-stat-val{font-size:34px;font-weight:900;color:var(--accent);letter-spacing:-.03em;line-height:1;margin-bottom:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lp-stat-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.lp-stat-divider{width:1px;height:44px;background:var(--border);flex-shrink:0}.lp-section-wrap{width:100%}.lp-section-wrap.lp-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-section{max-width:1100px;margin:0 auto;padding:80px 40px;width:100%}.lp-section-badge{display:inline-block;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(249,115,22,.3);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px}.lp-section-title{font-size:40px;font-weight:900;letter-spacing:-.025em;line-height:1.12;margin-bottom:16px}.lp-section-sub{font-size:17px;color:var(--text-2);line-height:1.65;max-width:580px;margin-bottom:48px}.lp-features-6{grid-template-columns:repeat(3,1fr);margin-top:40px}.lp-feat-highlight{border-color:rgba(249,115,22,.4);background:rgba(249,115,22,.04)}.lp-feat-highlight .lp-feat-icon{background:var(--accent-dim)}@media (max-width:900px){.lp-features-6{grid-template-columns:repeat(2,1fr)}}.lp-steps{display:flex;align-items:flex-start;gap:0;margin-top:40px}.lp-step{flex:1 1;text-align:center;padding:0 16px}.lp-step-num{display:inline-block;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(249,115,22,.3);padding:3px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.lp-step-icon{font-size:52px;line-height:1;margin-bottom:16px;display:block}.lp-step h3{font-size:18px;font-weight:800;margin-bottom:10px;color:var(--text)}.lp-step p{font-size:14px;color:var(--text-2);line-height:1.65}.lp-step-arrow{font-size:24px;color:var(--text-3);padding-top:90px;flex-shrink:0}.lp-wp-card{display:flex;gap:40px;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:36px;margin-top:40px;overflow:hidden}.lp-wp-left{flex:1 1;min-width:0}.lp-wp-right{flex-shrink:0}.lp-wp-stat-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.lp-wp-live-badge{display:flex;align-items:center;gap:6px;background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:4px 12px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.lp-wp-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulse 1.5s infinite}.lp-wp-fans{font-size:14px;font-weight:700;color:var(--text-2)}.lp-wp-challenge{margin-bottom:24px}.lp-wp-ch-label{font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--text-3);text-transform:uppercase;margin-bottom:6px}.lp-wp-ch-title{font-size:26px;font-weight:900;letter-spacing:-.02em;margin-bottom:18px;line-height:1.1}.lp-wp-votes{display:flex;gap:10px;margin-bottom:20px}.lp-wp-yes{background:rgba(16,185,129,.12);color:#10b981;border:1.5px solid rgba(16,185,129,.3);border-radius:10px}.lp-wp-no,.lp-wp-yes{flex:1 1;padding:11px 16px;font-size:14px;font-weight:800;text-align:center}.lp-wp-no{background:rgba(239,68,68,.1);color:#ef4444;border:1.5px solid rgba(239,68,68,.25);border-radius:10px}.lp-wp-reactions{display:flex;gap:14px;flex-wrap:wrap}.lp-wp-reaction{font-size:13px;font-weight:700;color:var(--text-2);display:flex;align-items:center;gap:5px}.lp-qr-wrap{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:20px;text-align:center;width:180px}.lp-qr-inner{background:#fff;padding:12px;border-radius:10px;margin-bottom:12px}.lp-qr-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.lp-qr-cell{aspect-ratio:1;border-radius:2px;background:transparent}.lp-qr-cell.on{background:#0f172a}.lp-qr-label{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;line-height:1.5}.lp-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-top:40px}.lp-tech-chip{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);padding:14px 16px;border-radius:12px;transition:border-color var(--t),background var(--t),transform var(--t);cursor:default}.lp-tech-chip:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.lp-tech-icon{font-size:22px;flex-shrink:0;line-height:1}.lp-tech-name{font-size:12px;font-weight:700;color:var(--text);margin-bottom:2px}.lp-tech-desc{font-size:11px;color:var(--text-3);line-height:1.3}.lp-cta-final-wrap{background:linear-gradient(180deg,var(--bg) 0,var(--surface) 100%);border-top:1px solid var(--border)}.lp-cta-final{max-width:700px;margin:0 auto;padding:90px 40px;text-align:center}.lp-cta-final-title{font-size:44px;font-weight:900;letter-spacing:-.025em;line-height:1.1;margin-bottom:16px}.lp-cta-final-sub{font-size:17px;color:var(--text-2);margin-bottom:36px;line-height:1.6}.lp-btn-lg{padding:20px 52px;font-size:18px;border-radius:14px}@media (max-width:760px){.lp-section{padding:56px 20px}.lp-section-title{font-size:28px}.lp-section-sub{font-size:15px}.lp-stat-item{padding:18px 20px}.lp-stat-val{font-size:26px}.lp-stat-divider{display:none}.lp-steps{flex-direction:column;gap:32px}.lp-step{text-align:left;display:flex;gap:16px;padding:0}.lp-step-icon{font-size:36px;flex-shrink:0;margin-bottom:0}.lp-step>div{flex:1 1}.lp-step-arrow{display:none}.lp-wp-card{flex-direction:column;gap:24px;padding:24px}.lp-qr-wrap{width:100%}.lp-tech-grid{grid-template-columns:repeat(2,1fr)}.lp-cta-final{padding:60px 20px}.lp-cta-final-title{font-size:30px}.lp-btn-lg{width:100%;justify-content:center;padding:18px 32px;font-size:16px}}@media (max-width:480px){.lp-features-6,.lp-tech-grid{grid-template-columns:1fr}.lp-features-6{gap:14px}}.phase-wrap{display:flex;flex-direction:column;gap:14px;padding:16px;animation:fadeIn .3s ease}.phase-matchup{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px}.phase-team{display:flex;flex-direction:column;gap:4px}.phase-team.right{align-items:flex-end}.phase-team-name{font-size:16px;font-weight:900}.phase-team-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.phase-vs{font-size:22px;font-weight:900;color:var(--text-3);letter-spacing:.05em}.phase-tabs{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.phase-tab{flex:1 1;padding:10px 8px;border:none;background:none;font-size:13px;font-weight:700;color:var(--text-3);cursor:pointer;transition:all var(--t)}.phase-tab.active{background:var(--accent-dim);color:var(--accent)}.phase-section{display:flex;flex-direction:column;gap:14px}.phase-locked-banner{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:#10b981;text-align:center}.phase-pred-group{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.phase-pred-label{font-size:13px;font-weight:800;color:var(--text);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.phase-pred-xp{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(249,115,22,.3);padding:2px 8px;border-radius:20px}.phase-scorer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.phase-scorer-btn{padding:9px 6px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface2);font-size:12px;font-weight:600;color:var(--text);cursor:pointer;transition:all var(--t);text-align:center}.phase-scorer-btn.active,.phase-scorer-btn:hover:not(.locked){border-color:var(--accent)}.phase-scorer-btn.active{background:var(--accent-dim);color:var(--accent)}.phase-scorer-btn.locked{opacity:.6;cursor:default}.phase-result-btns{display:flex;flex-direction:column;gap:7px}.phase-result-btn{padding:11px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface2);font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all var(--t);text-align:left}.phase-result-btn.active,.phase-result-btn:hover:not(.locked){border-color:var(--accent)}.phase-result-btn.active{background:var(--accent-dim);color:var(--accent)}.phase-result-btn.locked{opacity:.6;cursor:default}.phase-save-btn{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;transition:opacity var(--t),transform var(--t);box-shadow:0 4px 14px rgba(249,115,22,.4)}.phase-save-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.phase-save-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.phase-my-preds{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.phase-my-pred-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2)}.phase-my-pred-row strong{color:var(--text)}.phase-lineup{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.phase-lineup-col{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.phase-lineup-hdr{padding:10px 12px;font-size:13px;font-weight:800;background:var(--surface2)}.phase-lineup-hdr,.phase-lineup-row{border-bottom:1px solid var(--border)}.phase-lineup-row{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px}.phase-lineup-row:last-child{border-bottom:none}.phase-lineup-pos{font-size:9px;font-weight:800;color:var(--text-3);width:26px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.phase-lineup-name{color:var(--text);font-weight:600}.ht-banner{background:linear-gradient(135deg,#1e3150,#0f1a2e);border:1px solid var(--border);border-radius:16px;padding:24px 20px;text-align:center}.ht-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.ht-score{display:flex;align-items:center;justify-content:center;gap:16px;font-size:18px;font-weight:800}.ht-score-num{font-size:36px;font-weight:900;color:var(--text);letter-spacing:-.02em}.ht-ai-box{background:var(--surface);border:1px solid rgba(249,115,22,.3);border-left:3px solid var(--accent);border-radius:12px;padding:14px 16px}.ht-ai-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:6px}.ht-ai-text{font-size:13px;color:var(--text-2);line-height:1.6;font-style:italic}.ht-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.ht-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center}.ht-stat-val{font-size:18px;font-weight:900;color:var(--text);margin-bottom:4px}.ht-stat-lbl{font-size:10px;font-weight:600;color:var(--text-3);letter-spacing:.04em}.ht-lb-hdr,.ht-stat-lbl{text-transform:uppercase}.ht-lb-hdr{font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:.05em;margin-bottom:2px}.ht-lb{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ht-lb-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px}.ht-lb-row:last-child{border-bottom:none}.ht-lb-row.me{background:var(--accent-dim)}.ht-lb-medal{font-size:16px;flex-shrink:0}.ht-lb-name{flex:1 1;font-weight:600;color:var(--text)}.ht-lb-xp{font-size:12px;font-weight:700;color:var(--accent)}.ht-lb-ellipsis{padding:4px 14px;font-size:18px;border-bottom:1px solid var(--border)}.ht-hint,.ht-lb-ellipsis{color:var(--text-3);text-align:center}.ht-hint{font-size:13px;padding:4px 0 8px}.ft-banner{background:linear-gradient(135deg,#0f2027,#1a1a2e);border:1px solid var(--border);border-radius:16px;padding:24px 20px;text-align:center}.ft-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#10b981;margin-bottom:10px}.ft-score{display:flex;align-items:center;justify-content:center;gap:16px;font-size:18px;font-weight:800}.ft-score-num{font-size:40px;font-weight:900;color:var(--text);letter-spacing:-.02em}.ft-perf-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.ft-perf-hdr{padding:12px 16px;font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--surface2)}.ft-perf-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0}.ft-perf-stat{padding:16px 8px;text-align:center;border-right:1px solid var(--border)}.ft-perf-stat:last-child{border-right:none}.ft-perf-val{font-size:18px;font-weight:900;color:var(--text);margin-bottom:4px}.ft-perf-lbl{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.ft-pm-results{padding:12px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.ft-pm-hdr{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.ft-pm-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-2)}.ft-correct{color:#10b981;font-weight:700}.ft-wrong{color:#ef4444;font-weight:700}.ft-league-hdr{font-size:12px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.ft-league{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ft-league-thead{padding:7px 14px;font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;background:var(--surface2)}.ft-league-row,.ft-league-thead{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--border)}.ft-league-row{padding:9px 14px;font-size:13px;transition:background var(--t)}.ft-league-row:last-child{border-bottom:none}.ft-league-row.me{background:var(--accent-dim)}.ft-league-rank{width:18px;font-weight:700;color:var(--text-3);flex-shrink:0}.ft-league-name{flex:1 1;font-weight:600;color:var(--text)}.ft-league-acc{font-size:11px;color:var(--text-3);min-width:32px;text-align:right}.ft-league-xp{font-size:12px;font-weight:700;color:var(--accent);min-width:52px;text-align:right}.ft-challenge-btn{width:100%;padding:15px;background:var(--surface);border:1.5px solid var(--accent);border-radius:12px;font-size:14px;font-weight:800;color:var(--accent);cursor:pointer;transition:all var(--t)}.ft-challenge-btn:hover{background:var(--accent-dim);transform:translateY(-1px)}.mw-next-match{background:linear-gradient(135deg,var(--accent-dim) 0,transparent 100%);border:1px solid rgba(249,115,22,.3);border-radius:16px;padding:20px;text-align:center}.mw-next-label{font-size:10px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.mw-next-fixture{font-size:18px;font-weight:900;color:var(--text);margin-bottom:6px}.mw-next-countdown{font-size:14px;color:var(--text-2)}.mw-next-countdown strong{color:var(--accent)}.mw-stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.mw-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 8px;text-align:center}.mw-stat-val{font-size:20px;font-weight:900;color:var(--text);margin-bottom:4px}.mw-stat-lbl{font-size:10px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.mw-comeback,.mw-streak-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}.mw-comeback{border-left:3px solid #ef4444}.mw-streak-card{border-left:3px solid #f97316}.mw-comeback-icon,.mw-streak-icon{font-size:26px;flex-shrink:0;line-height:1}.mw-comeback-title,.mw-streak-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:5px}.mw-comeback-sub,.mw-streak-sub{font-size:12px;color:var(--text-2);line-height:1.6}.mw-squad-hdr{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:var(--text)}.mw-squad-hint{font-size:11px;font-weight:600;color:var(--text-3)}.mw-squad-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.mw-squad-slot{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;transition:all var(--t)}.mw-squad-slot:not(.locked):hover{border-color:var(--accent);background:var(--accent-dim)}.mw-squad-slot.locked{opacity:.45}.mw-squad-pos{font-size:9px;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.mw-squad-name{font-size:11px;font-weight:700;color:var(--text);margin-bottom:3px}.mw-squad-rating{font-size:14px;font-weight:900;color:var(--accent)}.mw-squad-lock{font-size:18px}.admin-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-hdr{justify-content:space-between;padding:16px 32px;background:var(--hdr);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100;flex-wrap:wrap}.admin-hdr,.admin-hdr-left{display:flex;align-items:center;gap:12px}.admin-logo{font-size:24px}.admin-title{font-size:18px;font-weight:900;color:var(--accent)}.admin-subtitle{font-size:12px;font-weight:600;color:var(--text-3);background:var(--surface2);border:1px solid var(--border);padding:3px 10px;border-radius:20px}.admin-hdr-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-ws-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px}.admin-ws-status.connected{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.3)}.admin-ws-status.connecting{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-ws-status.disconnected{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-ws-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.admin-reconnect-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer}.admin-back-btn,.admin-reconnect-btn{padding:6px 14px;font-size:12px;font-weight:700}.admin-back-btn{background:var(--surface2);color:var(--text-2);border:1px solid var(--border);border-radius:8px;text-decoration:none;transition:all var(--t)}.admin-back-btn:hover{border-color:var(--accent);color:var(--accent)}.admin-body{padding:24px 32px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.admin-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}.admin-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 16px;text-align:center;transition:transform var(--t)}.admin-kpi-card:hover{transform:translateY(-2px)}.admin-kpi-icon{font-size:22px;margin-bottom:8px}.admin-kpi-val{font-size:24px;font-weight:900;letter-spacing:-.02em;margin-bottom:4px}.admin-kpi-lbl{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.admin-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.admin-card-hdr{padding:13px 18px;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);background:var(--surface2)}.admin-card-sub{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:12px 18px 0}.admin-empty{padding:28px 18px;font-size:13px;color:var(--text-3);text-align:center}.admin-match-score{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}.admin-match-team{font-size:15px;font-weight:800}.admin-match-team.home{color:#1a3a8f}.admin-match-team.away{color:#dc2626}.admin-match-num{font-size:36px;font-weight:900;color:var(--text);letter-spacing:-.02em}.admin-match-meta{padding:0 18px 16px;font-size:12px;color:var(--text-3);display:flex;flex-direction:column;gap:8px}.admin-progress-track{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.admin-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.admin-bar-row{display:flex;align-items:center;gap:8px;padding:4px 18px;font-size:11px}.admin-bar-label{width:90px;color:var(--text-2);font-weight:600;flex-shrink:0;text-transform:capitalize;font-size:10px}.admin-bar-track{flex:1 1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.admin-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.admin-bar-val{width:24px;text-align:right;color:var(--text-2);font-weight:700;flex-shrink:0}.admin-lb{overflow:hidden}.admin-lb-hdr{padding:7px 18px;font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;background:var(--surface2)}.admin-lb-hdr,.admin-lb-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--border)}.admin-lb-row{padding:9px 18px;font-size:13px;transition:background var(--t)}.admin-lb-row:last-child{border-bottom:none}.admin-lb-row:hover{background:var(--surface2)}.admin-lb-rank{width:18px;font-weight:700;color:var(--text-3);flex-shrink:0}.admin-lb-info{flex:1 1;display:flex;align-items:center;gap:6px;min-width:0}.admin-lb-name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-lb-streak{font-size:10px;color:#f97316;font-weight:700;flex-shrink:0}.admin-lb-acc{font-size:11px;color:var(--text-3);min-width:32px;text-align:right}.admin-lb-xp{font-size:12px;font-weight:700;color:var(--accent);min-width:52px;text-align:right}.admin-log{max-height:400px;overflow-y:auto}.admin-log-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px;border-bottom:1px solid var(--border);font-size:12px}.admin-log-row:last-child{border-bottom:none}.admin-log-text{color:var(--text-2);flex:1 1}.admin-log-time{color:var(--text-3);flex-shrink:0;font-size:10px}.admin-insights-card{padding-bottom:4px}.admin-insights-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;padding:16px}.admin-insight{display:flex;gap:14px;align-items:flex-start;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px}.admin-insight-accuracy{border-left:3px solid #3b82f6}.admin-insight-churn{border-left:3px solid #ef4444}.admin-insight-streak{border-left:3px solid #f97316}.admin-insight-goals{border-left:3px solid #10b981}.admin-insight-peak{border-left:3px solid #8b5cf6}.admin-insight-idle{border-left:3px solid var(--border)}.admin-insight-icon{font-size:22px;flex-shrink:0;line-height:1}.admin-insight-title{font-size:13px;font-weight:800;color:var(--text);margin-bottom:5px}.admin-insight-body{font-size:12px;color:var(--text-2);line-height:1.6}.admin-auth-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;padding:16px}.admin-auth-item{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.admin-auth-item.current{border-color:rgba(16,185,129,.4)}.admin-auth-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.admin-auth-name{font-size:14px;font-weight:800;color:var(--text)}.admin-auth-desc{font-size:12px;color:var(--text-2);line-height:1.6;flex:1 1}.admin-auth-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;display:inline-block;width:-moz-fit-content;width:fit-content;margin-top:4px}.admin-auth-status.good{background:rgba(16,185,129,.12);color:#10b981}.admin-auth-status.planned{background:rgba(59,130,246,.12);color:#3b82f6}.admin-auth-status.vision{background:rgba(249,115,22,.12);color:#f97316}@media (max-width:1200px){.admin-kpi-row{grid-template-columns:repeat(3,1fr)}.admin-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:760px){.admin-body{padding:16px}.admin-kpi-row{grid-template-columns:repeat(2,1fr)}.admin-auth-grid,.admin-grid-3,.admin-insights-grid{grid-template-columns:1fr}.admin-hdr{padding:14px 16px}}.lb-king-banner{padding:10px 16px;background:linear-gradient(90deg,rgba(245,158,11,.18),transparent);border-bottom:1px solid rgba(245,158,11,.2);font-size:12px;font-weight:800;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase}.lb-load-more{width:100%;padding:13px;background:none;border:none;border-top:1px solid var(--border);color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;transition:background var(--t);letter-spacing:.02em}.lb-load-more:hover{background:var(--accent-dim)}.join-arena-cta{width:calc(100% - 32px);margin:0 16px;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 18px rgba(249,115,22,.4);transition:opacity var(--t),transform var(--t)}.join-arena-cta:hover{opacity:.88;transform:translateY(-1px)}.tactical-feed{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 16px}.tactical-hdr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:10px}.tactical-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.tactical-row:last-child{border-bottom:none}.tactical-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tactical-dot.online{background:#10b981;box-shadow:0 0 6px #10b981}.tactical-dot.offline{background:var(--text-3)}.tactical-name{flex:1 1;font-weight:600;color:var(--text)}.tactical-status{font-size:11px;color:var(--text-3)}.marketplace-card{background:linear-gradient(135deg,var(--surface) 0,var(--surface2) 100%);border:1px solid var(--border);border-left:3px solid var(--accent);padding:14px 16px;margin:0}.marketplace-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.marketplace-left{display:flex;flex-direction:column;gap:3px}.marketplace-badge{font-size:9px;font-weight:800;background:var(--accent);color:#fff;padding:2px 7px;border-radius:20px;letter-spacing:.06em;display:inline-block;width:-moz-fit-content;width:fit-content}.marketplace-title{font-size:14px;font-weight:900;color:var(--text);letter-spacing:.04em}.marketplace-sub{font-size:12px;color:var(--text-2)}.marketplace-right{font-size:32px;line-height:1}.marketplace-btn{width:100%;padding:10px;background:var(--accent-dim);border:1px solid var(--accent);border-radius:8px;font-size:12px;font-weight:800;color:var(--accent);letter-spacing:.04em;cursor:pointer;transition:all var(--t)}.marketplace-btn:hover{background:var(--accent);color:#fff}.fan-chat{background:var(--surface);border-top:1px solid var(--border)}.fan-chat,.fan-chat-hdr{border-bottom:1px solid var(--border)}.fan-chat-hdr{padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.fan-chat-row{display:flex;align-items:flex-start;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border);animation:slideIn .2s ease}.fan-chat-row:last-child{border-bottom:none}.fan-chat-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fan-chat-body{flex:1 1;min-width:0}.fan-chat-name{font-size:11px;font-weight:700;color:var(--accent);margin-right:6px}.fan-chat-msg{font-size:13px;color:var(--text-2)}.fan-chat-emoji{font-size:18px;flex-shrink:0}.profile-rank-tag{font-size:11px;font-weight:700;color:var(--text-3);letter-spacing:.05em;margin-bottom:4px}.profile-hot-streak{background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.35);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:800;color:#f97316;letter-spacing:.03em;margin-bottom:8px}.wp-tab{display:flex;flex-direction:column;gap:0;animation:fadeIn .3s ease}.wp-tab-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.wp-tab-live-badge{display:flex;align-items:center;gap:6px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.3);padding:4px 12px;border-radius:20px;font-size:10px;font-weight:800;color:#ef4444;letter-spacing:.08em;text-transform:uppercase}.wp-tab-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulse 1.5s infinite}.wp-tab-fans{font-size:13px;font-weight:700;color:var(--text-2)}.wp-tab-challenge{padding:20px 16px;background:var(--surface2);border-bottom:1px solid var(--border)}.wp-tab-ch-eyebrow{font-size:10px;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.wp-tab-ch-title{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--text);margin-bottom:16px}.wp-tab-bars{display:flex;flex-direction:column;gap:8px}.wp-tab-bar-row{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.wp-tab-bar-row.yes{color:#10b981}.wp-tab-bar-row.no{color:#ef4444}.wp-tab-bar-track{flex:1 1;height:10px;background:var(--border);border-radius:5px;overflow:hidden}.wp-tab-bar-fill{height:100%;border-radius:5px;animation:rvGrow .7s ease forwards}.wp-tab-bar-fill.yes{background:#10b981}.wp-tab-bar-fill.no{background:#ef4444}.wp-tab-qr-section{padding:16px;display:flex;justify-content:center;background:var(--surface);border-bottom:1px solid var(--border)}.wp-tab-qr-box{background:var(--surface2);border:1.5px solid var(--border);border-radius:14px;padding:14px;text-align:center;width:160px}.wp-tab-qr-inner{background:#fff;padding:10px;border-radius:8px;margin-bottom:10px}.wp-tab-qr-grid{display:grid;grid-template-columns:repeat(19,1fr);grid-gap:1.5px;gap:1.5px}.wp-tab-qr-cell{aspect-ratio:1;border-radius:1px;background:transparent}.wp-tab-qr-cell.on{background:#0f172a}.wp-tab-qr-label{font-size:9px;letter-spacing:.05em;line-height:1.5}.wp-tab-qr-label,.wp-tab-ranks-hdr{font-weight:700;color:var(--text-3);text-transform:uppercase}.wp-tab-ranks-hdr{font-size:11px;letter-spacing:.07em}.wp-tab-rank-row,.wp-tab-ranks-hdr{padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.wp-tab-rank-row{display:flex;align-items:center;gap:10px;transition:background var(--t)}.wp-tab-rank-num{font-size:14px;font-weight:900;color:var(--accent);width:26px;flex-shrink:0}.wp-tab-rank-name{flex:1 1;font-size:13px;font-weight:600;color:var(--text)}.wp-tab-rank-xp{font-size:12px;font-weight:700;color:var(--text-2)}.wp-tab-rank-tier{font-size:9px;font-weight:800;padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.wp-tab-footer{padding:14px 16px;background:var(--surface2);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-3);text-align:center}.wp-tab-footer strong{color:var(--accent)}.welcome-back-toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:var(--surface);border:1.5px solid rgba(16,185,129,.4);border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text);box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:600;white-space:nowrap;animation:toastIn .3s ease,toastOut .4s ease 3.1s forwards;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-8px)}}.edit-identity-btn{width:100%;padding:12px;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;font-size:13px;font-weight:700;color:var(--text-2);cursor:pointer;transition:all var(--t);text-align:center}.edit-identity-btn:hover{border-color:var(--accent);color:var(--accent)}.edit-identity-form{display:flex;flex-direction:column;gap:10px}.edit-identity-label{font-weight:700;text-transform:uppercase;letter-spacing:.06em}.edit-identity-hint,.edit-identity-label{font-size:11px;color:var(--text-3)}.edit-identity-btns{display:flex;gap:8px}.admin-error-banner{background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 32px;font-size:13px;line-height:1.6}.admin-error-banner code{background:rgba(239,68,68,.15);padding:1px 6px;border-radius:4px;font-family:monospace;font-size:12px}.hdr-fans{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.hdr-fans-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@media (max-width:480px){.hdr-fans{display:none}}.xp-pop{position:fixed;top:68px;right:20px;background:var(--accent);color:#fff;font-size:15px;font-weight:900;padding:7px 16px;border-radius:20px;box-shadow:0 4px 20px rgba(249,115,22,.5);pointer-events:none;z-index:500;animation:xpFloat 1.6s ease forwards}@keyframes xpFloat{0%{opacity:0;transform:translateY(0) scale(.8)}15%{opacity:1;transform:translateY(-6px) scale(1.1)}70%{opacity:1;transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-36px) scale(.9)}}.pred-reveal{display:flex;flex-direction:column;align-items:center;gap:10px;animation:scaleIn .22s ease}.pred-reveal-icon{font-size:52px;line-height:1;margin-bottom:2px}.pred-reveal-title{font-size:18px;font-weight:800;color:var(--text);text-align:center}.pred-reveal-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-top:8px}.pred-reveal-bars{width:100%;display:flex;flex-direction:column;gap:8px}.pred-rv-row{display:flex;align-items:center;gap:8px}.pred-rv-tag{font-size:10px;font-weight:800;letter-spacing:.05em;width:28px;text-align:center;flex-shrink:0}.pred-rv-tag.yes{color:var(--green)}.pred-rv-tag.no{color:var(--red)}.pred-rv-track{flex:1 1;height:10px;background:var(--border);border-radius:5px;overflow:hidden}.pred-rv-fill{height:100%;border-radius:5px;animation:rvGrow .6s ease forwards}.pred-rv-fill.yes{background:var(--green)}.pred-rv-fill.no{background:var(--red)}@keyframes rvGrow{0%{width:0!important}}.pred-rv-pct{font-size:12px;font-weight:800;color:var(--text-2);width:32px;text-align:right;flex-shrink:0}.pred-reveal-pts{font-size:12px;color:var(--text-3);text-align:center;margin-top:6px;line-height:1.5}.wp-desktop-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:16px;gap:16px;width:100%}