.lab-intro{padding:20px 0 30px}.lab-intro h1{font-size:46px;font-weight:900;letter-spacing:.03em;margin:15px 0}.lab-intro>p:last-child{color:var(--muted);font-size:13px}.lab-setup{max-width:1100px}.lab-deck-picker{font-size:12px;justify-content:space-between;gap:25px}.lab-deck-picker select{min-width:250px;max-width:60%;flex:1}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 0;margin-top:20px;border-top:1px solid var(--line)}.profile-grid>div>span{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}.profile-grid strong{font:27px var(--display);color:var(--purple)}.profile-grid small{font-size:10px}.profile-details{border-top:1px solid var(--line);margin-bottom:25px}.profile-details summary{display:flex;justify-content:space-between}.profile-details>p{font-size:10px}.curve-chart,.histogram{display:flex;align-items:flex-end;justify-content:center;gap:20px;padding:20px 10px;min-height:150px;overflow-x:auto}.curve-chart>div,.histogram>div{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-width:22px;flex:1;max-width:50px}.curve-chart>div>span,.histogram>div>span{display:block;background:#9474aa;width:100%;min-height:2px;margin:8px 0}.curve-chart strong,.histogram strong{font:10px ui-monospace,monospace;color:var(--purple)}.curve-chart small,.histogram small{font:9px ui-monospace,monospace}.attribute-bars{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.attribute-bars>span{font-size:11px;padding:6px 10px;background:var(--lilac)}.opponent-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opponent-option{padding:13px 15px;background:#f0ebf3;border:1px solid transparent;cursor:pointer;gap:12px}.opponent-option:has(input:checked){border-color:var(--purple);background:#e8dfef}.opponent-option>span{min-width:0}.opponent-option small{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:#917a9e;margin-bottom:5px}.opponent-option strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opponent-option input{flex-shrink:0}.lab-controls{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0}.lab-controls label{font-size:11px;flex:1}.lab-controls select{font-size:12px;flex:1}.lab-run{margin:20px 0 0}.lab-run>button{min-height:50px}.analysis-progress{margin-top:25px}.analysis-progress>div{display:flex;justify-content:space-between;font-size:11px}.analysis-progress strong{font:11px ui-monospace,monospace}progress{width:100%;height:6px;accent-color:var(--purple);margin-top:15px}.analysis-progress .text-button{display:block;margin:10px auto}.lab-results,.optimization-results{margin-top:40px}.matchup-result{margin-bottom:24px}.result-name{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-name h3{font-size:16px;margin-bottom:12px}.result-name>span{font-size:10px;color:var(--muted);white-space:nowrap}.win-rate-line{height:4px;background:#e3dce8;margin:4px 0 25px}.win-rate-line>span{display:block;background:var(--purple);height:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px;padding:5px 0 25px}.metric>span{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.metric>strong{display:block;font:25px var(--display);color:var(--purple)}.metric>small{display:block;font-size:9px;line-height:1.7;margin-top:7px}.matchup-result>details{border-top:1px solid var(--line)}.matchup-result>details summary{display:flex;justify-content:space-between}.stat-table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line);min-width:70px}th{font-size:9px;color:var(--muted);font-weight:400}.stat-table+p{font-size:10px}.lab-method{margin-top:30px;border-top:1px solid var(--line)}.lab-method summary{display:flex;justify-content:space-between}.lab-method p{font-size:11px;color:var(--muted);max-width:900px}.recommendation{margin:18px 0}.recommendation-head{display:flex;align-items:center;gap:20px}.recommendation-head>span{font:28px var(--display);color:#bba6c7}.recommendation-head>strong{font:32px var(--display);color:var(--purple)}.recommendation-head>small{font-size:10px}.swap-cards{display:flex;gap:30px;align-items:center;justify-content:center;margin:25px 0}.swap-cards>div{width:140px;min-width:0}.swap-cards img{width:100%;display:block;border-radius:6px;margin:10px 0}.swap-cards span{font-size:11px;display:block;line-height:1.6}.swap-cards small{font:10px ui-monospace,monospace;color:var(--purple)}.recommendation>.primary{display:flex;margin:25px auto 0;min-width:260px}.recommendation details{border-top:1px solid var(--line);margin-top:25px}.recommendation details p{font-size:11px}.cpu-level{font-size:11px;margin-bottom:20px}.cpu-level select{flex:1}.benchmark-presets{max-width:950px;margin:35px auto}.benchmark-presets>button{display:grid;grid-template-columns:150px 1fr auto;text-align:left;align-items:center;gap:20px;width:100%;margin-bottom:10px;background:#fbfaf7;padding:18px}.benchmark-presets>button>span{font:8px ui-monospace,monospace;color:var(--muted)}.benchmark-presets strong{font-size:12px}.benchmark-presets small{font-size:10px}
@media(max-width:600px){.app-header nav{grid-template-columns:repeat(4,1fr)}.lab-intro{padding:15px 0 18px}.lab-intro h1{font-size:32px}.lab-intro .eyebrow{font-size:8px}.lab-intro>p:last-child{font-size:11px}.lab-setup{padding:20px 16px}.lab-deck-picker{display:block;font-size:11px}.lab-deck-picker select{display:block;min-width:0;max-width:100%;width:100%;font-size:16px;margin-top:12px}.profile-grid{grid-template-columns:1fr 1fr;gap:22px 15px;margin-top:20px;padding:20px 0}.profile-grid>div>span{font-size:9px;margin-bottom:7px}.profile-grid strong{font-size:25px}.profile-details summary{font-size:11px}.curve-chart{gap:10px;min-height:120px}.opponent-picker{grid-template-columns:1fr;gap:8px}.opponent-option{padding:12px}.opponent-option strong{font-size:11px}.opponent-option small{font-size:7px}.lab-controls{display:grid;grid-template-columns:1fr;gap:13px;margin:20px 0}.lab-controls label{justify-content:space-between;font-size:10px}.lab-controls select{max-width:72%;font-size:14px}.lab-run{flex-direction:column;gap:10px}.lab-run>button{font-size:12px}.result-name{display:block}.result-name h3{font-size:16px;margin-bottom:5px}.result-name>span{font-size:9px;display:block;margin-bottom:15px}.matchup-result{padding:20px 16px}.metric-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.metric>span{font-size:9px}.metric>strong{font-size:23px}.metric>small{font-size:8px}.lab-results .section-heading h2,.optimization-results .section-heading h2{font-size:22px}.matchup-result details summary{font-size:11px}.histogram{gap:11px}.lab-method p{font-size:11px}.recommendation{padding:20px 16px}.recommendation-head{gap:15px;flex-wrap:wrap}.recommendation-head>strong{font-size:29px}.recommendation-head>small{font-size:9px}.swap-cards{gap:17px}.swap-cards>div{width:115px}.swap-cards span{font-size:10px}.recommendation>.primary{min-width:0;width:100%;font-size:12px}.benchmark-presets>button{display:grid;grid-template-columns:1fr auto;gap:9px;padding:15px}.benchmark-presets>button>span{grid-column:1/-1;font-size:7px}.benchmark-presets strong{font-size:11px}.benchmark-presets small{font-size:9px}.cpu-level{display:block;font-size:11px}.cpu-level select{display:block;width:100%;margin-top:10px;font-size:15px}}
.research-history { margin:28px 0; border-top:1px solid var(--line); }
.research-history > summary { display:flex; align-items:center; justify-content:space-between; }
#history-panel { padding:12px 0; }
#history-panel > label { display:grid; gap:8px; font-size:12px; }
.history-list { margin-top:18px; }
.history-game { border:1px solid var(--line); background:#fbfaf7; margin:10px 0; padding:8px 12px; border-radius:6px; }
.history-game summary { overflow-wrap:anywhere; }
.history-game summary small { display:block; font-size:10px; }
.history-game p,.history-frames strong { font-size:11px; }
.history-game .text-button { font-size:10px; text-align:left; min-height:36px; }
.history-frames > details { border-top:1px solid var(--line); padding:3px 0; }
.history-frames > details > div { padding:10px; margin:6px 0; background:var(--lilac); border-radius:5px; }
.history-frames p { margin:8px 0 2px; overflow-wrap:anywhere; }
.swap-card-detail { display:flex; flex-direction:column; align-items:center; padding:0; border:0; background:transparent; width:100%; min-width:0; cursor:zoom-in; }
.swap-card-detail img { width:100%; max-width:130px; height:auto; }
.swap-card-detail:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }
.saved-audit-list{display:grid;gap:12px}.saved-audit-list article{padding:12px 0;border-bottom:1px solid var(--line);min-width:0}.saved-audit-list article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-audit-list p{overflow-wrap:anywhere}.saved-audit-list span,.saved-audit-list small{display:block;font-size:11px;line-height:1.6}.saved-audit-list span{margin-bottom:4px}.saved-audit>p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.lab-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;padding:4px;border-radius:14px;background:var(--surface,#f1eee9)}
.lab-modes button{min-width:0;min-height:44px;border:0;background:transparent}
.lab-modes button[aria-selected="true"]{background:var(--ink,#302b34);color:var(--paper,#fff);box-shadow:0 2px 8px #0001}
.candidate-verdict{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;margin:-4px -4px 16px;border-radius:10px;background:var(--verdict-bg,#efebf2)}
.candidate-verdict strong{display:block;font-size:20px;font-weight:800;color:var(--verdict-ink,var(--ink))}.candidate-verdict small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:2px}
.candidate-verdict>b{font:600 18px ui-monospace,monospace;color:var(--verdict-ink,var(--ink));white-space:nowrap}
.verdict-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--verdict-ink,var(--ink));color:#fff}.verdict-mark .icon{width:22px;height:22px}
.tone-up{--verdict-bg:#e6f2d2;--verdict-ink:#2f6b2a}.tone-maybe{--verdict-bg:#eef4dc;--verdict-ink:#5b7a2c}.tone-down{--verdict-bg:#f6e1e3;--verdict-ink:#a3374a}.tone-flat{--verdict-bg:#efebf2;--verdict-ink:#6c5d78}
.rate-bars{display:grid;gap:8px;margin:0 0 18px}.rate-bar{display:grid;grid-template-columns:5.5em 1fr 3.6em;grid-template-rows:auto auto;column-gap:10px;align-items:center;font-size:12px}
.rate-bar>div{height:10px;border-radius:5px;background:#e3dce8;overflow:hidden}.rate-bar i{display:block;height:100%;border-radius:5px;background:#a99bb4}.rate-bar.is-after i{background:var(--verdict-ink,var(--purple))}
.rate-bar>strong{font:600 14px ui-monospace,monospace;text-align:right}.rate-bar>small{grid-column:2/4;font-size:10px;color:var(--muted)}
.swap-count{font-size:14px;margin:4px 0 0;padding-top:14px;border-top:1px solid var(--line)}.tested-candidate .swap-cards{margin:14px 0}
.card-tier{margin:40px 0 16px;max-width:1100px;min-width:0;border-top:1px solid var(--line);padding-top:24px}
.card-tier-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-tier-heading h2{margin:0;font-size:24px}.card-tier-heading p{margin:6px 0 0;font-size:12px;color:var(--muted)}.card-tier-date{font-size:11px;color:var(--muted);white-space:nowrap}
.card-tier-note{font-size:12px;line-height:1.8;color:var(--muted);max-width:65em}.card-tier-hint{font-size:11px;color:var(--muted);margin:18px 0 10px}
.card-tier-rows{display:grid;gap:14px}.card-tier-row{--tier-color:#93444b;--tier-bg:#f6e6e6;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;background:var(--paper,#fffdf8)}
.card-tier-row>header{display:flex;align-items:center;justify-content:space-between;background:var(--tier-bg);padding:9px 14px;gap:10px}.card-tier-row h3{display:flex;align-items:center;gap:12px;font-size:12px;margin:0;color:var(--tier-color)}.card-tier-row h3>span{font:700 26px ui-serif,serif;line-height:1.2;min-width:1em}.card-tier-row>header>small{font-size:11px;color:var(--tier-color)}
.tier-a{--tier-color:#8c5b1c;--tier-bg:#f7eddb}.tier-b{--tier-color:#39657c;--tier-bg:#e4eff5}.tier-c{--tier-color:#3d6958;--tier-bg:#e5efe6}.tier-d{--tier-color:#705683;--tier-bg:#eee7f3}
.card-tier-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;gap:12px;padding:14px}
.card-tier-card{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;border:0;border-radius:4px;padding:0;background:transparent;box-shadow:none;text-align:left;cursor:zoom-in}.card-tier-card img{display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:contain;border-radius:5px;background:#ece8e2}.card-tier-card>span{font-size:10px;line-height:1.45;overflow-wrap:anywhere}.card-tier-card:focus-visible{outline:3px solid var(--tier-color);outline-offset:4px}
.card-tier-reasons{border-top:1px solid var(--line);margin:0 14px}.card-tier-reasons>summary{font-size:11px;padding:12px 0;cursor:pointer}.card-tier-reasons dl{margin:0 0 14px}.card-tier-reasons dl>div{padding:12px 0;border-top:1px solid var(--line)}.card-tier-reasons dt{font-size:12px;font-weight:700}.card-tier-reasons dt small{display:block;font-size:10px;font-weight:400;color:var(--tier-color);margin-top:4px}.card-tier-reasons dd{margin:6px 0 0;font-size:12px;line-height:1.75}.card-tier-reasons dd span{display:block;color:var(--muted);margin-top:3px}.card-tier-footnote{margin-bottom:0}
@media(max-width:800px){.card-tier-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}}
@media(max-width:480px){.card-tier{margin-top:30px;padding-top:20px}.card-tier-heading h2{font-size:21px}.card-tier-heading p,.card-tier-note{font-size:11px}.card-tier-date{font-size:10px}.card-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;padding:12px 10px}.card-tier-row>header{padding:8px 10px}.card-tier-row h3{gap:8px;font-size:11px}.card-tier-reasons{margin:0 10px}.card-tier-card>span{font-size:9px}.card-tier-reasons dd{font-size:11px}}