html:has(body.archer-game){height:100%;overflow:hidden}
body.archer-game.bd-v12.bd-v12{height:100dvh;overflow:hidden!important;background:#091115!important;color:#edece4!important;font-family:BDBody,Arial,sans-serif}
body.archer-game>.v12-header,body.archer-game>.v12-footer{display:none!important}
body.archer-game.bd-v12.bd-v12 main.ag-console{box-sizing:border-box;height:100dvh;max-width:1800px;margin:0 auto;padding:12px 22px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:42px 38px minmax(0,1fr) 28px;grid-template-areas:'mast mast' 'status status' 'plots controls' 'foot foot';gap:10px 20px;overflow:hidden;font:400 16px/1.4 BDBody,Arial,sans-serif;--display:BDCondensed,Impact,sans-serif;--text:BDBody,Arial,sans-serif}
.ag-console *{box-sizing:border-box}.ag-console [hidden]{display:none!important}
.ag-console p,.ag-console figure,.ag-console h1,.ag-console h2{margin:0}
.ag-console button{color:#efece0;background:#1b2a30;border:1px solid #4a5c63;font:600 14px/1.3 BDBody,Arial,sans-serif;min-height:42px;padding:9px 12px;cursor:pointer;touch-action:manipulation}
.ag-console a{color:#f0dbc5;font:600 14px/1.3 BDBody,Arial,sans-serif;text-decoration:none}
.ag-console button:hover{border-color:#e69757}.ag-console :focus-visible{outline:3px solid #f6a45f;outline-offset:3px}
.ag-console button:disabled{opacity:.5;cursor:default}
.ag-mast{grid-area:mast;display:flex;align-items:center;gap:20px;border-bottom:1px solid #3b4b51;padding-bottom:9px}
body.archer-game.bd-v12.bd-v12 .ag-mast h1{font:700 28px/1 BDCondensed,Impact,sans-serif!important;letter-spacing:.015em!important;color:#f5eddd!important;margin:0!important;flex:1;text-transform:uppercase}
.ag-mast .ag-back{color:#efa365}.ag-mast #ag-guide{background:transparent;border:0;padding:6px 0}
.ag-status{grid-area:status;display:flex;gap:28px;align-items:center;color:#adbdc1;font-size:12px;letter-spacing:.04em}
.ag-status span{display:flex;align-items:center;gap:10px;white-space:nowrap}.ag-status b{color:#eee8da;font-size:18px;font-variant-numeric:tabular-nums}.ag-status #ag-score{color:#ffaa65}.ag-status #ag-archer-score{color:#b9d99b}.ag-status .ag-score-unit{color:#809398}
.ag-instruments{grid-area:plots;min-width:0;min-height:0;display:flex;flex-direction:column;background:#0d191e;border:1px solid #34474e;border-radius:7px;overflow:hidden}
.ag-telemetry{display:flex;gap:24px;align-items:center;min-height:40px;padding:8px 12px;border-bottom:1px solid #34474e;font-size:13px;color:#9aafb6}.ag-telemetry b{color:#e1e6df;font-weight:600;margin-left:6px;font-variant-numeric:tabular-nums}
.ag-views{display:none}
.ag-display{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'logs type' 'section type'}
.ag-display figure{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.ag-log-panel{grid-area:logs;border-bottom:1px solid #34474e}.ag-section-panel{grid-area:section}.ag-type-panel{grid-area:type;border-left:1px solid #34474e}
.ag-display figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:10px 12px 0;color:#9eafb5;font-size:12px;min-height:32px}.ag-display figcaption b{font-weight:600;letter-spacing:.06em;color:#e4dccb}.ag-display figcaption span{display:flex;align-items:center;gap:6px}.key{display:inline-block;width:16px;height:2px}.key.measured{background:#ffa265}.key.model{background:#91d9dc}
.ag-display canvas{display:block;width:100%;height:0;min-height:0;flex:1;touch-action:none}.ag-display figure>p{font-size:12px;line-height:1.25;color:#adc0c7;padding:5px 12px 9px;min-height:30px}
.ag-controls{grid-area:controls;min-height:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;padding:0 3px 0 0}
.ag-controls #ag-ready{margin:auto 0}.ag-controls #ag-ready h2{font:700 36px/1.05 BDCondensed,Impact,sans-serif!important;color:#f8e9d3!important;letter-spacing:0!important;margin:0 0 18px!important}.ag-controls #ag-ready p{font-size:16px;line-height:1.6;color:#c0ccd0;margin-bottom:24px}
.ag-control-tabs{display:flex;gap:5px;margin-bottom:12px}.ag-control-tabs button{flex:1;background:transparent;border:0;border-bottom:2px solid #3d5058;border-radius:0!important;text-align:left}.ag-control-tabs button[aria-pressed=true]{color:#ffb17a;border-color:#ffb17a}
.ag-control-body fieldset{min-width:0;border:0;border-bottom:1px solid #33454c;padding:0 0 14px;margin:0 0 14px}.ag-control-body legend{font-size:13px;color:#c0cbd0;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}
.ag-control-body label{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:8px}.ag-control-body output{font:600 16px BDBody,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#ffb579;white-space:nowrap}.ag-control-body input[type=range]{display:block;width:100%;height:28px;margin:7px 0 0;accent-color:#f29b58;cursor:ew-resize}.ag-control-body small{display:block;color:#9bb0b8;font-size:12px;margin:0 0 14px;line-height:1.3}
.ag-fit{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.ag-fit strong{color:#8ed7da;font-variant-numeric:tabular-nums}.ag-fit span{width:100%;font-size:12px;color:#8ba5b0}
#ag-center{width:100%;font-size:14px;min-height:40px;background:#18343b;border-color:#4d7980}
.ag-projection{margin:14px 0 8px;font-size:13px}.ag-projection div{display:flex;justify-content:space-between;gap:10px;margin:5px 0}.ag-projection dt{color:#9cb1ba}.ag-projection dd{margin:0;font-variant-numeric:tabular-nums;color:#eceadd}
.ag-limit,.ag-lag{font-size:12px;line-height:1.4;color:#92a9b3}.ag-controls .ag-lag{margin-top:auto;padding-top:8px}
#ag-warning{min-height:36px;font-size:13px;line-height:1.35;color:#e6c3a2;margin:0 0 8px}
.ag-console .ag-primary{background:#e9924a;color:#111d21;min-height:46px;width:100%;font:700 16px/1.2 BDBody,Arial,sans-serif;border:1px solid #ffc08a;padding:12px 16px}
.ag-footnote{grid-area:foot;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#8ea8b3;font-size:12px}.ag-footnote button{border:0;background:none;font-size:12px;min-height:26px;padding:2px}.ag-footnote a{font-size:12px}
.ag-console .ag-dialog{width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #6a848c;border-radius:14px;background:#111f26;color:#e9e9dd;font:400 16px/1.6 BDBody,Arial,sans-serif;overflow:auto;box-shadow:0 25px 100px #0008}
.ag-dialog::backdrop{background:#030a10d9}.ag-console .ag-dialog h2{font:700 34px/1.1 BDCondensed,Impact,sans-serif!important;color:#ffe8cf!important;letter-spacing:0!important;margin:12px 0 18px!important}.ag-console .ag-dialog h3{font-size:20px!important;color:#edc39f!important;margin:24px 0 12px!important}.ag-dialog p{margin:14px 0!important;color:#c4d0d5}.ag-dialog a{color:#f2b27c;text-decoration:underline}.ag-dialog li{margin-bottom:14px}.ag-dialog details{margin-top:20px}.ag-dialog summary{font:600 16px BDBody,Arial,sans-serif!important;cursor:pointer;color:#e6e3d7!important}.ag-final-actions{display:flex;gap:10px;flex-wrap:wrap}.ag-final-actions a{padding:12px}.ag-table-wrap{overflow:auto}.ag-dialog table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.ag-dialog th,.ag-dialog td{text-align:right;padding:8px;border-bottom:1px solid #3e515b}.ag-dialog th{color:#e0b991}
@media(max-width:1100px){body.archer-game.bd-v12.bd-v12 main.ag-console{grid-template-columns:minmax(0,1fr) 280px;padding-inline:12px;gap:8px 12px}.ag-display{grid-template-columns:minmax(0,1fr) 190px}.ag-telemetry{gap:12px}.ag-type-panel figcaption span{display:none}}
@media(max-width:800px){
 body.archer-game.bd-v12.bd-v12 main.ag-console{padding:6px 10px max(5px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:35px 30px minmax(150px,1fr) 288px 22px;grid-template-areas:'mast' 'status' 'plots' 'controls' 'foot';gap:5px}
 .ag-mast{gap:12px;padding-bottom:5px}.ag-mast .ag-back{font-size:12px}body.archer-game.bd-v12.bd-v12 .ag-mast h1{font-size:23px!important}.ag-mast #ag-guide{font-size:12px;min-height:30px}.ag-status{gap:16px;font-size:10px}.ag-status span{gap:5px}.ag-status b{font-size:16px}.ag-status .ag-score-unit{display:none}
 .ag-telemetry{min-height:30px;padding:5px 8px;gap:10px;font-size:11px}.ag-telemetry b{margin-left:3px}.ag-views{display:flex;border-bottom:1px solid #34474e}.ag-views button{flex:1;border:0;border-radius:0!important;background:transparent;min-height:33px;padding:7px 3px;font-size:13px}.ag-views button[aria-pressed=true]{background:#2c424b;color:#ffd1ac}
 .ag-display{display:flex}.ag-display figure{display:none;flex:1}.ag-display[data-mode=logs] .ag-log-panel,.ag-display[data-mode=section] .ag-section-panel,.ag-display[data-mode=type] .ag-type-panel{display:flex;border:0}.ag-display figcaption{font-size:11px;padding:6px 8px 0;min-height:24px}.ag-type-panel figcaption span{display:block}.ag-display figure>p{font-size:11px;min-height:24px;padding:4px 8px 6px}
 .ag-controls{padding:0;gap:0}.ag-controls #ag-station{height:100%;display:flex;flex-direction:column;min-height:0}.ag-control-tabs{margin-bottom:7px;flex-shrink:0}.ag-control-tabs button{min-height:34px;padding:6px 9px;font-size:13px}
 .ag-control-body{min-height:0;flex:1;overflow:auto}.ag-control-body fieldset{border:0;padding:0;margin:0;display:none}.ag-control-body[data-control-panel=model] .ag-model-controls,.ag-control-body[data-control-panel=target] .ag-target-controls{display:block}.ag-control-body legend{display:none}.ag-control-body label{font-size:13px}.ag-control-body output{font-size:14px}.ag-control-body input[type=range]{height:24px;margin-top:2px}.ag-control-body small{font-size:11px;margin-bottom:6px}.ag-fit{font-size:12px;gap:6px}.ag-fit span{width:auto;font-size:11px}.ag-projection{font-size:12px;margin:5px 0}.ag-projection div{margin:2px 0}.ag-limit{font-size:10px}.ag-controls #ag-center{font-size:12px;min-height:30px;padding:5px}.ag-controls .ag-lag{display:none}
 .ag-controls #ag-warning{min-height:30px;font-size:12px;margin:5px 0;flex-shrink:0}.ag-controls #ag-confirm{min-height:42px;padding:9px;font-size:14px;flex-shrink:0}.ag-controls #ag-ready{margin:auto 0}.ag-controls #ag-ready h2{font-size:30px!important;margin-bottom:10px!important}.ag-controls #ag-ready p{font-size:14px;line-height:1.4;margin-bottom:16px}
 .ag-footnote{font-size:10px;gap:8px}.ag-footnote button{font-size:11px;min-height:22px}.ag-footnote a{display:none}
}
@media(max-height:680px) and (max-width:800px){body.archer-game.bd-v12.bd-v12 main.ag-console{grid-template-rows:30px 26px minmax(100px,1fr) 265px 18px;gap:3px}.ag-control-body input[type=range]{height:20px}.ag-controls #ag-warning{min-height:28px;margin:3px 0}.ag-control-tabs{margin-bottom:4px}.ag-controls #ag-confirm{min-height:38px}.ag-telemetry{display:none}.ag-controls #ag-ready h2{font-size:25px!important}}
@media(max-height:500px) and (min-width:600px){body.archer-game.bd-v12.bd-v12 main.ag-console{grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:30px 26px minmax(0,1fr) 18px;grid-template-areas:'mast mast' 'status status' 'plots controls' 'foot foot'}.ag-views{display:flex}.ag-display{display:flex}.ag-display figure{display:none;flex:1}.ag-display[data-mode=logs] .ag-log-panel,.ag-display[data-mode=section] .ag-section-panel,.ag-display[data-mode=type] .ag-type-panel{display:flex}.ag-controls{overflow:auto}}
@media(prefers-reduced-motion:reduce){.ag-console *{transition:none!important;scroll-behavior:auto!important}}

/* Both steps use the same compact control area at every screen size. */
.ag-control-body fieldset{display:none}.ag-control-body[data-control-panel=model] .ag-model-controls,.ag-control-body[data-control-panel=target] .ag-target-controls{display:block}
.ag-mast #ag-guide{min-height:32px}
@media(max-width:380px){.ag-mast{gap:8px}.ag-mast .ag-back{font-size:11px}body.archer-game.bd-v12.bd-v12 .ag-mast h1{font-size:20px!important}.ag-mast #ag-guide{font-size:11px;min-height:28px}}