:root{--shell-bg:#040713;--shell-panel:rgba(8,13,30,.78);--shell-line:rgba(138,166,255,.17);--shell-text:#eef3ff;--shell-muted:#8d9ab8;--shell-cyan:#6cf7ff;--shell-green:#61ffb0;--shell-violet:#9476ff;--shell-yellow:#ffd66b}
body.product-page{background:radial-gradient(circle at 65% 20%,#101c3c 0,#070b1c 32%,#03050d 72%);color:var(--shell-text)}
body.product-page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff .6px,transparent .7px);background-size:37px 37px;opacity:.1;z-index:0}
.product-page .topbar{height:72px;padding:0 34px;display:flex;justify-content:flex-start;border-bottom:1px solid var(--shell-line);background:rgba(3,6,15,.76);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}
.product-page .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:13px;font-weight:400;letter-spacing:.18em;white-space:nowrap}
.product-page .brand b{color:var(--shell-cyan)}
.product-page .brand-mark{width:24px;height:24px;border:1px solid var(--shell-cyan);border-radius:50%;box-shadow:0 0 18px var(--shell-cyan);position:relative;flex:0 0 auto}
.product-page .brand-mark:after{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;left:9px;top:9px;box-shadow:0 0 8px 3px var(--shell-cyan)}
.product-page .page-nav{display:flex;gap:30px;margin-left:70px;align-items:center}
.product-page .page-nav a{color:var(--shell-muted);background:none;padding:0;border-radius:0;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.product-page .page-nav a:hover,.product-page .page-nav a.active{color:#fff;background:none}
.product-page .page-nav a.active:after{content:"";display:block;height:1px;margin-top:7px;background:var(--shell-cyan);box-shadow:0 0 8px var(--shell-cyan)}
.product-page .live{margin-left:auto;display:flex;align-items:center;gap:9px;color:#aebbd4;font-size:11px;letter-spacing:.06em}
.product-page .live i{width:7px;height:7px;border-radius:50%;background:var(--shell-green);box-shadow:0 0 10px var(--shell-green)}
.product-page .player{margin-left:auto;background:rgba(255,255,255,.035);border:1px solid var(--shell-line);border-radius:0;padding:5px 8px 5px 5px}
.product-page .player img{border:1px solid rgba(108,247,255,.5)}
.product-page .player a{color:var(--shell-text)}
.product-page .player-logout{color:var(--shell-muted)}
.product-page .login-panel{position:relative;z-index:2;background:none;min-height:calc(100vh - 72px)}
.product-page .login-card{background:var(--shell-panel);border:1px solid var(--shell-line);border-radius:0;box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.product-page .login-card:before{content:"ПЕРСОНАЛЬНАЯ КАРТА МЕТЫ";display:block;color:var(--shell-cyan);font-size:9px;letter-spacing:.2em;margin-bottom:12px}
.product-page .login-card h2{font-weight:300;font-size:28px;letter-spacing:-.03em}
.product-page .steam-login-btn,.product-page .manual-login-form button,.product-page .nick-search-form button{border-radius:0;letter-spacing:.05em;text-transform:uppercase}
.product-page .manual-login-form input,.product-page .nick-search-form input,.product-page .tt-why{border-radius:0;background:rgba(255,255,255,.035);border-color:var(--shell-line)}
.product-page .hero-picker{background:rgba(3,6,15,.84);border-color:var(--shell-line);backdrop-filter:blur(16px)}
.product-page .stage-frame{border-color:var(--shell-line);box-shadow:0 0 70px rgba(46,89,180,.12)}
.product-page .stage{min-height:calc(100vh - 150px);padding:24px 20px 60px}.product-page .stage-frame{width:calc(100vw - 48px);max-width:1600px;height:calc(100vh - 230px);min-height:680px}
.pool-network-label{position:absolute;z-index:4;top:18px;color:rgba(190,210,255,.4);font-size:9px;letter-spacing:.22em;pointer-events:none}.pool-threat-label{left:19%;color:rgba(255,84,117,.65)}.pool-target-label{right:19%;color:rgba(97,255,176,.65)}
.pool-zoom-tools{position:absolute;right:16px;bottom:16px;z-index:7;display:flex;gap:5px}.pool-zoom-tools button{height:34px;min-width:34px;padding:0 10px;border:1px solid var(--shell-line);background:rgba(8,13,30,.86);color:var(--shell-text);font-size:17px;cursor:pointer}.pool-zoom-tools button:last-child{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.pool-zoom-tools button:hover{color:var(--shell-cyan);border-color:var(--shell-cyan)}
.product-page .tooltip{background:var(--shell-panel);border-color:var(--shell-line);border-radius:0;backdrop-filter:blur(18px)}
.product-page .patches-page{position:relative;z-index:2;max-width:1160px;padding-top:38px}
.product-page .intro-card,.product-page .chart-card{background:var(--shell-panel);border:1px solid var(--shell-line);border-radius:0;box-shadow:0 20px 45px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.product-page .intro-card{padding:28px 30px;border-left:2px solid var(--shell-cyan)}
.product-page .intro-card:before{content:"ЭВОЛЮЦИЯ МЕТЫ";display:block;color:var(--shell-cyan);font-size:9px;letter-spacing:.22em;margin-bottom:10px}
.product-page .intro-card h1{color:var(--shell-text);font-weight:300;font-size:28px;line-height:1.25}
.product-page .chart-card h2{font-weight:500;letter-spacing:-.01em}
.product-page .chart-card,.product-page .intro-card{margin-bottom:18px}
.product-page .meta-table th{color:var(--shell-muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.product-page .meta-table td{border-color:var(--shell-line)}
.product-page .personal-state{display:flex;align-items:center;gap:12px;margin:12px 0 18px;padding:12px;border:1px solid var(--shell-line);background:rgba(255,255,255,.025)}
.product-page .personal-state img{width:38px;height:38px;border-radius:50%;border:1px solid var(--shell-cyan)}
.product-page .personal-state b{display:block;font-size:13px}.product-page .personal-state span{color:var(--shell-muted);font-size:10px}
.product-page .profile-cta{display:inline-flex;color:var(--shell-cyan);border:1px solid rgba(108,247,255,.35);padding:8px 12px;text-decoration:none;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:800px){.product-page .topbar{height:auto;min-height:64px;padding:10px 14px;flex-wrap:wrap}.product-page .page-nav{order:3;width:100%;margin:10px 0 0;gap:18px;overflow:auto;padding-bottom:3px}.product-page .page-nav a{font-size:10px}.product-page .brand{font-size:11px}.product-page .live{display:none}.product-page .player{margin-left:auto}.product-page .patches-page{padding:20px 12px 60px}.product-page .intro-card,.product-page .chart-card{padding:18px 15px}.product-page .stage{padding:10px 8px 50px}.product-page .stage-frame{width:100%;height:calc(100vh - 230px);min-height:560px}.pool-network-label{display:none}}

/* v3 analytics navigation */
.product-page .topbar{height:68px;padding:0 28px;border-bottom-color:rgba(108,247,255,.16);background:linear-gradient(90deg,rgba(4,9,22,.98),rgba(8,15,32,.94));box-shadow:0 10px 34px rgba(0,0,0,.2)}
.product-page .brand{align-self:stretch;min-width:218px;padding-right:25px;border-right:1px solid rgba(138,166,255,.13)}
.product-page .page-nav{align-self:stretch;gap:3px;margin-left:18px}
.product-page .page-nav a{position:relative;display:flex;align-items:center;padding:0 13px;border-left:1px solid transparent;border-right:1px solid transparent;font-size:9px;letter-spacing:.1em}
.product-page .page-nav a:hover{background:rgba(108,247,255,.035);border-color:rgba(108,247,255,.08)}
.product-page .page-nav a.active{background:linear-gradient(180deg,rgba(108,247,255,.08),transparent);color:#fff}
.product-page .page-nav a.active:after{position:absolute;left:12px;right:12px;bottom:0;margin:0}
@media(max-width:1050px){.product-page .brand{min-width:auto}.product-page .page-nav a{padding:0 9px;font-size:8px}.product-page .live{display:none}}
@media(max-width:800px){.product-page .topbar{height:auto}.product-page .brand{min-height:42px;border-right:0}.product-page .page-nav{gap:2px;margin-top:6px}.product-page .page-nav a{min-height:34px;padding:0 10px}}
.analytics-launchpad{position:relative;z-index:3;display:grid;grid-template-columns:minmax(190px,.8fr) repeat(3,minmax(180px,1fr));gap:6px;padding:10px max(24px,calc((100vw - 1600px)/2));border-bottom:1px solid var(--shell-line);background:rgba(4,8,19,.74)}.analytics-launchpad-title{display:flex;flex-direction:column;justify-content:center;padding:8px 14px;border-left:2px solid var(--shell-cyan)}.analytics-launchpad-title span{color:var(--shell-cyan);font-size:7px;letter-spacing:.18em}.analytics-launchpad-title b{margin-top:5px;font-size:10px;font-weight:500}.analytics-launchpad>a{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;padding:9px 12px;border:1px solid rgba(138,166,255,.12);background:rgba(255,255,255,.018);color:var(--shell-text);text-decoration:none}.analytics-launchpad>a:hover{border-color:rgba(108,247,255,.32);background:rgba(108,247,255,.045)}.analytics-launchpad>a i{color:rgba(108,247,255,.32);font-size:14px;font-style:normal}.analytics-launchpad>a b,.analytics-launchpad>a small{display:block}.analytics-launchpad>a b{font-size:9px}.analytics-launchpad>a small{margin-top:3px;color:#667590;font-size:7px}.analytics-launchpad>a em{color:var(--shell-cyan);font-style:normal}@media(max-width:900px){.analytics-launchpad{display:flex;overflow:auto;padding:8px 10px}.analytics-launchpad-title{min-width:180px}.analytics-launchpad>a{min-width:190px}}