.hidden{display:none!important}
.eyebrow{margin:0 0 5px;color:#176b87;font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.panel{background:#fff;border:1px solid var(--line,#d9e0e5);border-radius:10px;padding:16px}
.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.panel-header.tight h2,.panel-header.tight p{margin-top:0}
.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #176b87;border-radius:7px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.primary-button{background:#176b87;color:#fff}.ghost-button{background:#fff;color:#176b87}.primary-button:hover,.ghost-button:hover{text-decoration:none;filter:brightness(.95)}
.online-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8f3f6;color:#176b87;font-size:.78rem;font-weight:750}

.elo-lab-public-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.55fr);gap:24px;margin:8px 0 18px;padding:28px;border-radius:14px;background:linear-gradient(125deg,#12343b 0%,#155565 58%,#176b87 100%);color:#fff;box-shadow:0 14px 34px rgba(18,52,59,.18)}
.elo-lab-public-hero::after{content:"";position:absolute;right:-90px;bottom:-130px;width:330px;height:330px;border-radius:50%;border:60px solid rgba(255,255,255,.055)}
.elo-lab-public-hero>div,.elo-lab-public-hero aside{position:relative;z-index:1}.elo-lab-public-hero h1{margin:4px 0 10px;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1}.elo-lab-public-hero p{max-width:760px;margin:0;line-height:1.6;color:#e3f0f3}.elo-lab-public-hero .eyebrow{color:#92d5e2}
.elo-lab-public-hero aside{display:grid;align-content:center;gap:6px;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(3,25,30,.28)}.elo-lab-public-hero aside span{color:#92d5e2;font-size:.72rem;font-weight:800;letter-spacing:.12em}.elo-lab-public-hero aside strong{font-size:1.65rem}.elo-lab-public-hero aside small{color:#d5e9ed;line-height:1.4}

.elo-lab-search-panel{position:relative;z-index:12;margin-bottom:14px}.elo-lab-player-form{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:10px;align-items:end}.elo-lab-player-form label{position:relative;display:grid;gap:5px}.elo-lab-player-form input{width:100%}
.elo-lab-player-results{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:390px;overflow:auto;margin-top:5px;padding:5px;border:1px solid #b8c8cf;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(18,52,59,.18)}
.elo-lab-player-results button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;width:100%;padding:10px;border:0;border-bottom:1px solid #e6ecef;border-radius:5px;background:#fff;color:#1f2428;text-align:left}.elo-lab-player-results button:hover,.elo-lab-player-results button:focus-visible{background:#eef6f8}.elo-lab-player-results strong{overflow:hidden;text-overflow:ellipsis}.elo-lab-player-results span{grid-column:1;color:#5f6b73;font-size:.78rem}.elo-lab-player-results em{grid-column:2;grid-row:1/3;align-self:center;color:#176b87;font-size:.78rem;font-style:normal;font-weight:800}

.elo-lab-loading{display:flex;align-items:center;gap:14px;margin:14px 0}.elo-lab-loading strong{display:block}.elo-lab-loading p{margin:4px 0 0;color:#5f6b73}.elo-lab-pulse{width:24px;height:24px;border:3px solid #d5e5ea;border-top-color:#176b87;border-radius:50%;animation:elo-lab-spin .8s linear infinite}@keyframes elo-lab-spin{to{transform:rotate(360deg)}}
.elo-lab-period-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr);gap:16px;align-items:center;margin:14px 0}.elo-lab-period-panel label{display:grid;gap:4px}.elo-lab-period-panel p{margin:0}
.elo-lab-tabs{position:sticky;top:0;z-index:10;display:flex;gap:5px;overflow-x:auto;margin:14px 0;padding:6px;border:1px solid #cad7dc;border-radius:10px;background:rgba(247,248,249,.96);backdrop-filter:blur(8px)}.elo-lab-tabs button{flex:1;min-width:max-content;border:0;border-radius:7px;background:transparent;color:#53626a;font-weight:750}.elo-lab-tabs button.active{background:#12343b;color:#fff}.elo-lab-tab-panel{display:grid;gap:14px}.elo-lab-tab-panel:not(.active){display:none}

.elo-lab-empty-state{display:flex;align-items:center;gap:18px;min-height:150px}.elo-lab-empty-state>span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#e8f3f6;color:#176b87;font-size:2rem;font-weight:800}.elo-lab-empty-state h2,.elo-lab-empty-state p{margin:0}.elo-lab-empty-state p{margin-top:5px;color:#5f6b73}
.elo-lab-player-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,.6fr);gap:14px}.elo-lab-player-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.elo-lab-player-heading h2{margin:0;font-size:1.45rem}.elo-lab-player-heading p{margin:4px 0 0}.elo-lab-player-metrics,.elo-lab-density-grid,.elo-lab-club-context,.elo-lab-comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.elo-lab-player-metrics>div,.elo-lab-density-grid>div,.elo-lab-club-context>div,.elo-lab-comparison-grid>div{display:grid;gap:4px;padding:11px;border-radius:8px;background:#eef3f5}.elo-lab-player-metrics span,.elo-lab-density-grid span,.elo-lab-club-context span,.elo-lab-comparison-grid span{color:#5f6b73;font-size:.72rem}.elo-lab-player-metrics strong,.elo-lab-density-grid strong,.elo-lab-club-context strong,.elo-lab-comparison-grid strong{color:#12343b;font-size:1rem}
.elo-lab-top-card{display:grid;align-content:center;padding:22px;border-radius:12px;background:linear-gradient(145deg,#12343b,#176b87);color:#fff}.elo-lab-top-card>span{color:#b9dce4;font-size:.78rem;text-transform:uppercase}.elo-lab-top-card>strong{margin:4px 0;font-size:clamp(2rem,4vw,3.5rem)}.elo-lab-top-card p{margin:0;color:#d9eaee}.elo-lab-top-track{overflow:hidden;height:7px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.18)}.elo-lab-top-track i{display:block;height:100%;border-radius:inherit;background:#f5ca5b}

.elo-lab-threshold-panel,.elo-lab-chart-panel,.elo-lab-band-panel,.elo-lab-methodology,.elo-lab-history-summary-panel{margin-top:14px}.elo-lab-table-wrap{overflow:auto}.elo-lab-table-wrap table{min-width:720px}.elo-lab-threshold-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f3f6;color:#176b87;font-weight:800}.elo-lab-attained{color:#14754a;font-weight:800}
.elo-lab-context-grid,.elo-lab-equivalence-meta,.elo-lab-calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.elo-lab-equivalence-meta{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}.elo-lab-context-grid>article{min-width:0}.elo-lab-density-grid,.elo-lab-club-context{grid-template-columns:repeat(2,minmax(0,1fr))}
.elo-lab-history-highlights,.elo-lab-period-comparisons,.elo-lab-compare-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.elo-lab-history-highlights article,.elo-lab-period-comparisons article{padding:13px;border:1px solid #d9e0e5;border-radius:8px;background:#f8fafb}.elo-lab-history-highlights span,.elo-lab-history-highlights small{display:block;color:#5f6b73;font-size:.73rem}.elo-lab-history-highlights strong{display:block;margin:4px 0;color:#12343b;font-size:1.3rem}.elo-lab-milestones{display:grid;gap:7px}.elo-lab-milestones>div{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:7px;background:#eef3f5}.elo-lab-milestones .reached strong{color:#14754a}.elo-lab-milestones .pending{opacity:.66}.elo-lab-milestones span{color:#5f6b73;font-size:.78rem}.elo-lab-period-comparisons small{display:block;min-height:32px;color:#5f6b73}.elo-lab-period-comparisons div{display:flex;justify-content:space-between;gap:8px;margin-top:7px}.elo-lab-period-comparisons span{color:#5f6b73;font-size:.73rem}.elo-lab-period-comparisons .positive{color:#14754a}.elo-lab-period-comparisons .negative{color:#b42318}

.elo-lab-canvas-shell{position:relative;overflow:hidden;min-height:390px;border:1px solid #234b50;border-radius:9px;background:radial-gradient(circle at 82% 10%,rgba(23,107,135,.24),transparent 34%),linear-gradient(145deg,#06110f,#0a1d19)}.elo-lab-canvas-shell canvas{display:block;width:100%;height:420px}.elo-lab-history-chart-shell canvas{height:430px}.elo-lab-scatter-shell canvas{height:620px;cursor:grab}.elo-lab-scatter-shell canvas:active{cursor:grabbing}.elo-lab-canvas-tooltip{position:absolute;z-index:8;max-width:280px;padding:9px 11px;border:1px solid rgba(101,214,255,.35);border-radius:7px;background:rgba(4,17,14,.95);color:#edf7f3;font-size:.8rem;line-height:1.45;pointer-events:none;box-shadow:0 10px 28px rgba(0,0,0,.34)}.elo-lab-canvas-tooltip strong{display:block;color:#65d6ff}.elo-lab-canvas-tooltip span,.elo-lab-canvas-tooltip small{display:block;color:#b9cec4}.elo-lab-canvas-tooltip span i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}
.elo-lab-chart-legend,.elo-lab-chart-footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.elo-lab-chart-legend i,.elo-lab-chart-legend b{width:12px;height:12px;border-radius:3px;background:#43f59f}.elo-lab-chart-legend b{background:#f5ca5b}.elo-lab-chart-footer{justify-content:space-between;margin-top:10px}.elo-lab-chart-footer strong{color:#12343b}.elo-lab-diagonal-key,.elo-lab-trend-key{width:24px;height:3px;background:#79929b}.elo-lab-trend-key{background:#f5ca5b}

.elo-lab-method-card{display:grid;align-content:start;gap:4px}.elo-lab-method-card>strong{font-size:2rem;color:#12343b}.elo-lab-method-card>span{color:#5f6b73}.elo-lab-disclaimer{padding:16px;border-left:4px solid #d99b13;border-radius:8px;background:#fff7df}.elo-lab-disclaimer strong{color:#795200}.elo-lab-disclaimer p{margin:5px 0 0;line-height:1.5}.elo-lab-player-comparison{margin-top:14px}.elo-lab-comparison-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.elo-lab-calculator{display:grid;gap:12px}.elo-lab-calculator h2{margin:0}.elo-lab-calculator form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.elo-lab-calculator label{display:grid;gap:5px}.elo-lab-calculator-result{min-height:105px;padding:14px;border-radius:8px;background:#eef3f5}.elo-lab-calculator-result p{margin:0}.elo-lab-result-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.elo-lab-result-main div{display:grid;gap:3px}.elo-lab-result-main span{color:#5f6b73;font-size:.72rem}.elo-lab-result-main strong{color:#12343b;font-size:1.2rem}.elo-lab-result-note{margin-top:10px!important;color:#5f6b73}

.elo-lab-time-controls,.elo-lab-comparator-controls,.elo-lab-population-compare{margin-top:14px}.elo-lab-time-controls{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:20px;align-items:center}.elo-lab-time-controls label{display:grid;grid-template-columns:1fr auto;gap:6px}.elo-lab-time-controls input{grid-column:1/-1;width:100%;accent-color:#176b87}.elo-lab-mode-buttons,.elo-lab-series-toggles,.elo-lab-compare-selects{display:flex;gap:8px;flex-wrap:wrap}.elo-lab-series-toggles label{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #d9e0e5;border-radius:999px;color:#1f2428}.elo-lab-time-result{min-height:210px;margin-top:14px;padding:28px;border-radius:12px;background:linear-gradient(135deg,#12343b,#176b87);color:#fff}.elo-lab-time-result article{display:grid;gap:8px}.elo-lab-time-result p{margin:0;color:#dcecef;font-size:1.05rem}.elo-lab-time-result article>strong{color:#f5ca5b;font-size:clamp(2.5rem,6vw,5.3rem);line-height:1}.elo-lab-time-result span{color:#92d5e2}.elo-lab-time-result small{color:#dcecef}
.elo-lab-compare-selects select{min-width:220px}.elo-lab-comparator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}.elo-lab-compare-player{position:relative;display:grid;gap:7px;padding:13px;border-radius:8px;background:#eef3f5}.elo-lab-compare-player label{position:relative;display:grid;gap:5px}.elo-lab-compare-player>strong{min-height:1.4em;color:#176b87}.elo-lab-compare-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.elo-lab-compare-summary .elo-lab-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elo-lab-page-status{display:block;margin:16px 0 4px;text-align:center}

@media(max-width:900px){.elo-lab-public-hero,.elo-lab-player-overview,.elo-lab-context-grid,.elo-lab-calculator-grid,.elo-lab-equivalence-meta{grid-template-columns:1fr}.elo-lab-player-metrics,.elo-lab-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elo-lab-period-panel{grid-template-columns:1fr 1fr}.elo-lab-period-panel>p{grid-column:1/-1}.elo-lab-history-highlights,.elo-lab-period-comparisons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.elo-lab-public-hero{padding:20px}.elo-lab-player-form,.elo-lab-time-controls,.elo-lab-comparator-grid,.elo-lab-period-panel,.elo-lab-compare-summary,.elo-lab-history-highlights,.elo-lab-period-comparisons{grid-template-columns:1fr}.elo-lab-tabs button{flex:none}.elo-lab-player-heading{display:grid}.elo-lab-player-metrics,.elo-lab-density-grid,.elo-lab-club-context,.elo-lab-comparison-grid,.elo-lab-result-main{grid-template-columns:1fr 1fr}.elo-lab-canvas-shell,.elo-lab-canvas-shell canvas{min-height:340px;height:340px}.elo-lab-scatter-shell,.elo-lab-scatter-shell canvas{height:500px}.elo-lab-calculator form{grid-template-columns:1fr}.elo-lab-empty-state{align-items:flex-start}.elo-lab-empty-state>span{width:50px;height:50px;flex:0 0 50px}}
@media(prefers-reduced-motion:reduce){.elo-lab-pulse{animation:none}}