/* Tactile controls and colour layers. Data/permissions are unchanged. */
:root{--layer-base:#0e1214;--layer-panel:#182024;--layer-inset:#12191c;--ink-primary:#f4eadc;--ink-secondary:#c5c2b8;--ink-subtle:#abb2a9;--border-soft:#354044;--positive:#e3ad7f;--negative:#8ac6bd;--text:var(--ink-primary);--muted:var(--ink-secondary);--dim:var(--ink-subtle);--line:var(--border-soft);--surface:var(--layer-panel);--accent:#f0cb86}
body{background:var(--layer-base);font-size:15px;line-height:1.6;color:var(--ink-primary);text-rendering:optimizeLegibility}button,input,select,summary,a{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,summary,a.action-link{position:relative}button,summary,input,select{transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,color 150ms ease}button:disabled,select:disabled,input:disabled{opacity:.55;filter:saturate(.55)}button:disabled{box-shadow:none!important;transform:none!important}button.is-pressed,summary.is-pressed,a.is-pressed{filter:brightness(1.2);box-shadow:inset 0 0 0 1px #f0cb8675,inset 0 3px 12px #0006!important;transform:translateY(1px)}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.table-wrap:focus-visible{outline:2px solid #f0cb86;outline-offset:3px;box-shadow:0 0 0 5px #f0cb8615}.feedback-glow{position:absolute;inset:0;border-radius:inherit;z-index:4;pointer-events:none;background:radial-gradient(circle 130px at var(--press-x,50%) var(--press-y,50%),#f6d59645,transparent 80%);animation:touch-feedback 420ms ease-out both;contain:paint}@keyframes touch-feedback{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover,summary:hover{border-color:#baa071}.button:not(:disabled):hover,.top-button:hover,.icon-button:hover{background-color:#35342c;box-shadow:0 2px 12px #0002}.team-button:not(.selected):hover{background:#28332f}.build-card:not([open])>.build-summary:hover{background:#24302d}.analysis-table tbody tr:hover,.real-table tbody tr:hover{background:#29332e!important}}
.content{padding:18px 20px 32px}.topbar{background:#111719;border-color:#63553e;gap:16px}.breadcrumb{color:#bfc2b8;font-size:13px}.breadcrumb b{color:#f0dfbf;font-size:14px}.top-actions{gap:10px}.preview-pill{background:#24261e;padding:6px 10px;color:#ddc698;font-size:12px}.top-button,.icon-button,.button{min-height:40px;border-color:#5e624f;color:#eee3ce;font-size:13px;border-radius:4px}.top-actions [data-action=account]{background:linear-gradient(#8a2734,#681c29);border-color:#b46d64;font-weight:600}.nav-btn{color:#c7c1b4;min-height:47px;line-height:1.5}.nav-btn.active{color:#fff1da}.nav-label{color:#b9a98b;letter-spacing:1.5px}.page-heading{margin-bottom:16px;box-shadow:inset 0 0 0 2px #e0b8751a,0 10px 30px #0002}.heading-side strong{font-size:78px;letter-spacing:-2px;color:#f2ce8b}.heading-side span{font-size:14px}.page-heading p{line-height:1.5}.demo-banner{background:#191e1c;border-color:#3d4437;padding:10px 14px;margin-bottom:16px;line-height:1.8;color:#d4c39f}.demo-banner span{color:#b6b9ad;font-size:12px}.demo-banner button{min-height:36px;color:#e0c594;padding:4px 7px}.footer{font-size:12px;color:#abb0a8;line-height:1.8}.note{background:#151d1e;border:1px solid #34413e;border-left:3px solid #87744f;padding:14px 17px;font-size:12px;line-height:1.95;color:#b9bbae;margin-top:16px}.panel{background:var(--layer-panel);border-color:var(--border-soft);box-shadow:0 8px 22px #0001}.panel-head{background:linear-gradient(100deg,#222b2a,#1b2326);padding:18px 20px;border-color:#414a40}.panel-head h2{font-size:24px;color:#f1e2c9;line-height:1.4}.panel-head p{font-size:13px;color:#b9bdb3;margin-top:7px}.section-eyebrow{display:block;color:#c8ac78;font-size:11px;letter-spacing:1.2px;line-height:1.6;margin-bottom:5px}.context-badge{flex:none;font-size:12px;padding:5px 9px;border:1px solid #66634d;color:#d5c5a3;background:#2c3026;border-radius:3px}.toolbar,.variant-controls{background:#151e21;border-color:#354044;padding:14px 16px;gap:12px}.toolbar .field label,.variant-controls .field label{font-size:12px;color:#bfc2b7;margin-bottom:6px}.field select,.field input,.library-search input{background:var(--layer-inset);color:#f1e7d6;border-color:#526057;min-height:42px;border-radius:4px}.real-toolbar>.field>label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;display:block;font-size:11px}.real-toolbar{align-items:end}.real-toolbar .field select,.real-toolbar .field input{height:42px}.real-toolbar>.button{min-height:42px}.check{min-height:36px;font-size:13px}.check input{accent-color:#ca9b5f;width:17px;height:17px}.snapshot-filter-note{font-size:12px;line-height:1.8;color:#afb5aa}
.stats-grid{background:#182124;border-color:#38433d;margin-bottom:16px}.metric{padding:20px 22px;min-height:120px;background:linear-gradient(125deg,#26302a35,transparent)}.metric-label{font-size:13px;color:#bcc5b6}.metric-value{font-size:39px;line-height:1.12;font-weight:600;color:#f3e8d1;margin-top:12px;letter-spacing:-.7px}.metric-value small{font-size:12px;color:#b7bcac;letter-spacing:0;margin-left:7px}.data-table th{background:#202b2c;color:#c7bd9f;font-size:12px;letter-spacing:.5px;padding:14px;border-bottom:1px solid #4e5749;white-space:nowrap}.data-table td{padding:17px 14px;border-bottom:1px solid #2f3b3c;color:#d7d8ca;line-height:1.7}.data-table tbody tr{background:#182124}.data-table tbody tr:nth-child(even){background:#1b2528}.data-table .team-title,.real-table .team-title{font-family:'Client Serif','SimSun',serif;font-size:21px;font-weight:700;color:#f2e3ca;line-height:1.7;letter-spacing:.3px}.data-table .trusted,.real-table .trusted{font-family:'Client Number',sans-serif;font-size:29px;font-weight:600;color:#eac684;line-height:1.2}.real-table .rank-number{font-family:'Client Number',sans-serif;font-size:20px;color:#d8ba82}.data-table td small{font-size:11px;color:#b3b8ab;margin-left:3px}.data-table .sample-value{font-family:'Client Number',sans-serif;font-size:18px;color:#e0dec9;font-weight:500}.record-value{white-space:nowrap;font-family:'Client Number',sans-serif}.record-value i{font-style:normal;font-size:11px;color:#869589;margin:0 7px}.win-value{font-family:'Client Number',sans-serif;font-size:18px;color:#f1e1bf!important}.data-table .advantage-value{font-family:'Client Number',sans-serif;font-size:18px}.data-table .is-positive,.data-table .loss-diff{color:var(--positive)}.data-table .is-negative,.data-table .loss-diff.negative{color:var(--negative)}.status{font-size:11px;line-height:1.5;border-radius:4px;padding:5px 8px;border:1px solid #4c6250;background:#2b3c2e;color:#c3d9b5;white-space:nowrap}.status.observed{background:#3b3123;border-color:#7e6742;color:#e4c18b}.status.supported{background:#253d37;border-color:#527769;color:#b7d6c5}.action-link{border:1px solid #5a6252;background:#26312b;color:#e7c793;min-width:42px;min-height:38px;border-radius:4px;font-size:21px}.pagination{padding:16px 18px;line-height:1.8;color:#b9c0b3;font-size:13px}.unit-detail{background:#202b2b;border:1px solid #405044;border-radius:5px;padding:13px 15px;line-height:2;font-size:14px}.unit-detail strong{font-size:19px;color:#f2dfc0}.modal{background:#1a2326;border-color:#756442;box-shadow:0 22px 90px #000a}.modal-head{background:#222b2b;padding:18px 22px}.modal-head h2{font-size:21px;font-family:'Client Serif',serif;color:#f4e2c4}.modal-body{font-size:14px;color:#c9ccbd;line-height:1.95}.modal-body label{font-size:13px}.modal input{background:#111a1d;border-color:#586254;color:#f1e7d6;min-height:44px;padding:10px 12px}
.matchup-controls{padding:17px 20px}.matchup-controls .field{min-width:180px;flex:1}.matchup-context{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 22px;background:linear-gradient(115deg,#2c3430,#192328 70%);border-bottom:1px solid #3a473f}.matchup-team{min-width:0;flex:1}.matchup-team h3{font-family:'Client Serif','SimSun',serif;font-size:28px;line-height:1.55;color:#f3e5cc;margin:4px 0 8px;font-weight:800;overflow-wrap:anywhere}.matchup-team p{margin:0;font-size:12px;color:#bac0ad}.context-metrics{display:grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:20px;flex:none}.context-metrics>div{padding-left:19px;border-left:1px solid #5d6048}.context-metrics span{display:block;font-size:11px;color:#bac3b1;margin-bottom:5px}.context-metrics b{font-family:'Client Number',sans-serif;font-size:29px;font-weight:600;color:#f1ce8b;line-height:1.3}.context-metrics small{font-size:11px;font-weight:400;color:#b5beaa;margin-left:5px}.evidence-caption{display:flex;align-items:baseline;gap:8px;padding:12px 20px;background:#182322;font-size:12px;color:#bdc6b4;line-height:1.8;border-bottom:1px solid #34443b}.evidence-marker{height:6px;width:6px;border:1px solid #c3a771;transform:rotate(45deg);display:inline-block;flex:none}.matchup-table td:first-child{min-width:250px}.matchup-table .exchange-value{min-width:92px}.analysis-table .sample-limited .exchange-value{color:#d5be92}.table-wrap:has(.analysis-table){overflow:auto;scrollbar-width:thin;scrollbar-color:#7b785a #182023;overscroll-behavior-inline:contain}
/* Configuration emphasis and low-noise evidence details. */
.client-config{gap:18px}.config-library{background:#182023;border-color:#38433b;box-shadow:0 8px 24px #0002}.config-library .ribbon-heading{padding:13px 17px}.library-search{background:#172124;padding:13px}.library-search input{height:42px;font-size:14px}.config-library .team-button{min-height:90px;padding-top:17px;padding-bottom:17px;border-bottom-color:#354139}.config-library .team-button b{font-size:19px;line-height:1.6;color:#f1e3ca}.team-button small{font-size:12px;color:#c2c8b5;margin-top:6px}.library-exchange{font-size:29px;color:#e9c887}.library-rank{font-size:29px}.team-button.selected{box-shadow:inset 3px 0 0 #f3cb81,inset 0 0 0 2px #d4aa6240,0 4px 14px #0002}.library-foot{color:#b7c0ac;font-size:11px;line-height:1.9}.config-workbar{margin-bottom:14px}.config-workbar h2{font-size:21px;color:#ebdfc7}.config-main-filters select{min-height:40px;height:40px;font-size:13px;background:#1d2929;border-color:#606553}.baseline-panel{background:linear-gradient(115deg,#2d382e,#1b272b);border-color:#54604b;padding:20px 22px;margin-bottom:14px}.baseline-value>span{font-size:12px;color:#d5bb87}.baseline-value strong{font-size:47px;color:#faf0da;letter-spacing:-1px;line-height:1.15;margin:8px 0}.baseline-value p{font-size:12px;color:#b9c2aa;line-height:1.8}.distribution-label{font-size:12px;color:#c7cdb6;margin-bottom:13px}.distribution-track{height:36px;border-color:#717659}.distribution-win{background:#c4775c}.distribution-draw{background:#ae975d}.distribution-loss{background:#578f86}.distribution-legend{font-size:12px;gap:18px;margin-top:10px;color:#c4cbb7}.baseline-signals b{font-size:27px}.baseline-signals span{font-size:11px;color:#bdc6b2}.configuration-toolbar{margin-bottom:13px;gap:10px}.configuration-toolbar>p{font-size:13px;color:#c0c6b4}.configuration-toolbar>p b{font-size:16px;color:#efd299}.configuration-toolbar .button,.config-more-filters>summary{min-height:38px;font-size:12px;padding:8px 12px;background:#26312a;border-color:#667053;color:#e2d7b7}.config-filter-popover{background:#25302c;border-color:#8d8e63;padding:18px;box-shadow:0 16px 40px #0008}.config-filter-popover p{color:#c2c6b3;font-size:12px}.config-filter-popover select{min-height:40px;background:#17221f;font-size:14px}.build-card{background:#1b2529;border-color:#3c4a40;margin-bottom:12px;box-shadow:0 3px 12px #0001}.build-card[open]{background:linear-gradient(120deg,#302124,#252325);border-color:#a48a59;box-shadow:inset 0 0 0 1px #d6b97c22,0 8px 25px #0002}.build-summary{padding:15px 18px;grid-template-columns:37px minmax(0,1fr) 97px 81px 15px;gap:12px;min-height:95px}.build-rank{font-size:30px;color:#e6c68b}.build-score b{font-size:36px;line-height:1.2;letter-spacing:-.6px;color:#f3cc81}.build-score small,.build-samples small{font-size:11px;color:#c8bd9d;margin-bottom:5px}.build-samples b{font-size:26px;color:#f4e7c9}.build-short{font-family:'Client Sans',sans-serif;font-size:14px;color:#d8dcc9;line-height:1.8}.build-hint{font-size:12px;color:#bcc0ab;line-height:1.8;margin-top:3px}.build-summary-title>strong{font-size:23px;color:#fff0d8}.build-card[open]>.build-summary{min-height:83px}.build-content{padding:22px 23px 0}.unit-build{padding:0 19px}.unit-build+.unit-build{border-color:#654b42}.unit-build h3{font-size:29px;line-height:1.45;margin-bottom:17px;color:#fff0d5;gap:9px}.unit-position{font-size:11px;color:#d5b680;border:1px solid #7d6343;background:#7653311f;padding:2px 5px;border-radius:3px;line-height:1.4}.unit-build dl>div{grid-template-columns:32px minmax(0,1fr);gap:8px;font-size:16px;line-height:1.9;margin-bottom:14px}.unit-build dt{font-family:'Client Sans',sans-serif;font-size:12px;color:#cbb18a;padding-top:3px}.unit-build dd:not(.skill-chips){font-size:14px;line-height:2;color:#e0dbc8}.skill-chips{gap:7px 6px}.skill-chip{display:inline-flex;align-items:baseline;gap:5px;white-space:normal;background:#b8996b0d;border:1px solid #a68d5a2b;padding:2px 6px;border-radius:3px;line-height:1.7;color:#f2e7ce;font-size:16px}.skill-chip+.skill-chip:before{display:none}.skill-level{font-family:'Client Number','Client Sans',sans-serif;font-size:10px;color:#ddbd7e;white-space:nowrap;flex:none;font-weight:500}.unknown-trait{color:#bec2b0}.build-observation{font-size:12px;color:#c1bca7;line-height:1.9;margin:17px 0 0}.low-sample-note{font-size:11px;color:#edc38a;background:#82613b29;border:1px solid #98744a55;padding:1px 5px;border-radius:3px}.build-metrics{display:grid;grid-template-columns:1fr 1.2fr 1.15fr 1fr .8fr;gap:10px;margin-top:15px;padding:15px 0 17px;border-color:#604d42}.build-metrics>span{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#c4b9a0;padding:0 9px;border-left:1px solid #69544455;line-height:1.6;min-width:0}.build-metrics>span:first-child{padding-left:0;border-left:0}.build-metrics b{font-size:18px;color:#dfdcc5;line-height:1.4;white-space:nowrap}.build-metrics>span:nth-child(-n+2) b{font-size:24px;font-weight:600;color:#f0d29c}.build-metrics .below-baseline{color:#94cbbd!important}.build-metrics small{font-size:11px}.config-explanation{color:#b4baaa;font-size:12px;line-height:1.95}.build-chevron{font-size:18px;color:#d6bd8f}
.loading-state{padding:50px 25px;background:linear-gradient(120deg,#202b27,#172124);border:1px solid #405042;min-height:320px}.loading-state h2{font-size:25px;color:#eddfc1;margin:12px 0}.loading-state p{font-size:14px;color:#bdc6b3}.loading-emblem{display:inline-grid;place-items:center;border:1px solid #aa9868;border-radius:50%;width:48px;height:48px;font-size:30px;color:#e5c985;animation:loading-breathe 1.6s ease-in-out infinite}.loading-lines{display:flex;gap:14px;width:min(560px,100%);margin:25px auto 0}.loading-lines i{height:50px;flex:1;background:linear-gradient(110deg,#2c3b3055,#5b654755,#2c3b3055);background-size:200% 100%;border:1px solid #57614744;border-radius:4px;animation:loading-sheen 1.6s ease-in-out infinite}@keyframes loading-breathe{50%{opacity:.45}}@keyframes loading-sheen{to{background-position:-200% 0}}
@media(min-width:1600px){.content{padding:20px 24px 36px}.unit-build h3{font-size:31px}.build-score b{font-size:40px}.data-table .team-title{font-size:23px}.metric-value{font-size:43px}.matchup-team h3{font-size:31px}}
@media(min-width:768px) and (max-width:1199px){.content{padding:16px}.topbar{padding:9px 16px;height:auto;min-height:56px}.client-config{gap:13px}.config-library .team-button{min-height:85px;padding:14px 7px}.config-library .team-button b{font-size:17px}.library-exchange{font-size:23px}.build-summary{grid-template-columns:28px minmax(0,1fr) 76px 57px 12px;gap:7px;padding:13px 12px}.build-score b{font-size:30px}.build-samples b{font-size:23px}.build-summary-title>strong{font-size:21px}.build-content{padding:18px 17px 0}.build-units{gap:18px}.unit-build,.unit-build:first-child,.unit-build:last-child{padding:0}.unit-build+.unit-build{padding-top:18px}.unit-build h3{font-size:27px;margin-bottom:13px}.baseline-panel{padding:16px;gap:12px}.baseline-value strong{font-size:40px}.baseline-value p{font-size:11px}.distribution-legend{font-size:11px;gap:10px}.distribution-track{height:30px}.build-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.build-metrics>span{padding:0;border:0}.build-metrics b{font-size:17px}.build-metrics>span:nth-child(-n+2) b{font-size:23px}.matchup-context{align-items:flex-start;flex-direction:column;gap:18px}.context-metrics{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.context-metrics>div{padding-left:15px}.context-metrics>div:first-child{border-left:0;padding-left:0}.matchup-team h3{font-size:28px}.metric{padding:18px}.metric-value{font-size:35px}.matchup-table td:first-child{min-width:220px}.heading-side strong{font-size:63px}}
@media(max-width:767px){body{font-size:15px}.content{padding:14px 12px max(30px,env(safe-area-inset-bottom))}.topbar{min-height:64px;height:auto;padding:8px 12px;gap:9px}.top-actions{gap:6px}.top-actions .top-button{font-size:12px;min-height:44px}.top-actions .icon-button,.nav-toggle{min-width:44px;min-height:44px}.page-heading{margin-bottom:14px;padding:20px 18px;min-height:150px}.page-heading h1{font-size:37px;line-height:1.25}.page-heading p{font-size:17px;line-height:1.6}.hero-caption{font-size:14px;line-height:1.9}.demo-banner{margin-bottom:14px;padding:10px 12px;font-size:11px}.demo-banner span{font-size:11px;line-height:1.9}.demo-banner button{min-height:44px;max-width:68px;font-size:11px}.toolbar,.variant-controls{padding:13px;gap:12px}.toolbar .field select,.toolbar .field input,.variant-controls select{height:46px;font-size:16px}.toolbar .field label,.variant-controls .field label{font-size:12px;margin-bottom:6px}.real-toolbar>.field>label{font-size:11px}.toolbar button,.variant-controls button,.button{min-height:44px}.stats-grid{gap:0;margin-bottom:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:116px;padding:19px 15px}.metric-label{font-size:12px;line-height:1.6}.metric-value{font-size:34px;line-height:1.2;margin-top:12px}.metric-value small{font-size:11px;margin-left:5px}.panel-head{padding:17px 15px;gap:12px}.panel-head h2{font-size:23px}.panel-head p{font-size:12px;line-height:1.9}.section-eyebrow{font-size:10px;line-height:1.8}.context-badge{font-size:10px;line-height:1.6;padding:4px 6px}.matchup-panel .panel-head{align-items:flex-start}.matchup-controls{padding:14px}.matchup-controls .field{min-width:0;flex-basis:100%}.matchup-context{padding:20px 16px;display:block}.matchup-team h3{font-size:26px;line-height:1.65;margin:5px 0 8px}.context-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:21px;min-width:0}.context-metrics>div{min-width:0;padding-left:10px}.context-metrics>div:first-child{padding-left:0;border-left:0}.context-metrics span{font-size:10px}.context-metrics b{font-size:25px;letter-spacing:-.4px}.context-metrics small{font-size:10px;margin-left:3px}.evidence-caption{padding:12px 15px;font-size:11px;line-height:1.9}.note{font-size:12px;padding:13px 14px}.client-config{gap:16px}.config-library .ribbon-heading{padding:11px 13px}.config-library .team-button{min-height:80px;padding-top:14px;padding-bottom:14px}.config-library .team-button b{font-size:18px}.library-exchange,.library-rank{font-size:27px}.ribbon-heading .library-toggle{min-height:44px;font-size:12px;padding:7px 9px}.mobile-selected{background:#1c2725;color:#ded5bc;padding:14px 15px;font-size:14px}.library-search input{height:46px;font-size:16px}.config-workbar h2{font-size:22px;margin:0 0 14px}.config-main-filters select{height:46px;min-height:46px;font-size:13px;padding:8px 17px 8px 9px}.baseline-panel{padding:18px 15px;grid-template-columns:116px minmax(0,1fr);gap:12px;margin-bottom:14px}.baseline-value>span{font-size:11px}.baseline-value strong{font-size:40px;margin:9px 0 6px}.baseline-value p{font-size:11px;line-height:1.85}.distribution-label{font-size:11px;margin-bottom:11px}.distribution-track{height:31px}.distribution-legend{font-size:11px;gap:10px;margin-top:11px}.configuration-toolbar{gap:9px;margin-bottom:13px}.configuration-toolbar>p{font-size:12px;line-height:1.9}.configuration-toolbar>p span{display:none}.configuration-toolbar .button,.config-more-filters>summary{min-height:44px;font-size:12px;line-height:1.5;padding:10px 12px}.config-filter-popover{padding:16px;gap:13px;width:100%;left:0;right:0}.config-filter-popover select{min-height:46px;height:46px;font-size:16px}.build-summary{grid-template-columns:27px minmax(0,1fr) 73px 47px 10px;gap:6px;padding:14px 12px;min-height:104px}.build-score b{font-size:30px;letter-spacing:-.7px}.build-score small,.build-samples small{font-size:10px;white-space:nowrap}.build-samples b{font-size:24px}.build-samples{padding-left:7px}.build-rank{font-size:27px}.build-summary-title>strong{font-size:22px}.build-hint{font-size:11px;line-height:1.7;margin-top:5px}.build-short{font-size:13px;line-height:1.85;max-height:48px}.build-card[open]>.build-summary{min-height:88px}.build-content{padding:21px 17px 0}.build-units{gap:20px}.unit-build,.unit-build:first-child,.unit-build:last-child{padding:0}.unit-build+.unit-build{padding-top:20px}.unit-build h3{font-size:29px;margin:0 0 16px;gap:9px;line-height:1.4}.unit-position{font-size:11px;padding:3px 5px}.unit-build dl>div{font-size:16px;grid-template-columns:31px minmax(0,1fr);gap:8px;margin-bottom:13px;line-height:1.95}.unit-build dt{font-size:12px;padding-top:5px}.skill-chip{font-size:16px;line-height:1.8;padding:3px 6px;gap:5px}.skill-level{font-size:11px}.unit-build dd:not(.skill-chips){font-size:14px;line-height:2}.build-observation{font-size:11px;line-height:1.95;margin-top:18px;gap:6px}.build-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;margin-top:16px;padding:17px 0 20px}.build-metrics>span{border:0;padding:0;font-size:11px;gap:6px}.build-metrics b{font-size:18px;white-space:normal}.build-metrics>span:nth-child(-n+2) b{font-size:26px}.config-explanation{font-size:12px;line-height:2}.real-table tbody{padding:12px;gap:14px}.real-table tr{padding:17px 15px;gap:16px 12px;border-color:#445044;background:#1c2829!important;box-shadow:0 4px 15px #0002}.real-table tr:nth-child(even){background:#202c2b!important}.real-table td{font-size:15px!important;line-height:1.8}.real-table td:before{font-size:11px;margin-bottom:7px;color:#bdc6b4}.real-table .team-title{font-size:25px;line-height:1.75}.real-table .trusted{font-size:31px}.real-table td:nth-child(3){padding:9px 11px!important;background:#a8915114;border-radius:4px}.real-table td:last-child button{min-height:44px;min-width:44px}.pagination{padding:15px;font-size:12px;gap:13px}.footer{font-size:11px;line-height:1.95}.modal-body{padding:18px;font-size:14px}.modal-head{padding:16px 18px}.unit-detail{padding:14px;line-height:2;font-size:14px}.unit-detail strong{font-size:21px}.loading-state{min-height:300px;padding:38px 18px}.loading-lines{gap:9px}.loading-lines i{height:44px}
.table-wrap:has(.analysis-table){overflow:visible;border:0}.analysis-table{display:block;width:100%;min-width:0!important}.analysis-table caption,.analysis-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.analysis-table tbody{display:grid;gap:14px;padding:12px}.analysis-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding:17px 15px;border:1px solid #435044;background:#1c2829!important;box-shadow:0 4px 15px #0002}.analysis-table tr:nth-child(even){background:#202c2b!important}.analysis-table td{padding:0!important;border:0!important;display:flex;flex-direction:column;min-width:0;white-space:normal;font-size:16px;line-height:1.8}.analysis-table td:before{content:attr(data-label);color:#bdc6b4;font-family:'Client Sans',sans-serif;font-size:11px;line-height:1.8;margin-bottom:6px}.analysis-table td.team-title{grid-column:1/-1;font-size:24px;min-width:0;color:#f2e4ca}.analysis-table td.team-title:before{font-size:10px;color:#d1bd95}.analysis-table .record-value{display:block;font-size:17px}.analysis-table .record-value:before{display:block}.analysis-table .trusted{font-size:31px!important}.analysis-table .exchange-value{padding:10px 12px!important;background:#c0a26017;border-radius:4px;min-width:0}.analysis-table .win-value,.analysis-table .sample-value,.analysis-table .advantage-value{font-size:20px}.analysis-table td:last-child{justify-content:end;align-items:flex-start}.analysis-table td:last-child:has(.status):before{display:none}.analysis-table .status{font-size:11px;padding:6px 8px}.event-table td:first-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;font-family:'Client Number',sans-serif;font-size:18px;color:#d8b97c}.event-table td:first-child:before{margin:0}.event-table td.team-title:before{display:none}
}
@media(max-width:359px){.content{padding-inline:10px}.topbar{gap:5px;padding-inline:10px}.top-actions{gap:3px}.mobile-page-title{font-size:13px}.top-actions .top-button{font-size:11px;padding:7px}.page-heading{padding:18px 16px}.page-heading h1{font-size:33px}.metric-value{font-size:29px}.metric{padding:17px 12px}.context-metrics{gap:6px}.context-metrics b{font-size:23px}.context-metrics small{font-size:9px;margin-left:2px}.matchup-team h3{font-size:24px}.baseline-panel{padding:16px 12px;gap:10px;grid-template-columns:104px minmax(0,1fr)}.baseline-value strong{font-size:36px}.baseline-value>span{font-size:10px}.distribution-label{font-size:10px}.distribution-legend{gap:8px;font-size:10px}.build-summary{grid-template-columns:23px minmax(0,1fr) 61px 43px 8px;padding:13px 9px;gap:5px}.build-score b{font-size:27px}.build-samples b{font-size:22px}.build-summary-title>strong{font-size:20px}.build-rank{font-size:24px}.build-hint{font-size:10px}.build-content{padding:20px 14px 0}.unit-build h3{font-size:27px}.unit-build dl>div{gap:6px}.skill-chip{font-size:15px}.config-main-filters select{padding-left:7px;font-size:12px}.analysis-table .team-title,.real-table .team-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.feedback-glow{display:none}button.is-pressed,summary.is-pressed,a.is-pressed{transform:none!important}}
/* Separate light palette: preserve readability in both themes. */
:root[data-theme=light]{--layer-base:#e7e4d9;--layer-panel:#f7f4ea;--layer-inset:#fffdf6;--ink-primary:#342f22;--ink-secondary:#5c6456;--ink-subtle:#6c7365;--border-soft:#bebfac;--positive:#875529;--negative:#296d63;--accent:#795322}:root[data-theme=light] .topbar,:root[data-theme=light] .toolbar,:root[data-theme=light] .variant-controls,:root[data-theme=light] .panel-head{background:#e7e8db;color:#3d4738}:root[data-theme=light] .topbar b,:root[data-theme=light] .panel-head h2,:root[data-theme=light] .config-workbar h2,:root[data-theme=light] .matchup-team h3,:root[data-theme=light] .data-table .team-title{color:#463a23}:root[data-theme=light] .demo-banner,:root[data-theme=light] .note,:root[data-theme=light] .stats-grid,:root[data-theme=light] .metric,:root[data-theme=light] .config-library,:root[data-theme=light] .library-search,:root[data-theme=light] .config-filter-popover,:root[data-theme=light] .matchup-context,:root[data-theme=light] .evidence-caption,:root[data-theme=light] .modal,:root[data-theme=light] .modal-head{background:#f0efdf;color:#4c563e}:root[data-theme=light] .data-table th{background:#e0e5d6;color:#5a613e}:root[data-theme=light] .data-table tbody tr{background:#f9f8ee}:root[data-theme=light] .data-table tbody tr:nth-child(even){background:#edf0e4}:root[data-theme=light] .data-table td{color:#414b3a;border-color:#cad1bd}:root[data-theme=light] .data-table .trusted,:root[data-theme=light] .context-metrics b,:root[data-theme=light] .metric-value,:root[data-theme=light] .library-exchange{color:#80551e}:root[data-theme=light] .data-table .win-value{color:#5f562c!important}:root[data-theme=light] .data-table .is-negative,:root[data-theme=light] .data-table .loss-diff.negative{color:#276b60}:root[data-theme=light] .data-table .is-positive,:root[data-theme=light] .data-table .loss-diff{color:#8a4b26}:root[data-theme=light] .data-table .sample-value,:root[data-theme=light] .unit-build h3,:root[data-theme=light] .skill-chip,:root[data-theme=light] .unit-build dd,:root[data-theme=light] .build-metrics b{color:#4e4029}:root[data-theme=light] .skill-level{color:#845f23}:root[data-theme=light] .build-card{background:#eeeee0}:root[data-theme=light] .build-card[open]{background:#f0e6d8}:root[data-theme=light] .baseline-panel{background:linear-gradient(110deg,#dce3c9,#eef0df)}:root[data-theme=light] .baseline-value strong,:root[data-theme=light] .baseline-value>span,:root[data-theme=light] .build-metrics>span:nth-child(-n+2) b{color:#77521f}:root[data-theme=light] .baseline-value p,:root[data-theme=light] .distribution-label,:root[data-theme=light] .distribution-legend,:root[data-theme=light] .baseline-signals span,:root[data-theme=light] .matchup-team p,:root[data-theme=light] .context-metrics span,:root[data-theme=light] .context-metrics small,:root[data-theme=light] .panel-head p,:root[data-theme=light] .demo-banner span,:root[data-theme=light] .note,:root[data-theme=light] .config-explanation,:root[data-theme=light] .build-observation,:root[data-theme=light] .unknown-trait,:root[data-theme=light] .library-foot,:root[data-theme=light] .team-button small,:root[data-theme=light] .configuration-toolbar>p,:root[data-theme=light] .build-hint,:root[data-theme=light] .build-metrics>span,:root[data-theme=light] .footer,:root[data-theme=light] .config-filter-popover p{color:#626b53}:root[data-theme=light] .build-card:not([open]) .build-short{color:#514b36}:root[data-theme=light] .build-card:not([open]) .build-score b{color:#7f571e}:root[data-theme=light] .build-card:not([open]) .build-samples b{color:#544a30}:root[data-theme=light] .build-card[open] .build-hint{color:#e2d1af}:root[data-theme=light] .build-card[open] .build-score b{color:#f6d087}:root[data-theme=light] .build-metrics .below-baseline{color:#286d5e!important}:root[data-theme=light] .configuration-toolbar .button,:root[data-theme=light] .config-more-filters>summary,:root[data-theme=light] .config-main-filters select{background:#e5e9d6;border-color:#919c77;color:#485134}
@media(max-width:767px){:root[data-theme=light] .real-table tr,:root[data-theme=light] .analysis-table tr{background:#f3f4e7!important;border-color:#abb89b}:root[data-theme=light] .real-table tr:nth-child(even),:root[data-theme=light] .analysis-table tr:nth-child(even){background:#e8edde!important}:root[data-theme=light] .analysis-table td,:root[data-theme=light] .real-table td{color:#435039}:root[data-theme=light] .analysis-table .team-title,:root[data-theme=light] .real-table .team-title{color:#493b22}:root[data-theme=light] .analysis-table td:before,:root[data-theme=light] .real-table td:before{color:#5d6e51}:root[data-theme=light] .mobile-selected{background:#e5ead7;color:#465336}}
:root[data-theme=light] .breadcrumb,:root[data-theme=light] .toolbar .field label,:root[data-theme=light] .variant-controls .field label,:root[data-theme=light] .metric-label{color:#5e684e}:root[data-theme=light] .button,:root[data-theme=light] .icon-button,:root[data-theme=light] .top-button{background:#e5e9d8;border-color:#979a7a;color:#4b522f}:root[data-theme=light] .top-actions [data-action=account]{background:linear-gradient(#8a2734,#681c29);border-color:#a45b52;color:#fff0da}:root[data-theme=light] .unit-build dt{color:#775d39}:root[data-theme=light] .unit-position{color:#715426;border-color:#a88d55;background:#d5bc851f}:root[data-theme=light] .configuration-toolbar>p b{color:#77531f}:root[data-theme=light] .config-library .team-button b{color:#4d4029}:root[data-theme=light] .config-library .team-button.selected b{color:#fff0d5}:root[data-theme=light] .team-button.selected small{color:#e2d1af}:root[data-theme=light] .library-rank{color:#845e28}:root[data-theme=light] .team-button.selected .library-rank,:root[data-theme=light] .team-button.selected .library-exchange{color:#f2cb81}:root[data-theme=light] .section-eyebrow{color:#806339}:root[data-theme=light] .data-table td small,:root[data-theme=light] .build-metrics small{color:#677050}:root[data-theme=light] .ribbon-heading .library-toggle{background:#3c2922;border-color:#b38b52;color:#f6e4c8}
/* Open/close navigation immediately: targets must not move while a quick second tap lands. */
@media(max-width:767px){.sidebar,.nav-open .sidebar{transition:none}}
@media(min-width:768px){.table-wrap:has(.analysis-table,.real-table){max-height:72vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#888266 #182023}.analysis-table th,.real-table th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 #68705a}.analysis-table td,.real-table td{scroll-margin-top:55px}}