*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 34%),radial-gradient(circle at 90% 45%,rgba(255,255,255,.035),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2))}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1480px,calc(100% - 144px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--border);box-shadow:0 12px 35px rgba(0,0,0,.26)}.nav-wrap{height:78px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:900;letter-spacing:.08em}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#070707;box-shadow:0 10px 34px color-mix(in srgb,var(--primary) 30%,transparent);font-size:13px}.brand-logo{height:34px;width:auto;max-width:110px;object-fit:contain}.brand small{display:block;color:var(--muted);font-weight:650;font-size:9px;letter-spacing:.22em}.main-nav{display:flex;gap:8px;margin-left:auto}.main-nav a{padding:9px 12px;color:var(--muted);font-weight:650;border-radius:10px;transition:.2s}.main-nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}.nav-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid transparent;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#080808;box-shadow:0 12px 36px color-mix(in srgb,var(--primary) 20%,transparent)}.btn-primary:hover{background:var(--primary2);box-shadow:0 16px 42px color-mix(in srgb,var(--primary) 28%,transparent)}.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--border);color:var(--text)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:#3a1518;border-color:#772b31;color:#ffb9be}.mobile-toggle{display:none;margin-left:auto;background:transparent;border:0;color:var(--text);font-size:25px}.hero{padding:86px 0 66px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--primary2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:var(--primary);box-shadow:0 0 16px var(--primary)}h1,h2,h3{font-family:var(--font-heading);line-height:1.08;margin:0}h1{font-size:clamp(46px,5.1vw,82px);letter-spacing:-.055em;max-width:940px}.hero h1{margin-top:20px}.lead{font-size:18px;color:var(--muted);max-width:720px;margin:25px 0 0;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-stats{display:flex;gap:10px;margin-top:42px}.stat{min-width:130px;padding:15px 18px;border-left:1px solid var(--border)}.stat strong{font:900 20px var(--font-heading);display:block}.stat span{color:var(--muted);font-size:12px}.viewer-card{position:relative;border:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 93%,transparent),color-mix(in srgb,var(--surface) 72%,transparent));border-radius:calc(var(--radius)*1px + 8px);padding:14px;box-shadow:0 35px 90px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.02) inset;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.viewer-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 35%,transparent),transparent 30%,transparent 70%,rgba(255,255,255,.12));z-index:-1;filter:blur(12px);opacity:.6}.viewer-toolbar{height:46px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:0 8px 12px}.dot{width:8px;height:8px;border-radius:50%;background:#3c3c42}.dot:nth-child(1){background:var(--primary)}.viewer-title{font-weight:800;font-size:13px;margin-left:5px}.live-pill{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--primary2);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));padding:5px 8px;border-radius:999px}.viewer-shell{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-top:10px}.mini-map,.tactical-map{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#1a1b1c;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 35% 30%,#343638 0 7%,transparent 8%),linear-gradient(135deg,transparent 0 18%,#2a2c2e 18% 23%,transparent 23% 44%,#303234 44% 58%,transparent 58%),linear-gradient(45deg,#171819,#222426)}.mini-map:before,.tactical-map:before{content:"A";position:absolute;left:17%;top:16%;color:rgba(255,255,255,.11);font:900 42px var(--font-heading)}.mini-map:after,.tactical-map:after{content:"B";position:absolute;right:18%;bottom:18%;color:rgba(255,255,255,.11);font:900 42px var(--font-heading)}.player-dot{position:absolute;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:900;box-shadow:0 0 0 3px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.4);transition:left .3s linear,top .3s linear}.player-dot.a{background:#58b7ff}.player-dot.b{background:var(--primary)}.event-panel{border:1px solid var(--border);border-radius:14px;padding:12px;background:rgba(0,0,0,.18)}.event-panel h4{font-size:11px;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.event-row{display:flex;gap:8px;align-items:center;font-size:10px;padding:9px 0;border-bottom:1px solid var(--border)}.event-row:last-child{border:0}.event-icon{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:var(--primary2)}.viewer-timeline{height:45px;margin-top:10px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#0a0a0b}.play-circle{width:27px;height:27px;border-radius:50%;background:var(--primary);color:#050505;display:grid;place-items:center;font-size:10px}.track{height:4px;flex:1;background:#33343a;border-radius:99px;position:relative}.track:before{content:"";position:absolute;inset:0 58% 0 0;background:var(--primary);border-radius:99px}.section{padding:96px 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);align-items:end;gap:40px;margin-bottom:44px}.section h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.045em;margin-top:13px}.section-copy{color:var(--muted);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:245px;border:1px solid var(--border);border-radius:calc(var(--radius)*1px);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 82%,transparent));padding:27px;position:relative;overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 25px 60px rgba(0,0,0,.35)}.feature-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--primary);filter:blur(75px);opacity:0;right:-60px;bottom:-60px;transition:.3s}.feature-card:hover:after{opacity:.13}.feature-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));color:var(--primary2);font-size:18px}.feature-card h3{font-size:21px;margin-top:45px}.feature-card p{color:var(--muted);margin:12px 0 0}.showcase{display:grid;grid-template-columns:minmax(0,.72fr) minmax(560px,1.28fr);gap:65px;align-items:center}.showcase-frame{border:1px solid var(--border);background:var(--surface);padding:12px;border-radius:24px;box-shadow:0 32px 80px rgba(0,0,0,.46)}.showcase-frame .viewer-card{transform:none;box-shadow:none}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:1px solid var(--border);padding:24px 14px 0 0}.step-number{font:900 13px var(--font-heading);color:var(--primary2);letter-spacing:.1em}.step h3{margin:48px 0 12px;font-size:24px}.step p{color:var(--muted)}.cta-box{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:26px;padding:65px;background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 30%),linear-gradient(135deg,var(--surface2),var(--surface));display:flex;align-items:center;justify-content:space-between;gap:45px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.cta-box h2{max-width:850px}.cta-box p{color:var(--muted);font-size:17px;max-width:760px}.rich-text{max-width:900px;padding-top:55px;padding-bottom:100px}.rich-text h1{font-size:50px}.rich-text h2{margin-top:35px;font-size:28px}.rich-text p,.rich-text li{color:var(--muted);font-size:17px;line-height:1.75}.site-footer{border-top:1px solid var(--border);padding:44px 0 28px;background:rgba(0,0,0,.12)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-nav{display:flex;gap:20px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--border);margin-top:30px;padding-top:22px;color:var(--muted);font-size:12px}.auth-page{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:55px 20px}.auth-card{width:min(470px,100%);border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:32px;box-shadow:0 35px 90px rgba(0,0,0,.48)}.auth-card h1{font-size:34px}.auth-card>p{color:var(--muted)}.form{display:grid;gap:16px;margin-top:25px}.field{display:grid;gap:7px}.field label{font-weight:700;font-size:13px}.input,.select,.textarea{width:100%;background:#09090a;border:1px solid var(--border);border-radius:11px;padding:12px 13px;color:var(--text);outline:none;transition:.2s}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.form-help{color:var(--muted);font-size:12px}.form-links{display:flex;justify-content:space-between;gap:16px;margin-top:15px;color:var(--muted);font-size:13px}.flash-stack{position:fixed;z-index:100;right:22px;top:92px;width:min(390px,calc(100% - 44px));display:grid;gap:8px}.flash{border:1px solid var(--border);border-radius:12px;padding:13px 15px;background:var(--surface2);box-shadow:0 15px 45px rgba(0,0,0,.38);animation:flashin .25s}.flash.success{border-color:#24613b}.flash.error{border-color:#742a31}.flash.warning{border-color:#715a27}@keyframes flashin{from{opacity:0;transform:translateX(15px)}}.dashboard{padding:48px 0 90px}.dash-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.dash-head h1{font-size:46px}.dash-head p{color:var(--muted);margin:8px 0 0}.dash-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:20px}.panel h2{font-size:20px}.upload-box{border:1px dashed color-mix(in srgb,var(--primary) 38%,var(--border));padding:24px;border-radius:15px;text-align:center;background:color-mix(in srgb,var(--primary) 4%,transparent);margin-top:16px}.upload-box input{max-width:100%}.data-list{display:grid;gap:10px;margin-top:16px}.data-item{border:1px solid var(--border);border-radius:13px;padding:14px;background:rgba(255,255,255,.018);display:flex;align-items:center;gap:13px}.data-main{min-width:0;flex:1}.data-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-main small{color:var(--muted)}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.badge.ready,.badge.public{color:#8ce2a8;background:#10341e}.badge.failed,.badge.blocked{color:#ffb7bc;background:#3b1518}.badge.processing,.badge.unlisted{color:#ffd393;background:#402d11}.match-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.match-card{border:1px solid var(--border);border-radius:15px;padding:18px;background:linear-gradient(145deg,var(--surface2),var(--surface));transition:.2s}.match-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));transform:translateY(-2px)}.match-meta{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.match-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:12px;margin:18px 0}.team-name{font-weight:850}.score{font:900 27px var(--font-heading);color:var(--primary2)}.viewer-page{height:calc(100vh - 78px);min-height:650px;display:grid;grid-template-columns:270px minmax(0,1fr) 320px;background:#070708;border-top:1px solid var(--border)}.viewer-sidebar{border-right:1px solid var(--border);padding:18px;background:#0b0b0c;overflow:auto}.viewer-sidebar.right{border-right:0;border-left:1px solid var(--border)}.viewer-sidebar h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 15px}.round-list{display:grid;gap:6px}.round-btn{width:100%;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px;border-radius:10px;text-align:left}.round-btn.active,.round-btn:hover{background:rgba(255,255,255,.05);border-color:var(--border);color:var(--text)}.viewer-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.viewer-matchbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 20px;background:#0b0b0c}.viewer-team{font-weight:850;min-width:140px}.viewer-team:first-child{text-align:right}.viewer-score{font:900 24px var(--font-heading);color:var(--primary2)}.canvas-wrap{min-height:0;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}.tactical-map{height:min(100%,76vw);max-height:720px;aspect-ratio:1;border:1px solid #343438;box-shadow:0 35px 80px rgba(0,0,0,.5)}.tactical-map .player-dot{width:22px;height:22px;font-size:9px}.viewer-controls{border-top:1px solid var(--border);background:#0b0b0c;padding:13px 18px}.control-row{display:flex;align-items:center;gap:12px}.control-btn{width:38px;height:38px;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px}.time-label{font-variant-numeric:tabular-nums;color:var(--muted);min-width:92px}.range{width:100%;accent-color:var(--primary)}.event-feed{display:grid;gap:8px}.feed-item{border:1px solid var(--border);border-radius:10px;padding:10px;font-size:12px;color:var(--muted)}.feed-item.active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));color:var(--text);background:color-mix(in srgb,var(--primary) 7%,transparent)}.empty{text-align:center;color:var(--muted);padding:35px 20px}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center;padding:50px}.not-found h1{font-size:clamp(70px,14vw,180px);color:var(--primary);opacity:.25}.not-found h2{font-size:34px;margin-top:-25px}.not-found p{color:var(--muted)}
@media(max-width:1200px){.container{width:min(100% - 80px,1480px)}.hero-grid{grid-template-columns:1fr 1fr;gap:35px}.viewer-shell{grid-template-columns:1fr}.event-panel{display:none}.showcase{grid-template-columns:1fr 1.1fr;gap:35px}.viewer-page{grid-template-columns:220px minmax(0,1fr)}.viewer-sidebar.right{display:none}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.main-nav,.nav-actions .btn-secondary{display:none}.mobile-toggle{display:block}.main-nav.open{display:grid;position:absolute;left:24px;right:24px;top:70px;background:var(--surface);border:1px solid var(--border);padding:12px;border-radius:14px}.hero{padding-top:50px}.hero-grid,.showcase{grid-template-columns:1fr}.viewer-card{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.viewer-page{grid-template-columns:1fr}.viewer-sidebar{display:none}.match-list{grid-template-columns:1fr}.cta-box{padding:42px;display:block}.cta-box .btn{margin-top:18px}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.nav-wrap{height:68px}.hero h1{font-size:45px}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.stat{min-width:0;padding:10px;border-left:0;border-top:1px solid var(--border)}.feature-grid,.steps-grid{grid-template-columns:1fr}.section{padding:70px 0}.showcase-frame{padding:6px}.cta-box{padding:30px 22px}.footer-top{display:grid}.footer-nav{flex-wrap:wrap}.auth-card{padding:24px}.dash-head{display:block}.viewer-page{height:calc(100vh - 68px);min-height:560px}.viewer-matchbar{gap:10px}.viewer-team{min-width:0;font-size:12px}.canvas-wrap{padding:8px}.tactical-map{width:100%;height:auto}}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{border:1px solid var(--border);border-radius:calc(var(--radius)*1px);background:linear-gradient(145deg,var(--surface),var(--surface2));padding:28px;position:relative}.price-card.featured{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 25px 70px color-mix(in srgb,var(--primary) 10%,transparent)}.price-card h3{font-size:23px}.price-value{font:900 38px var(--font-heading);margin:20px 0 4px}.price-card p,.price-card li{color:var(--muted)}.price-card ul{padding-left:18px;min-height:145px}.faq-list{display:grid;gap:10px;max-width:980px;margin-inline:auto}.faq-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:850;list-style:none;display:flex;justify-content:space-between}.faq-item summary:after{content:"+";color:var(--primary);font-size:20px}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 20px 18px;color:var(--muted)}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}}

