/* bc-v127 Track Drill page. Merged with v126 tokens: day/night via --panel/--ink/--mut/--line/--brand; Sunlight (html[data-sun="1"]) = black on white, >=7:1. No animations. */
#modal.b27 *,#modal.b27 *::before,#modal.b27 *::after{animation:none!important;transition:none!important}
#modal.b27 .sheet>.close{display:none!important}
#b27page{--b27sel:var(--ink);--b27onsel:var(--panel);--b27pri:var(--brand,#C41A38);--b27onpri:var(--on-brand,#fff)}
#b27page .b27hd{background:none;padding:0;position:static;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:start;margin:0}
#b27page .b27h1{margin:0;font:800 28px/1.05 "Barlow Condensed",Oswald,Inter,system-ui,sans-serif;letter-spacing:.3px;text-transform:uppercase;overflow-wrap:anywhere;white-space:normal;text-overflow:clip;overflow:visible}
#b27page .b27meta{margin:4px 0 0;color:var(--mut);font-size:14px;overflow-wrap:anywhere}
#b27page .b27x{width:48px;height:48px;border-radius:12px;border:2px solid var(--line);background:var(--panel);color:var(--ink);display:grid;place-items:center;padding:0;cursor:pointer;position:static}
#b27page .b27acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
#b27page .b27b{min-height:44px;min-width:44px;padding:0 14px;border-radius:12px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font:700 15px/1.2 Inter,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:normal;text-align:center;transform:none!important;box-shadow:none}
#b27page .b27b.pri{background:var(--b27pri);border-color:var(--b27pri);color:var(--b27onpri)}
#b27page .b27b[disabled]{opacity:1!important;cursor:default;background:var(--panel)!important;border-color:var(--line)!important;color:var(--mut)!important}
#b27page .b27grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#b27page .b27card{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px;min-width:0}
#b27page[data-view=live] .b27man,#b27page[data-view=manual] .b27live{display:none}
#b27page .b27fcard #fullField{display:block;width:100%;margin:0}
/* docked compact control row: one row, BELOW the field, each control >=44px */
#modal.b27 .transport.b27dock,#modal.b27 .transport.b27dock.b26bar{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;margin:8px 0 0!important;padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;z-index:auto!important}
#modal.b27 .transport.b27dock .btn{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:10px!important;border:2px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important}
#modal.b27 .transport.b27dock .btn::after{inset:0!important}
#modal.b27 .transport.b27dock #fullBtn{background:var(--b27pri,var(--brand))!important;border-color:var(--brand)!important;color:var(--on-brand,#fff)!important}
#modal.b27 .transport.b27dock .loopbtn.on{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--panel)!important}
#modal.b27 .transport.b27dock input[type=range]{order:0!important;flex:1 1 auto!important;width:auto!important;min-width:36px!important;height:44px!important;min-height:44px!important;margin:0!important;accent-color:var(--brand)}
#modal.b27 .transport.b27dock select{flex:0 0 auto!important;width:auto!important;height:44px!important;min-height:44px!important;min-width:56px!important;margin:0!important;border-radius:10px!important;border:2px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important;padding:0 4px!important;font-weight:700!important}
#b27page .b27h2{margin:0 0 8px;font:800 20px/1.1 "Barlow Condensed",Oswald,Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.3px}
#b27page .b27seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--line);border-radius:12px;overflow:hidden}
#b27page .b27seg button{min-height:44px;border:0;background:transparent;color:var(--ink);font-weight:700;padding:0 4px;white-space:normal}
#b27page .b27seg button+button{border-left:2px solid var(--line)}
#b27page .b27seg .on{background:var(--b27sel)!important;color:var(--b27onsel)!important}
#b27page .b27clock{margin:10px 0 6px}
#b27page .b27state{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);min-height:16px}
#b27page .b27time{font:700 44px/1.05 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}
#b27page .b27ctl{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
#b27page .b27ctl .b27b{min-height:48px}
#b27page .b27lbl{display:block;margin:10px 0 6px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
#b27page .b27f .b27lbl{margin:0 0 4px}
#b27page .b27chips{display:flex;flex-wrap:wrap;gap:6px}
#b27page .b27chip{min-width:48px;min-height:44px;padding:0 10px;border-radius:10px;border:2px solid var(--line);background:var(--panel);color:var(--ink);font-weight:700;white-space:normal}
#b27page .b27chip.on{background:var(--b27sel);color:var(--b27onsel);border-color:var(--b27sel)}
#b27page .b27save{display:flex;gap:8px;margin-top:12px}#b27page .b27save .b27b{flex:1;min-height:48px}
#b27page .b27laps{margin:8px 0 0;padding:0;list-style:none;font-variant-numeric:tabular-nums;color:var(--mut);font-size:14px}
#b27page .b27f{display:grid;gap:0;min-width:0}
#b27page .b27f select,#b27page .b27f input,#b27page .b27tm input{min-height:48px;border:2px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:0 10px;width:100%;min-width:0;font:600 16px Inter,system-ui,sans-serif}
#b27page .b27row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#b27page .b27row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
#b27page .b27tm{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:4px;align-items:center}
#b27page .b27tm input{text-align:center;font-variant-numeric:tabular-nums;font-weight:700;font-size:20px;padding:0 4px}
#b27page .b27step{display:flex;align-items:center;gap:8px}#b27page .b27step .b27b{min-width:48px;min-height:48px;font-size:22px}
#b27page .b27cnt{flex:0 0 64px;text-align:center;font:700 28px Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
#b27page .b27note{color:var(--mut);font-size:14px;margin:0 0 8px}#b27page #b27merr:empty{display:none}
@media (max-width:520px){#b27page .b27row2{grid-template-columns:1fr}}
@media (max-width:370px){#b27page .b27time{font-size:36px}#b27page .b27h1{font-size:24px}#modal.b27 .transport.b27dock{gap:4px!important}#modal.b27 .transport.b27dock select{min-width:48px!important}}
@media (min-width:900px){#modal.b27 .sheet{max-width:1180px}#b27page .b27grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);align-items:start}#b27page .b27grid.solo{grid-template-columns:minmax(0,1fr)}}
/* Sunlight: black on white, black lines; selected = black/white (21:1); primary #A0102A/white (8.3:1) */
html[data-sun="1"] #b27page{--panel:#fff;--ink:#000;--mut:#1F1F1F;--line:#000;--b27sel:#000;--b27onsel:#fff;--b27pri:#A0102A;--b27onpri:#fff;font-weight:600}
html[data-sun="1"] #modal.b27 .transport.b27dock{--panel:#fff;--ink:#000;--line:#000;--brand:#A0102A;--on-brand:#fff}
html[data-sun="1"] #b27page .b27b[disabled]{color:#1F1F1F!important;background:#fff!important;border-color:#000!important}