:root{--bg:#091118;--bg2:#06100c;--panel:#07140f;--panel2:#091b13;--line:#1fdc8c;--line2:#117c51;--text:#d7ffe8;--green:#37ffb3;--green2:#7dffc9;--dim:#71b99a;--yellow:#ffd84d;--red:#ff6e78;--cyan:#3ff7ff}
*{box-sizing:border-box}html{background:#080f14;scroll-behavior:smooth;height:auto;min-height:100%}body{margin:0;background:linear-gradient(#0a1117,#081016);color:var(--text);font-family:Consolas,"Courier New",monospace;font-size:14px;overflow-x:hidden;overflow-y:auto;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen;opacity:.35}.wrap{width:min(1180px,94vw);margin:0 auto;padding:24px 0 70px}.hero{display:flex;justify-content:center;animation:fadeDown .65s ease both}.hero img{display:block;width:min(100%,1060px);height:auto;border:1px solid #0c2b22;box-shadow:0 0 0 8px #050909,0 0 34px rgba(55,255,179,.08)}.subtitle{text-align:center;margin:28px 0 18px;color:#fff;font-family:Arial,sans-serif;animation:fadeDown .7s .05s ease both}.badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px;animation:fadeDown .72s .08s ease both}.badge{display:grid;grid-template-columns:auto auto;border:1px solid var(--line);color:#fff;box-shadow:0 0 16px rgba(55,255,179,.035)}.badge b,.badge span{padding:10px 16px;font-size:12px;letter-spacing:.08em}.badge b{background:#08130e;color:#dfffea}.badge span{color:var(--green);border-left:1px solid var(--line);font-weight:900}.box{border:1px solid var(--line2);background:linear-gradient(180deg,#07140f,#06100c);margin:18px 0;position:relative;box-shadow:0 10px 28px rgba(0,0,0,.16);animation:rise .5s ease both;transition:border-color .2s,box-shadow .2s}.box:hover{border-color:#18a96f;box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 18px rgba(55,255,179,.025)}.boxtitle{position:relative;text-align:center;color:var(--green);font-weight:900;letter-spacing:.14em;padding:9px 50px 7px;text-shadow:0 0 8px rgba(55,255,179,.55);cursor:pointer;user-select:none}.boxtitle:before,.boxtitle:after{content:"--------------------";color:var(--line2);position:absolute;top:9px}.boxtitle:before{left:130px}.boxtitle:after{right:130px}.star{position:absolute;top:10px;color:var(--green);text-shadow:0 0 10px var(--green);animation:twinkle 2.2s infinite alternate}.star.l{left:12px}.star.r{right:12px;animation-delay:.6s}.collapseBtn{position:absolute;right:38px;top:7px;border:0;background:transparent;color:var(--green);padding:2px 6px;font-size:16px;z-index:2}.inner{padding:10px 18px 18px;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.box.collapsed .inner{max-height:0!important;opacity:0;padding-top:0;padding-bottom:0}.box.collapsed .collapseBtn{transform:rotate(-90deg)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wrap label,.login label{display:block;color:#b7ffd9;font-size:12px;margin:8px 0 5px}.wrap input,.wrap select,.login input,.login select{width:100%;background:#06100c;color:var(--text);border:1px solid #1e845c;padding:10px 12px;font:inherit;outline:none;user-select:auto}.wrap input:focus,.wrap select:focus,.login input:focus,.login select:focus{box-shadow:0 0 0 2px rgba(55,255,179,.09)}.wrap button,.login button{background:#071a12;color:var(--green);border:1px solid var(--line);padding:10px 14px;font:inherit;font-weight:900;cursor:pointer;transition:.15s}.wrap button:hover,.login button:hover{background:#0b2c1d;box-shadow:0 0 14px rgba(55,255,179,.1)}.status{font-size:11px;color:var(--green2);margin-top:10px}.apierror{display:none;border:1px solid #7d3038;background:#19090d;color:#ff9ba3;padding:10px;margin:12px 0}.rankcard{border:1px solid #176e4d;background:#06110c;padding:14px;position:relative;overflow:hidden}.rankcard:after{content:"";position:absolute;left:-30%;top:-120%;width:25%;height:340%;background:linear-gradient(90deg,transparent,rgba(70,255,179,.07),transparent);transform:rotate(18deg);animation:sheen 8s infinite}.kicker{color:var(--green);font-weight:900;letter-spacing:.12em;font-size:12px}.rankname{font-size:16px;font-weight:900;margin:10px 0 4px}.rankline{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.rank{font-size:28px;color:var(--green);line-height:1}.lp{font-weight:900;color:#fff}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.metric{border:1px solid #1a5d44;padding:8px;background:#06100c}.metric b{display:block;color:var(--green);font-size:15px}.metric span{display:block;color:var(--dim);font-size:9px;margin-top:3px}.duoStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.bigstat{border:1px solid #1a5d44;padding:10px}.bigstat b{font-size:22px;color:var(--green)}.bigstat span{display:block;color:var(--dim);font-size:10px;margin-top:3px}.wrap table{width:100%;border-collapse:collapse;font-size:12px}.wrap th,.wrap td{border-bottom:1px solid #153f31;padding:8px;text-align:left}.wrap th{color:var(--green)}.wrap tr{transition:background .15s}.wrap tbody tr:hover{background:#092016}.goalgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress{height:12px;border:1px solid #227657;background:#020604;margin:8px 0;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#1ce08b,#79ffc3);box-shadow:0 0 12px rgba(55,255,179,.5);width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}.goaltext{color:var(--green2);font-size:11px}.coach{display:grid;grid-template-columns:1fr 1.15fr;gap:16px}.advice{display:grid;gap:8px}.note{border:1px solid #6d5e19;background:#17140a;color:#ffe55d;padding:9px}.note.good{border-color:#1e6e4e;background:#07150f;color:var(--green2)}.note.bad{border-color:#7d3038;background:#19090d;color:#ff9ba3;animation:pulseRed 1.25s infinite alternate}.fungrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.fun{border:1px solid #176e4d;padding:10px;background:#06100c}.fun b{color:var(--green);font-size:16px}.fun span{display:block;color:var(--dim);font-size:9px;margin-top:4px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.deltaUp{color:var(--green)}.deltaDown{color:var(--red)}.matchfilters{display:flex;gap:10px;margin-bottom:10px}.matchfilters input{flex:1}.matchfilters select{width:180px}.matchrow{cursor:pointer}.matchrow.win td:nth-child(2){color:var(--green)}.matchrow.loss td:nth-child(2){color:var(--red)}.matchdetail td{background:#04100b;color:var(--dim);padding:10px 16px}.log{height:130px;overflow:auto;background:#020604;border:1px solid #154b36;padding:10px;color:#74d8aa;font-size:11px}.log div{margin:2px 0}.log .ok{color:var(--green)}.log .warn{color:var(--yellow)}.log .bad{color:var(--red)}.sessionbar{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-top:10px}.sessionbar .bigstat{text-align:center}.timer{font-size:22px;color:var(--green)}.login{position:fixed;inset:0;background:#05090cf2;z-index:500;display:none;align-items:center;justify-content:center}.loginbox{width:min(520px,92vw);border:1px solid var(--line);background:#07140f;padding:22px}.loginbox h2{color:var(--green)}.small{font-size:11px;color:var(--dim)}
#headampModernHost{position:fixed;inset:0;z-index:350;pointer-events:none}
#headampModernHost>*{pointer-events:auto}
#headampModernHost ui-root,#headampModernHost [id^="ui-root-"]{pointer-events:auto}
#headampModernStatus{position:fixed;right:14px;bottom:14px;z-index:351;padding:5px 8px;border:1px solid #2d7b20;background:#061006e8;color:#9dff52;font:10px/1.2 Consolas,"Courier New",monospace;letter-spacing:.04em;box-shadow:0 0 14px rgba(126,255,60,.08)}
#headampModernStatus.ok{opacity:.55}
#headampModernStatus.error{border-color:#943440;color:#ff8f99;background:#18080be8;opacity:1}
@keyframes fadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes twinkle{from{opacity:.45}to{opacity:1}}@keyframes sheen{0%,78%{left:-35%}100%{left:130%}}@keyframes pulseRed{from{box-shadow:0 0 0 rgba(255,80,95,0)}to{box-shadow:0 0 18px rgba(255,80,95,.13)}}@keyframes eq{from{height:2px}to{height:12px}}@media(max-width:850px){.grid2,.goalgrid,.coach,.compare{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.duoStats{grid-template-columns:repeat(2,1fr)}.fungrid{grid-template-columns:repeat(2,1fr)}.boxtitle:before,.boxtitle:after{display:none}.sessionbar{grid-template-columns:1fr 1fr}}
@media(max-width:900px){}

/* WEBAMP ISOLATION FIX
   Webamp Modern's prototype stylesheet intentionally contains global button/input/select
   selectors. Keep those rules out of the dashboard by giving the dashboard controls
   stronger, scoped selectors. */
.wrap select option,.login select option{padding-left:0;width:auto}
.wrap .collapseBtn{position:absolute;right:38px;top:7px;border:0;background:transparent;color:var(--green);padding:2px 6px;font-size:16px;z-index:2;box-shadow:none}
.wrap .collapseBtn:hover{background:transparent;box-shadow:none}


#classicVisWindow{position:fixed;left:20px;top:390px;width:228px;z-index:349;background:#111;border:2px solid;border-color:#d7d7d7 #4a4a4a #4a4a4a #d7d7d7;box-shadow:0 10px 25px #0008;font-family:Arial,sans-serif;user-select:none}
#classicVisTitle{height:18px;padding:2px 5px;background:linear-gradient(90deg,#00007e,#1084d0);color:white;font:bold 11px/14px Arial,sans-serif;cursor:move;white-space:nowrap;overflow:hidden}
#classicVisCanvas{display:block;width:216px;height:72px;margin:4px;background:#000;border:2px inset #666;image-rendering:pixelated;cursor:pointer}
#classicVisHint{padding:0 5px 4px;color:#aaa;font:9px/11px Arial,sans-serif;text-align:center}
@media(max-width:900px){#classicVisWindow{left:10px;top:auto;bottom:12px;transform:scale(.9);transform-origin:left bottom}}


.tracker-embedded .wrap{padding-top:18px;padding-bottom:40px}


/* Expanded ranked sample and per-account comparison */
.samplebar{display:flex;align-items:end;gap:18px;margin:14px 0 6px;flex-wrap:wrap}
.samplebar>div{flex:1 1 315px}.samplebar select{width:100%}
.sample-hint{font-size:11px;line-height:1.55;color:var(--dim);flex:1 1 290px;margin:10px 0}
.add-account{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0}
.add-account input{min-width:220px;flex:1}
.add-account button{flex:0 0 auto}
.totalrow td{border-top:2px solid var(--line);color:var(--green);font-weight:900;padding:12px 8px}
#extraRows button{font-size:12px;padding:5px 7px}
#accountComparison td{font-variant-numeric:tabular-nums}
#historyStatus{margin:0 0 11px}
@media(max-width:660px){.add-account button{flex:1}.wrap table{font-size:11px}#accountComparison .inner{overflow-x:auto}#accountComparison table{min-width:650px}}