*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#132C47;--bg-card:#1E3C58;--surface-2:#294C63;--border:#3A6486;--text:#D4ECE9;--text-dim:#A9C4C1;--text-faint:#7B918F;--accent:#D86350;--accent-rgb:216,99,80;--bg-rgb:19,44,71;--border-rgb:58,100,134;--surface-rgb:30,60,88;--surface2-rgb:41,76,99;--neutral-rgb:120,174,173;--danger:#e24a3a;--danger-rgb:226,74,58;--gold:#ffd54f;--topbar-h:56px;--bottombar-h:42px}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden}a{color:var(--accent);text-decoration:none}.app-shell{height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(var(--bg-rgb),.92);border-bottom:1px solid var(--border);z-index:20}.brand{font-size:18px;font-weight:800;letter-spacing:2px}.live-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--danger-rgb),.12);border:1px solid var(--danger);color:var(--danger);font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:1px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.topbar-right{gap:10px}.spin-btn,.topbar-right{display:flex;align-items:center}.spin-btn{width:32px;height:32px;border-radius:8px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent);color:var(--accent);font-size:14px;cursor:pointer;justify-content:center}.spin-btn:hover{background:rgba(var(--accent-rgb),.22)}.bottombar{height:var(--bottombar-h);flex:none;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(var(--bg-rgb),.92);border-top:1px solid var(--border);color:var(--text-dim);font-size:13px;z-index:20}.map-stage{flex:1 1;position:relative;overflow:hidden;background:#000}#live-map{position:absolute;inset:0;background:#000;filter:brightness(1)}.globe-glow{left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;border-radius:50%;background:radial-gradient(circle closest-side at 50% 50%,transparent 66%,rgba(255,255,255,.14) 69%,rgba(255,255,255,.34) 71.4%,rgba(255,255,255,.14) 74%,transparent 77%);mix-blend-mode:screen}.globe-glow,.map-loading{position:absolute;pointer-events:none}.map-loading{inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:14px}.feed-overlay{position:absolute;top:12px;right:0;bottom:12px;width:340px;display:flex;flex-direction:column;background:rgba(var(--bg-rgb),.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(var(--border-rgb),.7);border-right:none;border-radius:14px 0 0 14px;z-index:10}.feed-head{padding:12px 16px;border-bottom:1px solid rgba(var(--border-rgb),.7);display:flex;align-items:center;justify-content:space-between;flex:none}.feed-head h2{font-size:14px}.feed-filter{background:rgba(var(--bg-rgb),.7);color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:4px 8px;font-size:12px}.feed-list{flex:1 1;overflow-y:auto;padding:4px 0}.feed-list::-webkit-scrollbar{width:6px}.feed-list::-webkit-scrollbar-thumb{background:rgba(var(--neutral-rgb),.3);border-radius:3px}.feed-item{padding:9px 16px;border-bottom:1px solid rgba(var(--border-rgb),.4);font-size:13px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.feed-item .time{color:var(--text-dim);font-size:11px}.feed-item.new{animation:flash 1.2s ease-out}@keyframes flash{0%{background:rgba(var(--accent-rgb),.2)}to{background:transparent}}.feed-toggle{position:absolute;top:-1px;left:-34px;width:34px;height:44px;background:rgba(var(--bg-rgb),.75);border:1px solid rgba(var(--border-rgb),.7);border-right:none;border-radius:10px 0 0 10px;color:var(--text-dim);font-size:15px;cursor:pointer}.feed-overlay.collapsed{transform:translateX(100%)}.feed-overlay{transition:transform .25s ease}.feed-overlay.collapsed .feed-toggle{left:-34px}@media (max-width:700px){.feed-overlay{width:min(85vw,320px)}.brand{font-size:15px;letter-spacing:1px}.bottombar{font-size:11px;padding:0 10px;text-align:center}}.stats-btn{background:rgba(var(--bg-rgb),.7);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer}.stats-btn:hover{border-color:var(--accent)}.info-panel{position:absolute;top:12px;left:0;bottom:12px;width:360px;display:flex;flex-direction:column;background:rgba(var(--bg-rgb),.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(var(--border-rgb),.7);border-left:none;border-radius:0 14px 14px 0;z-index:11;transform:translateX(-100%);transition:transform .25s ease;pointer-events:none}.info-panel.open{transform:translateX(0);pointer-events:auto}.info-panel.collapsed{transform:translateX(-100%)}.ip-toggle{top:-1px;right:-34px;width:34px;height:44px;background:rgba(var(--bg-rgb),.75);border:1px solid rgba(var(--border-rgb),.7);border-left:none;border-radius:0 10px 10px 0;color:var(--text-dim);font-size:15px;cursor:pointer}.ip-toggle,.panel-tip{position:absolute;pointer-events:auto}.panel-tip{top:0;width:190px;z-index:20;background:rgba(var(--bg-rgb),.96);border:1px solid rgba(var(--border-rgb),.8);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.4;color:var(--text);box-shadow:0 4px 16px rgba(0,0,0,.45)}.panel-tip.left{left:calc(100% + 42px)}.panel-tip.right{right:calc(100% + 42px)}.panel-tip-cb{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--text-dim)}.panel-tip-cb,.panel-tip-cb input{cursor:pointer}.ip-head{padding:12px 16px;border-bottom:1px solid rgba(var(--border-rgb),.7);display:flex;align-items:center;justify-content:space-between;flex:none}.ip-head h2{font-size:15px}.ip-head-l{display:flex;align-items:center;gap:6px;min-width:0}.ip-head-l h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-back{background:none;border:none;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer;padding:0 4px;flex:none}.ip-back:hover{color:var(--text)}.ip-close{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:2px 6px}.ip-close:hover{color:var(--text)}.ip-body{flex:1 1;overflow-y:auto;padding:14px 16px}.ip-body::-webkit-scrollbar{width:6px}.ip-body::-webkit-scrollbar-thumb{background:rgba(var(--neutral-rgb),.3);border-radius:3px}.ip-empty{text-align:center;padding:30px 0;font-size:13px}.ip-empty,.ip-sub{color:var(--text-dim)}.ip-sub{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 9px}.ip-sub:first-child{margin-top:0}.ip-grid{display:flex;flex-wrap:wrap;gap:6px}.ip-tile{position:relative;width:calc(33.33% - 4px);background:rgba(var(--surface-rgb),.7);border:1px solid rgba(var(--surface2-rgb),.8);border-radius:10px;padding:11px 4px;text-align:center}.ip-tile-v{font-size:19px;font-weight:900;color:var(--text)}.ip-tile-l{font-size:9px;color:var(--text-faint);margin-top:3px}.ip-active{position:absolute;top:3px;right:5px;color:var(--danger);font-size:8px;font-weight:900}.ip-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:11px}.ip-bar-icon{font-size:17px;width:24px;text-align:center}.ip-bar-body{flex:1 1}.ip-bar-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text);margin-bottom:4px}.ip-bar-head em{color:var(--text-dim);font-style:normal;font-size:10px}.ip-bar-track{height:6px;background:rgba(var(--bg-rgb),.9);border-radius:3px;overflow:hidden}.ip-bar-fill{height:100%;border-radius:3px}.ip-chips{display:flex;flex-wrap:wrap;gap:6px}.ip-chip{background:rgba(var(--surface-rgb),.7);border:1px solid rgba(var(--surface2-rgb),.8);border-radius:16px;padding:5px 10px;font-size:11px;color:var(--text)}.ip-chip b{color:var(--accent)}.ip-ach{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ip-ach-name{font-size:11px;color:var(--text);width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-ach-track{flex:1 1;height:5px;background:rgba(var(--bg-rgb),.9);border-radius:3px;overflow:hidden}.ip-ach-fill{height:100%;background:var(--accent)}.ip-ach-pct{font-size:10px;color:var(--text);width:36px;text-align:right}.ip-country-link{color:var(--accent);font-weight:700;font-size:14px;margin-bottom:12px;cursor:pointer}.ip-social{margin-top:14px;text-align:center;color:var(--text-dim);font-size:13px}.ip-social b{color:var(--text)}.ip-tabs{display:flex;gap:6px;margin-bottom:10px}.ip-tab{flex:1 1;padding:8px;border-radius:8px;background:rgba(var(--surface-rgb),.7);border:1px solid rgba(var(--surface2-rgb),.8);color:var(--text-dim);font-weight:700;font-size:12px;cursor:pointer}.ip-tab.active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--text)}.ip-lb-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.ip-lb-chip{padding:5px 9px;border-radius:14px;background:rgba(var(--surface-rgb),.7);border:1px solid rgba(var(--surface2-rgb),.8);color:var(--text-dim);font-size:11px;cursor:pointer}.ip-lb-chip.active{background:rgba(var(--accent-rgb),.18);border-color:var(--accent);color:var(--text)}.ip-lb-head{display:flex;padding:0 6px 6px;font-size:10px;color:var(--text-dim);font-weight:700}.ip-lb-head span:first-child{width:30px}.ip-lb-head span:nth-child(2){flex:1 1}.ip-lb-head span:nth-child(3){width:72px;text-align:right}.ip-lb-row{display:flex;align-items:center;padding:9px 6px;border-bottom:1px solid rgba(var(--border-rgb),.4);cursor:pointer}.ip-lb-row:hover{background:rgba(var(--surface2-rgb),.4)}.ip-lb-rank{width:30px;color:var(--text-faint);font-weight:800;font-size:12px}.ip-lb-name{flex:1 1;font-weight:600}.ip-lb-name,.ip-lb-val{color:var(--text);font-size:13px}.ip-lb-val{width:72px;text-align:right;font-weight:800}.ip-gap{text-align:center;color:var(--text-faint);padding:5px;letter-spacing:3px}.ip-lb-total{color:var(--text-dim);font-size:11px;text-align:center;margin-top:12px}.feed-link{color:var(--accent);font-weight:700;cursor:pointer}.feed-link.country{color:var(--gold)}@media (max-width:700px){.info-panel{width:min(90vw,340px)}.stats-btn{font-size:12px;padding:5px 9px}}.topbar{position:relative}.season-countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;line-height:1.1;pointer-events:none}.sc-label{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.sc-value{font-size:15px;font-weight:900;color:var(--text);letter-spacing:.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sc-value.urgent{color:#ff7043}@media (max-width:700px){.season-countdown{position:static;transform:none;flex-direction:row;gap:5px}.sc-label{display:none}.sc-value{font-size:13px}}.ip-mode{display:flex;gap:5px;margin-bottom:10px}.ip-mode-tab{flex:1 1;padding:5px;border-radius:7px;background:rgba(var(--bg-rgb),.8);border:1px solid rgba(var(--border-rgb),.8);color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer}.ip-mode-tab.active{background:rgba(var(--surface-rgb),.9);border-color:var(--accent);color:var(--text)}.ip-titles{color:var(--gold);font-weight:600;line-height:1.5;margin-bottom:12px}.ip-berserked,.ip-titles{font-size:12px;font-style:italic;text-align:center}.ip-berserked{color:#ff7043;margin-bottom:10px}.ip-berserked-name{color:#ff7043;font-weight:800;text-decoration:underline;cursor:pointer}