/* NEX Replay Browser Edition */
.browser-analyzer{padding:64px 0 110px;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 30%),var(--bg)}
.analyzer-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.analyzer-intro>div:first-child{max-width:900px}.analyzer-intro h1{font-size:clamp(40px,5vw,72px);line-height:.98;margin:12px 0 20px}.analyzer-intro p{max-width:780px;color:var(--muted);font-size:18px;line-height:1.65}.analyzer-intro p strong{color:var(--text)}.privacy-pill{white-space:nowrap;border:1px solid #275d3b;background:#102c1b;border-radius:999px;padding:11px 15px;color:#9ae5b2;font-weight:800;font-size:12px}.privacy-pill span{color:#4cde7f;margin-right:6px}
.analyzer-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:18px}.browser-card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 25px 80px rgba(0,0,0,.25)}.upload-stage{padding:22px}.demo-drop{min-height:360px;border:1px dashed color-mix(in srgb,var(--primary) 52%,var(--border));border-radius:18px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 42%),rgba(0,0,0,.14);cursor:pointer;transition:.2s}.demo-drop:hover,.demo-drop.dragging{border-color:var(--primary);transform:translateY(-2px);background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.drop-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#080808;font:950 22px var(--font-heading);box-shadow:0 18px 45px color-mix(in srgb,var(--primary) 25%,transparent);margin-bottom:22px}.demo-drop h2{font-size:30px;margin:0 0 10px}.demo-drop p{max-width:560px;color:var(--muted);line-height:1.6;margin:0 0 25px}.demo-drop code{color:var(--primary2)}.file-facts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 4px 4px}.file-facts strong{margin-right:auto;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-facts span{border:1px solid var(--border);padding:7px 10px;border-radius:999px;color:var(--muted);font-size:11px}.parser-progress{margin:15px 0}.progress-track{height:8px;border-radius:999px;background:#09090a;overflow:hidden;border:1px solid var(--border)}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--primary2));transition:width .25s}.progress-caption{display:flex;justify-content:space-between;gap:15px;margin-top:8px}.progress-caption small{color:var(--muted)}.browser-status{border:1px solid var(--border);background:#0a0a0b;border-radius:12px;padding:12px 14px;color:var(--muted);margin:14px 0}.browser-status.success{border-color:#28613c;color:#a5e8b7;background:#102a19}.browser-status.error{border-color:#733038;color:#ffb9be;background:#321418}
.browser-explainer{padding:28px}.browser-explainer ol{list-style:none;padding:0;margin:28px 0;display:grid;gap:20px}.browser-explainer li{display:grid;grid-template-columns:48px 1fr;gap:14px}.browser-explainer li>b{width:45px;height:45px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:14px;display:grid;place-items:center;color:var(--primary2);font:900 12px var(--font-heading)}.browser-explainer li strong,.browser-explainer li span{display:block}.browser-explainer li span{color:var(--muted);font-size:13px;line-height:1.55;margin-top:4px}.compat-note{border:1px solid var(--border);border-radius:16px;padding:18px;background:rgba(255,255,255,.018)}.compat-note strong,.compat-note span{display:block}.compat-note strong{color:var(--primary2);margin-bottom:5px}.compat-note span{color:var(--muted);font-size:13px;line-height:1.55}
.analysis-result{margin-top:30px}.result-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,.7fr) 180px auto;gap:16px;align-items:end;padding:20px;margin-bottom:14px}.result-toolbar h2{margin:5px 0 0;font-size:24px}.result-toolbar .field{margin:0}.result-toolbar .actions{justify-content:flex-end;flex-wrap:nowrap}
.browser-viewer-shell{height:min(780px,calc(100vh - 110px));min-height:630px;display:grid;grid-template-columns:210px minmax(0,1fr) 290px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#070708;box-shadow:0 30px 90px rgba(0,0,0,.4)}.replay-side{background:#0b0b0d;padding:17px;overflow:auto}.rounds-side{border-right:1px solid var(--border)}.details-side{border-left:1px solid var(--border)}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}.side-heading span{font:900 11px var(--font-heading);letter-spacing:.12em}.side-heading small{color:var(--muted);font-size:9px;text-transform:uppercase}.round-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.round-chip{border:1px solid transparent;background:rgba(255,255,255,.025);border-radius:10px;color:var(--muted);padding:10px 8px;text-align:left;font-weight:800}.round-chip small{float:right;font-size:8px;color:inherit}.round-chip:hover,.round-chip.active{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text)}.round-chip:first-child{grid-column:1/-1;text-align:center}.replay-center{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}.replay-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--border);background:#0b0b0d}.replay-header span{font-size:9px;color:var(--muted);letter-spacing:.12em}.replay-header h3{margin:3px 0 0;font-size:16px}.legend{display:flex;gap:7px}.legend span{width:36px;height:25px;border-radius:7px;display:grid;place-items:center;font-weight:900;color:#080808}.legend-t{background:#ff6a00}.legend-ct{background:#55bfff}.replay-canvas-wrap{position:relative;display:grid;place-items:center;min-height:0;padding:14px;background:#050506}.replay-canvas-wrap canvas{display:block;width:min(100%,720px);height:min(100%,720px);aspect-ratio:1;border:1px solid #2e3035;border-radius:12px;background:#08090b;box-shadow:0 25px 70px rgba(0,0,0,.5)}.replay-canvas-empty{position:absolute;color:var(--muted);font-size:13px}.replay-canvas-empty[hidden]{display:none}.replay-controls{display:flex;align-items:center;gap:11px;padding:12px 15px;border-top:1px solid var(--border);background:#0b0b0d}.compact-select{width:82px;padding:9px}.replay-player-list{display:grid;gap:6px}.replay-player{display:grid;grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"dot name hp" "dot weapon hp";gap:1px 8px;border:1px solid var(--border);border-radius:10px;padding:8px;background:rgba(255,255,255,.02)}.replay-player.dead{opacity:.42}.replay-player .player-team-dot{grid-area:dot;width:8px;height:8px;border-radius:50%;align-self:center;background:#ddd}.replay-player.team-2 .player-team-dot{background:#ff6a00}.replay-player.team-3 .player-team-dot{background:#55bfff}.replay-player strong{grid-area:name;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-player small{grid-area:weapon;color:var(--muted);font-size:9px}.replay-player b{grid-area:hp;align-self:center;font-size:9px;color:var(--muted)}.events-heading{margin-top:22px}.replay-event-list{display:grid;gap:7px}.replay-event{display:grid;grid-template-columns:1fr auto;gap:3px 8px;border:1px solid var(--border);border-radius:10px;padding:9px;background:rgba(255,255,255,.018)}.replay-event.active{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:color-mix(in srgb,var(--primary) 8%,transparent)}.replay-event span{font-size:8px;color:var(--primary2);text-transform:uppercase;letter-spacing:.08em}.replay-event strong{grid-column:1/-1;font-size:10px;line-height:1.4}.replay-event small{grid-column:2;grid-row:1;color:var(--muted);font-size:8px}.empty.compact{padding:15px 8px;font-size:11px}
.saved-replay-page{padding:45px 0 90px;background:var(--bg)}.saved-replay-top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px}.saved-replay-top h1{font-size:42px;margin:5px 0}.saved-replay-top p{color:var(--muted)}.btn-danger{background:#3a1519!important;color:#ffb5bb!important;border-color:#742b32!important}
.dashboard-browser-hero{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:20px;padding:24px;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 40%),linear-gradient(135deg,var(--surface2),var(--surface));margin-bottom:18px}.dashboard-browser-hero h2{font-size:28px;margin:5px 0}.dashboard-browser-hero p{color:var(--muted);margin:0}.replay-library{display:grid;gap:10px;margin-top:16px}.replay-library-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:15px;background:rgba(255,255,255,.018)}.replay-library-item strong,.replay-library-item small{display:block}.replay-library-item small{color:var(--muted);margin-top:3px}
@media(max-width:1250px){.browser-viewer-shell{grid-template-columns:175px minmax(0,1fr) 245px}.result-toolbar{grid-template-columns:1fr 1fr}.result-toolbar>div:first-child{grid-column:1/-1}.result-toolbar .actions{justify-content:flex-start}}
@media(max-width:980px){.analyzer-intro{display:block}.privacy-pill{display:inline-flex;margin-top:15px}.analyzer-workspace{grid-template-columns:1fr}.browser-explainer{order:-1}.browser-explainer ol{grid-template-columns:repeat(3,1fr)}.browser-viewer-shell{height:auto;min-height:0;grid-template-columns:1fr}.rounds-side{border-right:0;border-bottom:1px solid var(--border)}.details-side{border-left:0;border-top:1px solid var(--border)}.round-chips{display:flex;overflow:auto}.round-chip{min-width:66px}.round-chip:first-child{min-width:90px}.replay-canvas-wrap{height:min(80vw,650px)}.replay-player-list{grid-template-columns:repeat(2,1fr)}.replay-event-list{grid-template-columns:repeat(2,1fr)}.browser-explainer li{grid-template-columns:40px 1fr}.result-toolbar{grid-template-columns:1fr}.result-toolbar>div:first-child{grid-column:auto}.saved-replay-top{display:block}.saved-replay-top .actions{margin-top:15px}.dashboard-browser-hero{display:block}.dashboard-browser-hero .btn{margin-top:16px}}
@media(max-width:650px){.browser-analyzer{padding-top:35px}.analyzer-intro h1{font-size:42px}.browser-explainer ol{grid-template-columns:1fr}.demo-drop{min-height:300px;padding:25px 18px}.file-facts strong{max-width:100%;width:100%}.result-toolbar{padding:16px}.result-toolbar .actions{display:grid;grid-template-columns:1fr}.browser-viewer-shell{border-radius:16px}.replay-canvas-wrap{height:calc(100vw - 50px);padding:7px}.replay-header{height:auto;min-height:62px}.details-side{padding:12px}.replay-player-list,.replay-event-list{grid-template-columns:1fr}.replay-controls{flex-wrap:wrap}.replay-controls .range{order:3;width:100%}.replay-library-item{grid-template-columns:1fr}.replay-library-item .actions{justify-content:flex-start}}
/* NEX Replay official radar layers */
.replay-header-tools{display:flex;align-items:center;gap:12px}.floor-control{display:flex;align-items:center;gap:7px}.floor-control>span{font-size:8px!important;color:var(--muted);letter-spacing:.09em}.floor-select{width:112px;padding:7px 28px 7px 9px;font-size:10px}.replay-player.off-floor{opacity:.42}.replay-canvas-wrap canvas{background:#050506}
@media(max-width:650px){.replay-header-tools{gap:6px}.floor-control>span{display:none}.floor-select{width:96px}.legend span{width:31px}}
.browser-status.warning{border-color:#8a6424;color:#ffe0a0;background:#33270f}

/* ========================================================================== 
   NEX Replay 2.4 — interface refinement + fluid tactical player
   ========================================================================== */
html{background:#050507}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in srgb,var(--primary) 38%,transparent);color:var(--text)}
.container{width:min(1440px,calc(100% - 80px))}.site-header{background:color-mix(in srgb,#070709 88%,transparent);border-bottom-color:rgba(255,255,255,.055)}.nav-wrap{height:72px;gap:28px}.brand-mark{border-radius:9px;transform:skew(-5deg);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 30px color-mix(in srgb,var(--primary) 22%,transparent)}.main-nav{gap:3px}.main-nav a{padding:9px 13px;font-size:13px;border:1px solid transparent}.main-nav a:hover{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.035)}.btn{min-height:42px;border-radius:10px;padding:10px 16px;letter-spacing:.005em}.btn-primary{box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 15%,transparent)}.btn-secondary{background:#101014;border-color:#2a2a31}.btn-secondary:hover{border-color:#414149;background:#15151a}.hero{padding:96px 0 76px}.hero-grid{gap:76px}.hero h1{letter-spacing:-.06em}.lead{color:color-mix(in srgb,var(--text) 58%,var(--muted));max-width:680px}.viewer-card{transform:none;border-radius:18px;padding:10px;background:#0a0a0d;border-color:#292a31;box-shadow:0 34px 100px rgba(0,0,0,.55)}.viewer-card:before{opacity:.34}.feature-card,.panel,.auth-card,.browser-card,.match-card{border-color:color-mix(in srgb,var(--border) 86%,#fff 14%)}.feature-card{min-height:220px;padding:25px}.feature-card h3{margin-top:36px}.section{padding:90px 0}.section-head{margin-bottom:36px}.cta-box{padding:54px;border-radius:20px}.site-footer{background:#070709;padding-top:38px}.auth-card{border-radius:18px;background:linear-gradient(180deg,#111115,#0c0c0f);box-shadow:0 32px 90px rgba(0,0,0,.52)}.input,.select,.textarea{background:#08080b;border-color:#292a31}.dashboard{padding-top:42px}.panel{background:linear-gradient(180deg,#101014,#0c0c0f)}.match-card{border-radius:13px;background:#0d0d11}.dashboard-browser-hero{border-radius:16px;background:linear-gradient(135deg,#111116,#0b0b0e);box-shadow:0 20px 70px rgba(0,0,0,.25)}

/* Analyzer */
.browser-analyzer{padding:54px 0 100px;background:radial-gradient(circle at 17% -5%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 29%),radial-gradient(circle at 95% 20%,rgba(85,191,255,.04),transparent 25%),var(--bg)}.analyzer-intro{margin-bottom:24px}.analyzer-intro h1{font-size:clamp(38px,4.6vw,66px);letter-spacing:-.052em}.analyzer-intro p{font-size:16px;max-width:760px}.analyzer-workspace{gap:14px}.browser-card{border-radius:16px;background:linear-gradient(180deg,#101014,#0b0b0e);box-shadow:0 22px 70px rgba(0,0,0,.24)}.upload-stage{padding:16px}.demo-drop{min-height:330px;border-radius:13px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 44%),#09090c;transform:none!important}.demo-drop:hover,.demo-drop.dragging{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent) inset}.drop-icon{width:62px;height:62px;border-radius:15px;margin-bottom:18px}.demo-drop h2{font-size:27px}.browser-explainer{padding:24px}.browser-explainer ol{margin:22px 0;gap:16px}.browser-explainer li>b{border-radius:10px}.result-toolbar{border-radius:14px;margin-bottom:10px}

/* Tactical player: map and entities are physically separated into two canvases. */
.browser-viewer-shell{height:min(820px,calc(100vh - 92px));min-height:660px;grid-template-columns:188px minmax(0,1fr) 272px;border-radius:15px;border-color:#292a31;background:#050507;box-shadow:0 30px 100px rgba(0,0,0,.52)}.replay-side{background:#09090c;padding:14px}.rounds-side{border-right-color:#24252b}.details-side{border-left-color:#24252b}.side-heading{padding:3px 2px 11px;margin-bottom:10px;border-bottom-color:#24252b}.side-heading span{font-size:10px;letter-spacing:.14em}.side-heading small{font-size:8px}.round-chips{grid-template-columns:1fr;gap:5px}.round-chip,.round-chip:first-child{grid-column:auto;min-width:0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;padding:8px 9px;background:transparent;border-color:transparent;font-size:10px}.round-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-chip small{float:none;font-size:8px;border-radius:5px;padding:2px 5px;background:rgba(255,255,255,.04)}.round-chip:hover{background:#121217}.round-chip.active{background:color-mix(in srgb,var(--primary) 10%,#101014);border-color:color-mix(in srgb,var(--primary) 38%,#292a31);color:#fff;box-shadow:inset 2px 0 var(--primary)}.viewer-shortcuts{margin-top:20px;padding-top:14px;border-top:1px solid #24252b;display:grid;gap:8px}.viewer-shortcuts>span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#6f7079}.viewer-shortcuts>div{display:flex;align-items:center;gap:5px;color:#777985}.viewer-shortcuts small{margin-left:auto;font-size:8px}.viewer-shortcuts kbd{min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;border:1px solid #303139;border-bottom-color:#45464f;border-radius:5px;background:#111217;color:#c6c7cd;font:700 9px ui-monospace,monospace}
.replay-center{background:#060609}.replay-header{height:62px;padding:8px 13px;background:#09090c;border-bottom-color:#24252b;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}.replay-title-group{min-width:0}.replay-title-group>span{font-size:8px!important;color:#777985!important}.replay-title-group h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.replay-live-score{display:flex;align-items:center;gap:8px;border:1px solid #25262d;background:#0d0e12;border-radius:9px;padding:4px 8px}.live-team{display:flex;align-items:center;gap:6px}.live-team small{font:900 8px var(--font-heading);letter-spacing:.06em}.live-team strong{font:900 17px var(--font-heading)}.live-team-t small,.live-team-t strong{color:#ff7a1a}.live-team-ct small,.live-team-ct strong{color:#55bfff}.live-divider{font-size:7px;color:#666873;letter-spacing:.1em}.replay-header-tools{justify-self:end}.legend span{width:31px;height:23px;border-radius:6px;font-size:9px}.floor-control>span{font-size:7px!important}.floor-select{width:104px;height:32px;padding-block:5px}
.replay-canvas-wrap{position:relative;display:grid;place-items:center;min-height:0;padding:10px;background:radial-gradient(circle at 50% 45%,#0b0c10,#050507 72%);overflow:hidden}.replay-map-stack{position:relative;width:min(100%,760px);height:min(100%,760px);aspect-ratio:1;isolation:isolate;border:1px solid #25262c;border-radius:10px;overflow:hidden;background:#050608;box-shadow:0 22px 70px rgba(0,0,0,.55)}.replay-map-stack canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.replay-radar-layer{z-index:1;pointer-events:none}.replay-entity-layer{z-index:3;pointer-events:none}.replay-map-stack:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 0 80px rgba(0,0,0,.28)}.replay-stage-hud{position:absolute;z-index:5;left:22px;top:22px;display:flex;align-items:center;gap:7px;pointer-events:none}.replay-stage-hud span,.replay-stage-hud strong{height:27px;display:grid;place-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.11);background:rgba(5,6,8,.82);backdrop-filter:blur(8px);border-radius:6px;font-size:9px;font-variant-numeric:tabular-nums}.replay-stage-hud span{color:var(--primary2);font-weight:900}.replay-stage-hud strong{color:#d5d6db}.replay-canvas-empty{z-index:6}
.replay-controls{min-height:62px;padding:10px 12px;gap:10px;background:#09090c;border-top-color:#24252b}.replay-control-cluster{display:flex;align-items:center;gap:5px}.control-btn{width:34px;height:34px;border-radius:7px;background:#101116;border-color:#2c2d35;font-size:10px}.control-btn:hover{background:#17181e;border-color:#41424c}.control-play{width:38px;background:var(--primary);color:#08080a;border-color:transparent;font-size:13px;box-shadow:0 7px 20px color-mix(in srgb,var(--primary) 18%,transparent)}.control-play:hover,.control-play.playing{background:var(--primary2);color:#08080a}.control-skip{font-weight:850;color:#a5a6ae}.time-label{min-width:104px;color:#a3a4ad;font-size:10px;text-align:center}.replay-timeline{position:relative;min-width:100px;flex:1;height:34px;display:flex;align-items:center}.round-markers{position:absolute;left:0;right:0;top:7px;height:4px;pointer-events:none;overflow:hidden;border-radius:99px}.round-marker{position:absolute;height:100%;opacity:.42;border-right:1px solid #09090c;background:#555762}.round-marker.t{background:#b55b22}.round-marker.ct{background:#377b9f}.range{position:relative;z-index:2;height:22px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(90deg,var(--primary) 0 var(--replay-progress,0%),#292a31 var(--replay-progress,0%) 100%)}.range::-moz-range-track{height:3px;border-radius:99px;background:#292a31}.range::-moz-range-progress{height:3px;border-radius:99px;background:var(--primary)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--primary);margin-top:-5px;box-shadow:0 0 0 3px rgba(0,0,0,.55)}.range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#fff;border:3px solid var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.55)}.compact-select{width:72px;height:34px;padding:5px 24px 5px 8px;font-size:9px}
.replay-player-list{gap:4px}.replay-player{grid-template-columns:8px minmax(0,1fr) auto;border-radius:7px;padding:7px 8px;border-color:#24252b;background:#0c0d11}.replay-player strong{font-size:10px}.replay-player small,.replay-player b{font-size:8px}.replay-player.team-2{box-shadow:inset 2px 0 rgba(255,122,26,.48)}.replay-player.team-3{box-shadow:inset 2px 0 rgba(85,191,255,.48)}.events-heading{margin-top:18px}.replay-event-list{gap:5px}.replay-event{border-radius:7px;padding:7px 8px;border-color:#24252b;background:#0c0d10}.replay-event strong{font-size:9px}.replay-event span,.replay-event small{font-size:7px}.replay-event.active{box-shadow:inset 2px 0 var(--primary)}

@media(max-width:1250px){.container{width:min(100% - 56px,1440px)}.browser-viewer-shell{grid-template-columns:165px minmax(0,1fr) 235px}.replay-title-group h3{max-width:260px}}
@media(max-width:980px){.container{width:calc(100% - 40px)}.browser-viewer-shell{height:auto;grid-template-columns:1fr}.rounds-side{padding:10px}.round-chips{display:flex}.round-chip,.round-chip:first-child{min-width:105px}.viewer-shortcuts{display:none}.details-side{max-height:350px}.replay-canvas-wrap{height:min(82vw,680px)}.replay-map-stack{height:auto;width:min(100%,680px)}.replay-header{grid-template-columns:minmax(0,1fr) auto}.replay-live-score{display:none}.replay-header-tools{grid-column:2}.replay-player-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.site-header .nav-wrap{height:64px}.hero{padding-top:54px}.section{padding:68px 0}.analyzer-intro h1{font-size:39px}.browser-viewer-shell{border-radius:11px}.replay-header{height:58px}.replay-title-group h3{max-width:190px;font-size:12px}.replay-canvas-wrap{height:calc(100vw - 28px);padding:5px}.replay-map-stack{border-radius:7px}.replay-stage-hud{left:12px;top:12px}.replay-controls{display:grid;grid-template-columns:auto 1fr auto;gap:7px}.replay-control-cluster{grid-column:1}.time-label{grid-column:2;text-align:left;min-width:0}.compact-select{grid-column:3}.replay-timeline{grid-column:1/-1;grid-row:2;width:100%}.details-side{padding:10px}.replay-player-list{grid-template-columns:1fr}.round-chip,.round-chip:first-child{min-width:92px;padding:7px}.floor-select{width:90px}.legend{display:none}}

/* NEX Replay 2.5 — tactical round HUD + complete loadout */
.replay-header-pro{min-height:72px;height:auto;grid-template-columns:minmax(170px,1fr) auto minmax(230px,1fr);padding:9px 13px;gap:14px}
.match-scoreboard{display:grid;grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr);align-items:stretch;min-width:300px;border:1px solid #2a2b32;border-radius:10px;overflow:hidden;background:#0c0d11;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.score-side{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr auto;align-items:center;justify-content:center;column-gap:8px;min-height:49px;padding:6px 11px}.score-side small{font:900 9px var(--font-heading);letter-spacing:.12em}.score-side strong{font:950 22px var(--font-heading);line-height:1}.score-side em{grid-column:1/-1;font-style:normal;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.76;text-align:center}.score-t{background:linear-gradient(90deg,rgba(255,122,26,.1),transparent)}.score-t small,.score-t strong{color:#ff7a1a}.score-ct{background:linear-gradient(270deg,rgba(85,191,255,.1),transparent)}.score-ct small,.score-ct strong{color:#55bfff}.score-center{min-width:78px;display:grid;place-items:center;align-content:center;gap:1px;padding:5px 9px;border-left:1px solid #25262d;border-right:1px solid #25262d;background:#08090c}.score-center span{font:900 11px var(--font-heading);color:#fff;letter-spacing:.08em}.score-center b{max-width:105px;font:800 7px var(--font-heading);letter-spacing:.08em;text-align:center;color:#898b94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replay-header-tools{justify-self:end;min-width:0}.bomb-hud{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:150px;max-width:215px;padding:7px 9px;border:1px solid #2a2b32;border-radius:9px;background:#0c0d11}.bomb-hud .bomb-icon{grid-row:1/-1;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#28231a;color:#f4c94d;font:950 9px var(--font-heading);letter-spacing:.04em}.bomb-hud strong{font:850 9px var(--font-heading);line-height:1.15;color:#e9e9ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bomb-hud small{font-size:7px;color:#7e8089;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bomb-hud.bomb-carried{border-color:rgba(240,199,72,.34)}.bomb-hud.bomb-dropped{border-color:rgba(240,199,72,.55);box-shadow:inset 2px 0 #f0c748}.bomb-hud.bomb-planted{border-color:rgba(255,77,88,.58);background:linear-gradient(90deg,rgba(255,77,88,.1),#0c0d11);box-shadow:inset 2px 0 #ff4d58}.bomb-hud.bomb-planted .bomb-icon{background:#36191e;color:#ff717a;animation:nexBombPulse 1s ease-in-out infinite}.bomb-hud.bomb-defused{border-color:rgba(85,191,255,.45)}.bomb-hud.bomb-defused .bomb-icon{background:#142633;color:#75c9ff}.bomb-hud.bomb-exploded{border-color:rgba(255,77,88,.45)}
@keyframes nexBombPulse{50%{transform:scale(1.06);box-shadow:0 0 0 4px rgba(255,77,88,.07)}}
.round-summary{margin-top:12px;padding:11px;border:1px solid #24252b;border-radius:9px;background:linear-gradient(145deg,#0e0f13,#0a0a0d)}.round-summary>span{display:block;margin-bottom:5px;color:#72747e;font:900 7px var(--font-heading);letter-spacing:.13em}.round-summary>strong{display:block;color:#f2f2f4;font:850 10px var(--font-heading);line-height:1.35}.round-summary>small{display:block;margin-top:5px;color:#81838d;font-size:8px;line-height:1.4}.team-result{display:inline-flex;align-items:center;padding:2px 5px;border-radius:4px;font-style:normal;font-size:8px}.team-result.team-tr{color:#ff8b37;background:rgba(255,122,26,.11)}.team-result.team-ct{color:#74c8ff;background:rgba(85,191,255,.11)}.team-result.team-—{color:#aaa;background:#18191e}
.round-chip{min-height:45px}.round-chip>span{display:grid;gap:2px;min-width:0}.round-chip>span b{font:900 9px var(--font-heading);letter-spacing:.08em;color:#d9dae0}.round-chip>span i{display:block;max-width:95px;font-style:normal;font-size:7px;color:#696b75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-chip>small{display:grid!important;justify-items:end;gap:2px;background:none!important;padding:0!important}.round-chip>small em{font-style:normal;font:950 8px var(--font-heading);letter-spacing:.04em}.round-chip.winner-tr>small em{color:#ff7a1a}.round-chip.winner-ct>small em{color:#55bfff}.round-chip>small:not(em){color:#858791}.round-chip.active>span b{color:#fff}
.replay-stage-hud{pointer-events:none;position:absolute;z-index:5;left:50%;top:12px;transform:translateX(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:0;border:1px solid rgba(255,255,255,.11);border-radius:8px;overflow:hidden;background:rgba(6,7,10,.83);backdrop-filter:blur(8px);box-shadow:0 8px 30px rgba(0,0,0,.32)}.replay-stage-hud>div{display:flex;align-items:baseline;gap:5px;padding:5px 8px}.replay-stage-hud>div:first-child span,.replay-stage-hud>div:first-child strong{color:#ff8430}.replay-stage-hud>div:last-child span,.replay-stage-hud>div:last-child strong{color:#69c5ff}.replay-stage-hud span{font:900 7px var(--font-heading)}.replay-stage-hud strong{font:950 12px var(--font-heading)}.replay-stage-hud small{font-size:6px;color:#777984;text-transform:uppercase}.replay-stage-hud>b{align-self:stretch;display:grid;place-items:center;min-width:47px;padding:0 7px;border-left:1px solid rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.09);font:850 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#e7e8ec}
.replay-round-nav{display:flex;gap:4px}.replay-round-nav .control-btn{min-width:40px;padding-inline:8px;font-size:8px}.replay-control-cluster{display:flex;gap:5px}
.replay-loadout-list{display:grid;gap:12px}.loadout-team{display:grid;gap:5px}.loadout-team>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 1px 5px}.loadout-team>header strong{font:950 9px var(--font-heading);letter-spacing:.11em}.loadout-team>header span{font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:#747680}.loadout-team-t>header strong{color:#ff7a1a}.loadout-team-ct>header strong{color:#55bfff}
.loadout-player{position:relative;display:grid;gap:6px;padding:8px;border:1px solid #25262c;border-radius:8px;background:#0c0d11;overflow:hidden;transition:opacity .18s,border-color .18s,background .18s}.loadout-player:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#777}.loadout-player.team-2:before{background:#ff7a1a}.loadout-player.team-3:before{background:#55bfff}.loadout-player.dead{opacity:.43;filter:saturate(.6)}.loadout-player.off-floor{opacity:.34}.loadout-head{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:6px}.loadout-head .player-team-dot{width:6px;height:6px;border-radius:50%;background:#888}.team-2 .loadout-head .player-team-dot{background:#ff7a1a;box-shadow:0 0 8px rgba(255,122,26,.35)}.team-3 .loadout-head .player-team-dot{background:#55bfff;box-shadow:0 0 8px rgba(85,191,255,.35)}.loadout-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 9px var(--font-heading);color:#eeeef1}.loadout-head b{font:850 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#86dda3}.loadout-vitals{display:flex;flex-wrap:wrap;gap:4px}.loadout-vitals span{padding:3px 5px;border:1px solid #25262c;border-radius:4px;background:#111217;color:#898b95;font:750 7px ui-monospace,SFMono-Regular,Menlo,monospace}.loadout-vitals span:first-child{color:#a6ebb8}.loadout-active{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;padding:6px 7px;border-radius:6px;background:#08090c;border:1px solid #202127}.loadout-active strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 8px var(--font-heading);color:#e1e2e6;text-transform:uppercase}.loadout-active small{grid-row:2;color:#747680;font-size:7px}.loadout-active em{grid-column:2;grid-row:1/-1;align-self:center;padding:3px 5px;border-radius:4px;background:#f0c748;color:#1a170e;font:950 7px var(--font-heading);font-style:normal}.loadout-items{display:flex;flex-wrap:wrap;gap:3px;min-height:18px}.gear-pill{display:inline-flex;align-items:center;min-height:18px;padding:2px 5px;border:1px solid #282930;border-radius:4px;background:#111217;color:#a7a9b1;font:800 6.5px var(--font-heading);letter-spacing:.02em}.gear-pill.active{border-color:rgba(255,255,255,.28);background:#1a1b20;color:#fff;box-shadow:inset 0 -1px rgba(255,255,255,.08)}.gear-pill.muted{color:#5f6169}.gear-pill.gear-grenade,.gear-pill.gear-utility{color:#d8c778;border-color:rgba(216,199,120,.22);background:rgba(216,199,120,.055)}.gear-pill.gear-rifle,.gear-pill.gear-sniper,.gear-pill.gear-smg,.gear-pill.gear-shotgun,.gear-pill.gear-machinegun{color:#bfc9ff}.gear-pill.gear-pistol{color:#d2d4da}.gear-pill.gear-c4{color:#f0c748;border-color:rgba(240,199,72,.32)}
.details-side{scrollbar-width:thin;scrollbar-color:#303139 transparent}.details-side::-webkit-scrollbar,.rounds-side::-webkit-scrollbar{width:6px}.details-side::-webkit-scrollbar-thumb,.rounds-side::-webkit-scrollbar-thumb{background:#303139;border-radius:20px}
@media(max-width:1250px){.replay-header-pro{grid-template-columns:minmax(140px,1fr) auto minmax(160px,.8fr)}.match-scoreboard{min-width:260px}.bomb-hud{min-width:135px}.browser-viewer-shell{grid-template-columns:175px minmax(0,1fr) 270px}}
@media(max-width:1050px){.replay-header-pro{grid-template-columns:minmax(0,1fr) auto}.match-scoreboard{grid-row:2;grid-column:1/-1;width:min(100%,420px);justify-self:center}.replay-header-tools{grid-column:2;grid-row:1}.browser-viewer-shell{height:auto}.replay-header-pro{padding-bottom:10px}.replay-canvas-wrap{min-height:560px}}
@media(max-width:980px){.round-summary{display:none}.replay-header-pro{min-height:116px}.replay-loadout-list{grid-template-columns:1fr 1fr}.loadout-team{min-width:0}.details-side{max-height:470px}}
@media(max-width:700px){.replay-header-pro{grid-template-columns:minmax(0,1fr);min-height:154px;align-content:center}.replay-title-group{grid-column:1}.replay-header-tools{grid-column:1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto}.bomb-hud{max-width:none}.match-scoreboard{grid-row:3;grid-column:1;min-width:0;width:100%}.score-side{padding-inline:7px}.score-side strong{font-size:18px}.score-center{min-width:64px}.replay-stage-hud{top:8px}.replay-loadout-list{grid-template-columns:1fr}.replay-controls{grid-template-columns:auto 1fr auto}.replay-round-nav{grid-column:1/-1;justify-content:center}.replay-control-cluster{grid-column:1}.time-label{grid-column:2}.compact-select{grid-column:3}.replay-timeline{grid-column:1/-1}.details-side{max-height:none}}
.round-markers{overflow:visible}.timeline-event{position:absolute;z-index:3;top:50%;width:5px;height:10px;transform:translate(-50%,-50%);border-radius:3px;background:#777;box-shadow:0 0 0 2px #09090c}.timeline-kill{width:4px;height:4px;border-radius:50%;background:#ddd}.timeline-planted{height:12px;background:#ff515d}.timeline-defused{height:12px;background:#58bfff}.timeline-exploded{height:12px;background:#ff7a1a}.round-marker{opacity:.22}
.gear-pill.gear-bomb{color:#f0c748;border-color:rgba(240,199,72,.32);background:rgba(240,199,72,.06)}

/* NEX Replay v2.6.0 — tactical timeline + animated utility layer */
.browser-viewer-shell{grid-template-columns:178px minmax(0,1fr) 290px;min-height:700px;height:min(880px,calc(100vh - 82px));background:#050507;border-color:#26272e;box-shadow:0 36px 110px rgba(0,0,0,.58)}
.replay-center{grid-template-rows:auto 56px minmax(0,1fr) auto;background:#06070a}
.rounds-side{background:linear-gradient(180deg,#090a0d,#07080a);padding:15px 13px}
.round-insights{display:grid;gap:7px;margin-top:12px}.round-insights>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #23252b;border-radius:8px;background:#0d0e12}.round-insights span{font:850 7px var(--font-heading);letter-spacing:.1em;color:#676a74}.round-insights strong{font:900 8px var(--font-heading);color:#d9dae0}.round-insights .team-tr{color:#ff7a1a}.round-insights .team-ct{color:#55bfff}
.match-round-timeline{position:relative;z-index:9;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #24252b;background:linear-gradient(180deg,#0a0b0e,#08090c)}
.round-edge-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid #2a2c33;border-radius:8px;background:#111217;color:#8d909a;font-size:18px;line-height:1;transition:.18s}.round-edge-btn:hover{color:#fff;border-color:#454751;background:#18191f;transform:translateY(-1px)}
.match-round-scroll{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.match-round-scroll::-webkit-scrollbar{display:none}
.match-round-track{position:relative;display:flex;align-items:stretch;min-width:max-content;height:38px;padding:0 16px}.match-round-track:before{content:"";position:absolute;left:22px;right:22px;top:11px;height:2px;background:#22242a;box-shadow:0 0 0 1px rgba(0,0,0,.3)}
.round-segment{position:relative;z-index:1;min-width:62px;height:38px;padding:17px 7px 2px;border:0;background:transparent;color:#70727b;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;transition:.18s}.round-segment:before{content:"";position:absolute;left:50%;top:6px;width:10px;height:10px;border-radius:50%;transform:translateX(-50%);background:#34363e;border:2px solid #090a0d;box-shadow:0 0 0 1px #34363e;transition:.18s}.round-segment b{font:900 8px var(--font-heading);letter-spacing:.08em;color:#9698a1}.round-segment small{font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:#646671}.round-segment em{grid-column:2;grid-row:1/-1;align-self:center;font:950 7px var(--font-heading);font-style:normal;color:#656873}.round-segment.winner-tr:before{background:#ff7a1a;box-shadow:0 0 0 1px #ff7a1a,0 0 14px rgba(255,122,26,.18)}.round-segment.winner-ct:before{background:#55bfff;box-shadow:0 0 0 1px #55bfff,0 0 14px rgba(85,191,255,.18)}.round-segment.winner-tr em{color:#ff7a1a}.round-segment.winner-ct em{color:#55bfff}.round-segment:hover{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);color:#fff}.round-segment.active{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,transparent),transparent)}.round-segment.active:before{width:13px;height:13px;top:4.5px;border-color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent),0 0 18px color-mix(in srgb,var(--primary) 40%,transparent)}.round-segment.active b{color:#fff}.round-bomb-dot{position:absolute;top:4px;right:7px;width:5px;height:5px;border-radius:1px;background:#f0c748;box-shadow:0 0 7px rgba(240,199,72,.55)}
.replay-canvas-wrap{padding:12px;background:radial-gradient(circle at 50% 45%,#0d0f14 0,#06070a 68%);isolation:isolate}.replay-map-stack{width:min(100%,780px);height:min(100%,780px);border-color:#2b2d35;border-radius:14px;background:#050608;box-shadow:0 26px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.018) inset}.replay-map-stack:after{z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 0 100px rgba(0,0,0,.24);background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 18%,transparent 82%,rgba(0,0,0,.12))}.replay-radar-layer{z-index:1!important}.replay-effect-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.replay-entity-layer{z-index:4!important}.replay-map-stack canvas{will-change:contents}
.replay-stage-hud{z-index:7}.replay-stage-hud-left{left:24px;top:22px}.replay-stage-hud-left>div{display:flex;align-items:center}.replay-stage-hud-left>div span,.replay-stage-hud-left>div strong,.replay-stage-hud-left>div small,.replay-stage-hud-left>b{height:29px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,6,9,.84);backdrop-filter:blur(10px);font-size:8px}.replay-stage-hud-left>div span{padding:0 8px;font-weight:950}.replay-stage-hud-left>div strong{padding:0 8px;font:950 12px var(--font-heading)}.replay-stage-hud-left>div small{padding:0 7px;color:#6e7079}.replay-stage-hud-left>b{padding:0 11px;color:#fff;font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(255,255,255,.1)}
.replay-phase-badge{position:absolute;z-index:7;top:22px;right:24px;min-width:112px;padding:7px 10px;border:1px solid #2a2c34;border-radius:8px;background:rgba(7,8,11,.86);backdrop-filter:blur(10px);display:grid;gap:2px;text-align:right;pointer-events:none}.replay-phase-badge span{font:850 6px var(--font-heading);letter-spacing:.12em;color:#62656f}.replay-phase-badge strong{font:950 9px var(--font-heading);letter-spacing:.05em;color:#d9dae0}.replay-phase-badge.phase-live{border-color:rgba(109,227,148,.32);box-shadow:inset -2px 0 #6de394}.replay-phase-badge.phase-live strong{color:#8becaa}.replay-phase-badge.phase-planted{border-color:rgba(255,77,88,.45);box-shadow:inset -2px 0 #ff4d58;animation:nexPhasePulse 1s ease-in-out infinite}.replay-phase-badge.phase-planted strong{color:#ff727b}.replay-phase-badge.phase-defuse{border-color:rgba(85,191,255,.45);box-shadow:inset -2px 0 #55bfff}.replay-phase-badge.phase-defuse strong{color:#80cbff}.replay-phase-badge.phase-ended{opacity:.7}@keyframes nexPhasePulse{50%{box-shadow:inset -2px 0 #ff4d58,0 0 22px rgba(255,77,88,.12)}}
.replay-controls-pro{min-height:70px;display:grid;grid-template-columns:auto 112px minmax(160px,1fr) 72px;gap:10px;padding:11px 14px}.replay-timeline-pro{height:42px}.round-phase-track{position:absolute;left:0;right:0;top:7px;height:9px;border-radius:3px;overflow:hidden;background:#1c1e23;pointer-events:none}.round-phase-track>span{position:absolute;top:0;bottom:0}.phase-freeze{background:#353740}.phase-live{background:linear-gradient(90deg,#30343c,#3a3e47)}.phase-post{background:#202229}.round-phase-track .phase-plant{position:absolute;z-index:2;top:-2px;width:2px;height:13px;background:#ff515d;box-shadow:0 0 8px rgba(255,81,93,.55);transform:translateX(-1px)}.round-markers{top:7px;height:9px}.range{height:32px;padding-top:11px}.range::-webkit-slider-runnable-track{height:4px}.range::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5.5px}.timeline-event{top:4.5px!important;z-index:5!important}.timeline-kill{width:5px!important;height:5px!important;background:#fff!important;box-shadow:0 0 0 2px #09090c,0 0 8px rgba(255,255,255,.35)!important}.timeline-beginplant,.timeline-planted{width:5px;height:12px;background:#f0c748!important}.timeline-begindefuse,.timeline-defused{width:5px;height:12px;background:#55bfff!important}.timeline-exploded{width:6px;height:13px;background:#ff515d!important}.timeline-flash{width:7px;height:7px;border-radius:50%;background:#fffbdc!important;box-shadow:0 0 0 2px #09090c,0 0 10px rgba(255,255,220,.55)!important}.timeline-smoke{width:7px;height:7px;border-radius:50%;background:#a3aab5!important}.timeline-he{width:7px;height:7px;border-radius:50%;background:#ef775d!important}.timeline-fire{width:7px;height:7px;border-radius:50%;background:#f39845!important}
.bomb-hud{min-width:170px;border-color:#2c2e36;background:linear-gradient(135deg,#0d0e12,#090a0d)}.bomb-hud .bomb-icon{position:relative;overflow:hidden;background:#17181c;color:transparent;border:1px solid #343641}.bomb-hud .bomb-icon:before{content:"";position:absolute;left:6px;top:7px;width:13px;height:16px;border:2px solid #f0c748;border-radius:3px;background:#1c1d22;box-shadow:inset 0 0 0 2px #101115}.bomb-hud .bomb-icon:after{content:"";position:absolute;left:9px;top:10px;width:7px;height:4px;background:#f0c748;box-shadow:8px 7px 0 -2px #d54a50}.bomb-hud .bomb-icon i,.bomb-hud .bomb-icon b{position:absolute;width:13px;height:8px;border-top:1px solid #df5459;border-radius:50%;transform:rotate(35deg)}.bomb-hud .bomb-icon i{left:14px;top:4px}.bomb-hud .bomb-icon b{left:13px;top:11px;border-color:#55bfff;transform:rotate(-30deg)}.bomb-hud.bomb-planted .bomb-icon,.bomb-hud.bomb-exploded .bomb-icon{border-color:rgba(255,77,88,.55);box-shadow:0 0 18px rgba(255,77,88,.12)}.bomb-hud.bomb-planting{border-color:rgba(240,199,72,.45);box-shadow:inset 2px 0 #f0c748}.bomb-hud.bomb-planting strong{color:#f2d86e}
.loadout-player.is-flashed{border-color:rgba(255,255,230,.25);box-shadow:inset 0 0 22px rgba(255,255,220,.03)}.flash-state{color:#fffde3!important;border-color:rgba(255,255,225,.2)!important;background:rgba(255,255,230,.06)!important;animation:nexFlashState .35s ease-in-out infinite alternate}@keyframes nexFlashState{to{opacity:.55}}
.replay-event.event-bomb{border-left:2px solid #f0c748}.replay-event.event-flash{border-left:2px solid #f4f1c9}.replay-event.event-smoke{border-left:2px solid #9ca6b3}.replay-event.event-fire{border-left:2px solid #ef944a}.replay-event.event-kill{border-left:2px solid #d8d9df}
@media(max-width:1250px){.browser-viewer-shell{grid-template-columns:162px minmax(0,1fr) 260px}.round-segment{min-width:58px}.replay-center{grid-template-rows:auto 54px minmax(0,1fr) auto}}
@media(max-width:1050px){.browser-viewer-shell{grid-template-columns:1fr;height:auto;min-height:0}.rounds-side{display:none}.details-side{border-left:0;border-top:1px solid #24252b;max-height:440px}.replay-center{min-height:720px}.match-round-timeline{position:sticky;top:64px}.replay-canvas-wrap{min-height:570px}}
@media(max-width:700px){.replay-center{min-height:0}.match-round-timeline{grid-template-columns:30px minmax(0,1fr) 30px;padding:7px 6px;top:64px}.round-edge-btn{width:28px;height:30px}.round-segment{min-width:55px}.replay-canvas-wrap{min-height:0;height:calc(100vw - 28px);padding:5px}.replay-phase-badge{top:8px;right:8px;min-width:92px;padding:6px 8px}.replay-stage-hud-left{left:8px;top:8px}.replay-stage-hud-left>div small{display:none}.replay-controls-pro{grid-template-columns:auto 1fr auto}.replay-control-cluster{grid-column:1}.time-label{grid-column:2}.compact-select{grid-column:3}.replay-timeline-pro{grid-column:1/-1;grid-row:2}.match-round-track{padding-inline:9px}}

/* NEX Replay 3.0 authenticated gateway */
.account-gateway{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:70px 20px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 34%)}
.account-gateway-inner{width:min(760px,100%);display:grid;gap:24px}.account-gateway-brand{display:flex;align-items:center;gap:10px;justify-content:center}.account-gateway-brand>span{width:42px;height:42px;border-radius:9px;background:var(--primary);color:#080808;display:grid;place-items:center;font-weight:950;font-size:12px}.account-gateway-brand>div{display:grid}.account-gateway-brand strong{font-size:13px;letter-spacing:.11em}.account-gateway-brand small{font-size:7px;color:var(--muted);letter-spacing:.15em}.account-gateway-copy{text-align:center}.account-gateway-copy h1{margin:8px 0 6px;font-size:clamp(34px,5vw,58px)}.account-gateway-copy p{margin:0;color:var(--muted)}.account-gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gateway-choice{min-height:130px;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:20px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:var(--text);transition:.16s ease}.gateway-choice:hover{transform:translateY(-3px);border-color:#49515a;background:var(--surface2)}.gateway-choice-primary{border-color:color-mix(in srgb,var(--primary) 46%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface))}.gateway-icon{width:44px;height:44px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;font-size:17px}.gateway-choice-primary .gateway-icon{background:var(--primary);border-color:var(--primary);color:#080808}.gateway-choice>div{display:grid;gap:4px}.gateway-choice strong{font-size:16px}.gateway-choice small{font-size:11px;color:var(--muted)}.gateway-choice>b{font-size:20px;color:var(--muted)}.account-gateway-actions{display:flex;justify-content:center;align-items:center;gap:16px}.account-gateway-actions a,.account-gateway-actions button{border:0;background:none;color:var(--muted);font:inherit;font-size:11px;cursor:pointer;text-decoration:none}.account-gateway-actions a:hover,.account-gateway-actions button:hover{color:var(--text)}
.profile-page{padding:54px 0 80px}.profile-shell{display:grid;gap:20px}.profile-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.profile-back{display:inline-block;margin-bottom:18px;color:var(--muted);font-size:11px;text-decoration:none}.profile-head h1{margin:6px 0 3px}.profile-head p{margin:0;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.profile-card,.profile-library{min-width:0}.profile-library .replay-library-item{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:760px){.account-gateway-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-head{align-items:flex-start;flex-direction:column}}