.calculator-hero{padding:72px clamp(20px,6vw,94px);display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;background:radial-gradient(circle at 75% 45%,rgba(0,169,255,.18),transparent 32%);border-bottom:1px solid var(--line)}
.calculator-hero h1{font-size:clamp(62px,9vw,126px)}
.calculator-hero>div>p:last-child{max-width:720px;font-size:19px;line-height:1.6;color:#b2c2ce}
.archive-count{display:grid;grid-template-columns:auto 150px;gap:6px 14px;align-items:center;border:1px solid #1e5876;background:#06131f;padding:25px}
.archive-count b{font-size:38px;color:#65d5ff}
.archive-count span{font-size:12px;text-transform:uppercase;color:#93a7b6;font-weight:900}
.calculator-workspace{margin:42px clamp(18px,5vw,80px);display:grid;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:18px;align-items:start}
.history-controls,.history-output{background:#06131f;border:1px solid var(--line);padding:clamp(22px,3vw,38px)}
.control-heading{display:flex;gap:14px;align-items:center;margin-bottom:28px}
.control-heading>span{color:#09a9ff;font-weight:900}
.control-heading h2{font-size:28px;font-style:italic}
.history-controls label{display:block;margin:0 0 21px;color:#8fa6b7;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.history-controls input,.history-controls select{width:100%;height:56px;margin-top:8px;padding:0 14px;background:#020a11;border:1px solid #2a6685;color:white;font-size:17px}
.history-controls button{width:100%;height:57px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;background:#09a9ff;border:0;color:#00121d;font-weight:900;text-transform:uppercase;cursor:pointer}
.fighter-picker{position:relative}
.fighter-suggestions{position:absolute;z-index:20;left:0;right:0;top:78px;max-height:310px;overflow:auto;background:#020a11;border:1px solid #2a6685;box-shadow:0 18px 35px rgba(0,0,0,.55)}
.fighter-suggestions button{display:block;width:100%;height:auto;min-height:44px;padding:10px 14px;background:transparent;border:0;border-bottom:1px solid #153448;color:#fff;text-align:left;font-size:16px;text-transform:none;cursor:pointer}
.fighter-suggestions button:hover,.fighter-suggestions button:focus{background:#0a2c42;color:#65d5ff;outline:none}
.fighter-suggestions p{margin:0;padding:16px;color:#8298a9;text-transform:none;letter-spacing:0}
.history-controls button:hover{background:#72d9ff}
.history-controls>p{font-size:13px;line-height:1.55;color:#8299aa;margin:20px 0 0}
.history-output{min-height:660px}
.history-loading{min-height:580px;display:grid;place-items:center;color:#65d5ff;text-transform:uppercase;font-weight:900;letter-spacing:.1em}
.result-top{display:flex;justify-content:space-between;gap:18px;color:#65d5ff;font-size:12px;font-weight:900;letter-spacing:.08em}
.result-top small{color:#8298a9}
.fighter-result{display:flex;gap:20px;align-items:center;margin:30px 0}
.fighter-result img,.fighter-result .result-avatar{width:105px;height:105px}
.fighter-result h2{font-size:clamp(30px,4vw,48px);font-style:italic;line-height:.95;margin:5px 0}
.fighter-result>div>span{color:#65d5ff;font-size:12px;font-weight:900}
.fighter-result p{color:#8da2b2;margin:8px 0 0;font-size:13px}
.headline-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.headline-scores>div{padding:18px;border:1px solid #216080;background:#03111d}
.headline-scores span{display:block;color:#8da2b2;font-size:12px;font-weight:900}
.headline-scores b{display:block;font-size:52px;line-height:1.1}
.headline-scores small{font-size:12px;color:#93a6b4}
.headline-scores .up{color:#2cf46c}
.headline-scores .down{color:#ff5969}
.metric-title{display:flex;justify-content:space-between;margin:30px 0 14px;color:#65d5ff;font-size:12px;font-weight:900}
.metric-title small{color:#8297a7}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}
.metric>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}
.metric span{color:#9bb0bf}
.metric i{display:block;height:7px;background:#102b3c}
.metric u{display:block;height:100%;background:linear-gradient(90deg,#087fbe,#63d8ff);box-shadow:0 0 10px rgba(9,169,255,.35)}
.result-note{margin:28px 0 0;padding:14px;border-left:3px solid #09a9ff;background:#04101a;color:#8ca1b1;font-size:13px}
.not-qualified{min-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.not-qualified>span{color:#65d5ff;font-weight:900}
.not-qualified h2{font-size:50px;font-style:italic;margin:15px}
.not-qualified p{max-width:480px;color:#9db0bd;line-height:1.6}
.archive-explainer{margin:90px clamp(18px,6vw,94px);padding:70px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.archive-explainer h2{font-size:clamp(46px,6vw,78px);font-style:italic;line-height:.92}
.archive-explainer>p{font-size:19px;line-height:1.7;color:#a8bac6}
@media(max-width:900px){.calculator-hero,.calculator-workspace,.archive-explainer{grid-template-columns:1fr}
.archive-count{display:flex;flex-wrap:wrap}
.history-output{min-height:500px}
.history-loading,.not-qualified{min-height:420px}
}
@media(max-width:560px){.calculator-hero{padding-top:42px}
.calculator-workspace{margin-left:10px;margin-right:10px}
.history-controls,.history-output{padding:20px 15px}
.result-top{display:block}
.result-top small{display:block;margin-top:8px}
.fighter-result{align-items:flex-start}
.fighter-result img,.fighter-result .result-avatar{width:76px;height:76px}
.headline-scores{grid-template-columns:1fr}
.metrics{grid-template-columns:1fr}
.archive-explainer{margin-top:60px}
.not-qualified h2{font-size:36px}
}
.view-switch{display:flex;justify-content:center;gap:8px;margin:34px auto 0}
.view-switch button{padding:13px 25px;border:1px solid #286181;background:#04101a;color:#8ba2b2;font-weight:900;text-transform:uppercase;cursor:pointer}
.view-switch button.active{background:#09a9ff;color:#00121d;border-color:#09a9ff}
.trend{margin-top:24px;padding:1px 16px 12px;background:#020b13;border:1px solid #153f58}
.trend svg{display:block;width:100%;overflow:visible;touch-action:manipulation}
.chart-grid line{stroke:#143348;stroke-width:1}
.chart-grid text{fill:#688295;font-size:11px;text-anchor:end}
.chart-line{fill:none;stroke:#5ed7ff;stroke-width:4;filter:drop-shadow(0 0 6px rgba(9,169,255,.7))}
.chart-area{fill:rgba(9,169,255,.1);stroke:none}
.chart-dots circle{fill:#07131d;stroke:#5ed7ff;stroke-width:3}
.chart-dots circle.selected{fill:#2cf46c;stroke:#d8ffe2}
.chart-dots circle{cursor:pointer;transition:r .15s ease,fill .15s ease,stroke .15s ease}
.chart-dots circle:focus{outline:none;fill:#2cf46c;stroke:#fff}
.chart-readout{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin:0 0 8px;padding:11px 13px;background:#071925;border-left:3px solid #2cf46c}
.chart-readout span{color:#9db0bd;font-size:13px}
.chart-readout b{font-size:18px;color:#fff}
.chart-readout strong{font-size:14px;color:#65d5ff}
.trend svg>text{fill:#688295;font-size:11px}
.axis-end{text-anchor:end}
.trend>p{margin:0;color:#738a9b;font-size:11px}
.fighter-browser,.week-view{margin:28px clamp(18px,5vw,80px) 70px;background:#06131f;border:1px solid var(--line);padding:clamp(22px,3vw,38px)}
.browser-head,.week-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}
.browser-head h2,.week-head h2{font-size:clamp(34px,5vw,58px);font-style:italic}
.browser-tools{display:flex;gap:10px}
.browser-head label,.week-head label{color:#8fa6b7;font-size:11px;font-weight:900;text-transform:uppercase}
.browser-head input,.browser-head select,.week-head select{display:block;margin-top:7px;height:44px;min-width:190px;padding:0 12px;background:#020a11;border:1px solid #2a6685;color:#fff}
.fighter-browser-list,.week-ranking{max-height:560px;overflow:auto;border-top:1px solid #224458}
.fighter-browser-list button,.week-ranking button,.week-table-head{width:100%;display:grid;grid-template-columns:65px minmax(180px,1fr) minmax(120px,.5fr) 75px;gap:14px;align-items:center;text-align:left;padding:14px 12px}
.fighter-browser-list button,.week-ranking button{background:transparent;border:0;border-bottom:1px solid #173346;color:#fff;cursor:pointer}
.fighter-browser-list button:hover,.week-ranking button:hover{background:#0a2231}
.fighter-browser-list span,.week-ranking span{color:#65d5ff;font-weight:900}
.fighter-browser-list strong,.week-ranking strong{font-size:17px;font-style:italic}
.fighter-browser-list small,.week-ranking small{color:#8198a9}
.fighter-browser-list b,.week-ranking b{text-align:right;font-size:20px}
.week-table-head{position:sticky;top:0;background:#071925;color:#7990a0;font-size:11px;font-weight:900;text-transform:uppercase;z-index:1}
.week-summary{display:flex;justify-content:space-between;gap:15px;margin:0 0 16px;color:#8ba2b2}
.week-summary b{color:#65d5ff}
.empty-list{padding:30px;text-align:center;color:#8298a9}
@media(max-width:560px){
  .view-switch{margin-left:10px;margin-right:10px}
  .view-switch button{flex:1;padding:12px 8px}
  .browser-head,.week-head{align-items:stretch;flex-direction:column}
  .browser-tools{flex-direction:column}
  .fighter-browser,.week-view{margin-left:10px;margin-right:10px;padding:20px 15px}
  .fighter-browser-list button,.week-ranking button,.week-table-head{grid-template-columns:42px 1fr 62px}
  .fighter-browser-list small,.week-ranking small,.week-table-head span:nth-child(3){display:none}
  .chart-readout{grid-template-columns:1fr auto}.chart-readout strong{grid-column:1/-1}
}
.all-time{margin:80px clamp(18px,5vw,80px);padding-top:55px;border-top:1px solid var(--line)}
.all-time .browser-head>p{max-width:320px;color:#8ca1b1}
.all-time-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.all-time-list button{display:grid;grid-template-columns:42px 72px 1fr auto;align-items:center;gap:14px;padding:12px;background:#06131f;border:1px solid #173d54;color:#fff;text-align:left;cursor:pointer}
.all-time-list button:hover{border-color:#36bffb;background:#092033}
.all-time-list>button>span{font-size:22px;font-weight:900;color:#65d5ff}
.all-time-list img,.legend-avatar{width:72px;height:72px;object-fit:contain;background:linear-gradient(145deg,#0a2c42,#02090f)}
.legend-avatar{display:grid;place-items:center;color:#65d5ff;font-weight:900;font-size:22px}
.all-time-list strong{display:block;font-size:18px;font-style:italic}
.all-time-list div small{display:block;margin-top:5px;color:#8298a9}
.all-time-list>button>b{text-align:right;font-size:24px;color:#fff}
.all-time-list>button>b small{display:block;color:#65d5ff;font-size:9px;letter-spacing:.08em}
@media(max-width:800px){.all-time-list{grid-template-columns:1fr}}
@media(max-width:560px){.all-time{margin-left:10px;margin-right:10px}.all-time-list button{grid-template-columns:32px 54px 1fr auto}.all-time-list img,.legend-avatar{width:54px;height:54px}.all-time-list strong{font-size:15px}.all-time-list div small{font-size:10px}.all-time-list>button>b{font-size:19px}}