.top-nav{display:flex;gap:22px;font-size:13px}.connection-strip{display:flex;align-items:center;gap:16px;border:1px solid var(--line);padding:18px 22px;margin:0 0 24px;background:#181913}.connection-strip strong{font-size:14px}.connection-strip p{font-size:12px;color:var(--muted);margin:4px 0 0}.connection-strip>a{margin-left:auto;white-space:nowrap;font-size:12px}.status-dot{width:9px;height:9px;flex:0 0 9px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px #cfb99144}.ats-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.ats-heading p:not(.eyebrow){color:var(--muted);font-size:13px}.ats-heading .research-badge{white-space:nowrap}.ats-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:22px 0}.ats-metric{background:#191b16;padding:22px}.ats-metric strong{font-family:Barlow,Arial,sans-serif;color:var(--gold);font-size:42px;display:block;line-height:1.1;margin:8px 0}.ats-metric span{font-size:12px;color:var(--muted)}.ats-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.ats-rule{padding:16px;background:#1d1f18;border:1px solid var(--line);font-size:13px}.ats-rule b{display:block;color:var(--gold);font-size:12px;margin-bottom:7px}.ats-explanation{max-width:940px;color:var(--muted);font-size:14px}.ats-panel .chart-row{grid-template-columns:58px 1fr 108px}.ats-panel .chart-row .track{height:20px;max-width:430px}.ats-panel table th:first-child,.ats-panel table td:first-child{min-width:unset}.ats-panel td{vertical-align:top}.ats-panel td small{max-width:250px;white-space:normal}.ats-checks{list-style:none;padding:0;margin:20px 0}.ats-checks li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.ats-checks .pass{color:var(--green)}.ats-checks .fail{color:var(--muted)}.ats-game{margin-top:24px;scroll-margin-top:115px}.ats-game .ats-records{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.ats-records>div{padding:20px;border:1px solid var(--line)}.ats-records strong{display:block;font-size:25px;color:var(--gold);margin:8px 0}.ats-records small{display:block;color:var(--muted);font-size:12px}.setup-panel{max-width:1420px;margin:24px auto 40px}.setup-panel p{max-width:1000px}.ats-family-label{margin-top:20px}.ats-panel select{display:block;margin:8px 0 20px;max-width:100%}.research-result{font-size:13px;color:var(--muted);max-width:1000px;margin:16px 0}button[aria-busy=true]::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid var(--muted);border-top-color:transparent;border-radius:50%;margin-right:8px;animation:spin .8s linear infinite}button:disabled{cursor:wait;opacity:.75}@keyframes spin{to{transform:rotate(360deg)}}.ats-panel .detail-link{display:inline-block;margin-top:14px}.ats-game:focus{outline:2px solid var(--gold);outline-offset:4px}html{scroll-behavior:smooth;scroll-padding-top:20px}body:has(dialog[open]){overflow:hidden}
@media(max-width:850px){.ats-heading{display:block}.ats-heading .research-badge{white-space:normal}.ats-rules{grid-template-columns:1fr 1fr}.top-nav{gap:12px;font-size:12px}.setup-panel{margin:20px}.connection-strip{flex-wrap:wrap}.connection-strip>a{margin-left:25px}.connection-strip>div{flex:1}}
@media(max-width:550px){.top-nav{gap:10px;font-size:10px}.brand{max-width:220px}.brand small{letter-spacing:.5px}.ats-metrics{grid-template-columns:1fr}.ats-metric{padding:16px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.ats-metric strong{grid-column:2;grid-row:1 / 3;text-align:right;font-size:38px}.ats-metric span{grid-column:1}.ats-rules{gap:8px}.ats-rule{padding:12px;font-size:12px}.ats-heading h2{font-size:27px}.ats-game .ats-records{grid-template-columns:1fr}.ats-panel .chart-row{grid-template-columns:43px 1fr 88px;gap:8px;font-size:11px}.setup-panel{margin:16px 14px}.connection-strip{padding:16px}.detail-head h2{overflow-wrap:anywhere}.detail-head button{flex:0 0 48px}.simulation-counts{gap:8px}.simulation-counts b{font-size:26px}.ats-checks li{gap:10px}.ats-checks li>span:last-child{min-width:80px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button[aria-busy=true]::before{animation:none}}