:root{color-scheme:dark;--bg:#111510;--panel:#191e17;--line:#343c2d;--ink:#f0f2e9;--muted:#a2aa98;--green:#c7dba0;--deep:#2d3823;--accent:var(--green);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:5px}button[hidden],[hidden]{display:none!important}svg{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.page-shell{max-width:1184px;margin:auto;padding:0 40px}.site-header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.brand-logo{width:58px;height:54px;object-fit:contain}.brand strong{font-size:27px;letter-spacing:-1px;font-weight:750;display:block}.brand strong span{font-weight:400;color:var(--green)}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.2px;margin-top:6px;color:var(--muted)}.league-mark{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.divider{color:#56604b;margin:0 3px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:39px 0 33px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green);font-weight:650;margin:0 0 12px}h1{font-size:clamp(25px,3.2vw,37px);font-weight:500;letter-spacing:-1.3px;margin:0}.sound-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:transparent;border-radius:7px;padding:13px 17px;font-size:12px;min-height:44px;white-space:nowrap}.sound-button svg{width:18px;height:18px;color:var(--green)}.sound-button:hover:not(:disabled){background:var(--panel);border-color:#66734f}.sound-button:disabled{opacity:.5}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:12px;letter-spacing:.3px;font-weight:500;margin:0}h2>span{font-size:10px;color:#8e9a80;margin-right:11px}.selection-note{font-size:9px;letter-spacing:1.5px;color:#829073}.stage-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage-option{display:flex;align-items:center;gap:17px;padding:21px 24px;border:1px solid var(--line);border-radius:8px;background:transparent;text-align:left;transition:background .15s,border-color .15s}.stage-option:hover:not(:disabled){background:#1e251a;border-color:#6b7a56}.stage-option.selected{background:#293321;border-color:var(--green)}.stage-letter{font-size:36px;line-height:1;font-weight:500;letter-spacing:-1px;color:#89977a;min-width:28px}.selected .stage-letter{color:var(--green)}.stage-copy{display:flex;flex-direction:column;gap:7px}.stage-copy strong{font-size:16px;font-weight:500}.stage-copy>span{font-size:11px;color:var(--muted)}.selected-mark{width:16px;height:16px;margin-left:auto;opacity:0;color:var(--green)}.selected .selected-mark{opacity:1}.stage-options.locked .stage-option:not(.selected){opacity:.42}.timer-layout{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:24px;margin-top:28px}.timer-panel{--accent:var(--green);padding:22px 30px 26px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#242d1c50,transparent 70%),var(--panel);min-width:0}.panel-topline{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:1.2px;color:#acb69f}.panel-topline>span:first-child{display:flex;align-items:center;gap:8px}.panel-topline .status-dot{background:var(--accent)}#stage-badge{color:#87917d}.clock-wrap{position:relative;width:min(100%,354px);aspect-ratio:1;margin:18px auto 16px}.clock-ring{position:absolute;inset:0;width:100%;height:100%}.ring-outer{stroke:#35402c;stroke-width:1;stroke-dasharray:1 8}.ring-track{stroke:#303b27;stroke-width:3}.ring-progress{stroke:var(--accent);stroke-width:3;stroke-linecap:butt}.ring-ticks{stroke:#91a379;stroke-width:1}.clock-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock-label{font-size:12px;color:#bac4ad;margin:0 0 17px}.clock-digits{font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(64px,8.5vw,91px);font-weight:500;letter-spacing:-5px;line-height:1;color:var(--accent);padding-right:5px}.clock-caption{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:2.6px;color:#a6b297;margin:20px 0 0}.timer-actions>p{font-size:11px;color:var(--muted);text-align:center;min-height:16px;margin:0 0 19px}.primary-button,.stop-button{width:100%;height:55px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:6px;border:1px solid var(--green);background:var(--green);color:#1a2411;font-size:14px;font-weight:650;position:relative}.primary-button:hover:not(:disabled){background:#d9eab8}.primary-button:disabled{opacity:.7}.primary-button svg,.stop-button svg{width:16px;height:16px;stroke:none;fill:currentColor}.button-arrow{position:absolute;right:20px;font-size:20px;font-weight:400}.stop-button{border-color:#7f8973;background:#252e1e;color:var(--ink)}.stop-button:hover{background:#35412b}.key-hint{position:absolute;right:15px;font-family:ui-monospace,monospace;font-weight:400;font-size:9px;padding:4px 5px;border:1px solid #58634c;border-radius:3px;color:var(--muted)}.sequence-panel{padding:24px 23px 0}.sequence-panel .section-heading{margin-bottom:18px}.sequence-icon{width:19px;height:19px;color:#8c9a7c}.sequence-list{list-style:none;padding:0;margin:0;position:relative}.sequence-list:before{content:"";position:absolute;left:15px;top:37px;bottom:40px;border-left:1px solid var(--line)}.sequence-list li{position:relative;display:flex;align-items:center;gap:15px;min-height:83px;border-bottom:1px solid #2b3325}.sequence-list li:last-child{border-bottom:0}.step-number{z-index:1;flex-shrink:0;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--bg);border:1px solid #3b4632;color:#9eab90;font-family:ui-monospace,monospace;font-size:10px}.sequence-list strong{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.sequence-list strong svg{width:12px;height:12px;color:#8b9979}.sequence-list p{font-size:10px;color:var(--muted);margin:7px 0 0}.step-duration{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;color:#c3cdba;white-space:nowrap}.step-duration>span:last-child{font-size:10px;margin-left:3px;color:#89977a}.step-duration>#sequence-stage-duration{font:inherit;margin:0;color:inherit}.sequence-list li.active .step-number{background:var(--green);color:#202b15;border-color:var(--green)}.sequence-list li.active strong,.sequence-list li.active .step-duration{color:var(--green)}.sequence-list li.past .step-number{color:var(--green);border-color:#657951}.sequence-total{display:flex;justify-content:space-between;align-items:center;padding:19px 0 23px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.sequence-total strong{color:var(--ink);font-family:ui-monospace,monospace;font-size:12px;font-weight:400}.audio-note{display:flex;gap:12px;align-items:flex-start;padding-top:24px;color:#aeb99f}.audio-note svg{width:19px;height:19px;flex-shrink:0;margin-top:1px}.audio-note p{margin:0;font-size:11px;line-height:1.6}.audio-note p span{display:block;font-size:10px;color:#8d9b7e;margin-top:3px}.app-message{border:1px solid #827451;background:#302d20;color:#e4d9bc;padding:14px 18px;border-radius:7px;font-size:12px;line-height:1.6;margin:18px 0 0}.timer-panel[data-phase=load],.timer-panel[data-phase=load-command]{--accent:#e6cf92}.timer-panel[data-phase=attention],.timer-panel[data-phase=attention-command]{--accent:#e4b77b}.timer-panel[data-phase=fire]{--accent:#d6ecaa}.timer-panel[data-phase=fire] #timer-status-dot{box-shadow:0 0 0 4px #c7dba017}.timer-panel[data-phase=countdown] .clock-digits{font-size:116px;padding:0;letter-spacing:0}.timer-panel[data-phase=complete] .clock-digits{opacity:.7}.timer-panel[data-phase=stopped]{--accent:#bbc2b0}footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0 25px;margin-top:32px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.2px;color:#7e8c70}.footer-slash{margin:0 7px;color:#4c5842}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.page-shell{padding-top:16px}.page-heading{padding-top:44px}.clock-wrap{width:370px}}
@media(max-width:800px){.page-shell{padding:0 24px}.timer-layout{gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.timer-panel{padding:22px 20px 23px}.sequence-panel{padding:24px 8px 0 12px}.clock-wrap{margin:28px auto 27px}.clock-digits{font-size:74px}.stage-option{padding:20px 18px;gap:12px}.stage-copy strong{font-size:14px}.stage-letter{font-size:32px}.selected-mark{width:13px;flex-shrink:0}.sequence-list li{gap:10px}.sequence-list p{font-size:9px}.step-duration{font-size:18px}.sequence-list strong{font-size:12px}.step-number{width:27px;height:27px}.sequence-list:before{left:13px}.panel-topline{font-size:8px;letter-spacing:.6px}}
@media(max-width:620px){.page-shell{padding:0 20px}.site-header{height:88px}.brand-logo{width:47px;height:46px}.brand{gap:9px}.brand strong{font-size:23px}.brand small{font-size:7px;letter-spacing:1.5px;margin-top:5px}.league-mark{font-size:8px;gap:7px;letter-spacing:1px}.league-mark .divider{margin:0}.page-heading{padding:28px 0 26px;gap:12px;align-items:center}h1{font-size:25px;letter-spacing:-.9px;max-width:240px;line-height:1.17}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:10px}.sound-button{padding:11px;gap:7px;font-size:10px}.sound-button svg{width:15px}.section-heading{margin-bottom:12px}h2{font-size:11px}.selection-note{font-size:7px;letter-spacing:.8px}.stage-options{gap:8px}.stage-option{padding:15px 11px 14px;gap:10px;flex-wrap:wrap;position:relative}.stage-letter{font-size:29px;min-width:0}.stage-copy{gap:5px;width:100%}.stage-copy strong{font-size:12px}.stage-copy>span{font-size:10px}.selected-mark{position:absolute;top:17px;right:10px;width:13px}.timer-layout{display:flex;flex-direction:column;gap:16px;margin-top:19px}.timer-panel{padding:20px 24px 23px}.panel-topline{font-size:9px;letter-spacing:1px}.clock-wrap{width:min(100%,322px);margin:18px auto 17px}.clock-digits{font-size:83px}.clock-label{font-size:12px}.clock-caption{font-size:9px}.timer-actions>p{font-size:11px;margin-bottom:16px}.primary-button,.stop-button{height:54px}.sequence-panel{padding:10px 4px 0}.sequence-panel .section-heading{margin-bottom:7px}.sequence-list li{min-height:68px;gap:14px}.sequence-list strong{font-size:13px}.sequence-list p{font-size:10px;margin-top:5px}.step-number{width:29px;height:29px}.sequence-list:before{left:14px}.step-duration{font-size:19px}.sequence-total{padding:15px 0 18px}.audio-note{padding-top:18px}.audio-note p{font-size:11px}.audio-note p span{font-size:10px}.audio-note svg{width:17px}footer{margin-top:26px;padding:23px 0 22px;font-size:8px;letter-spacing:.6px}}
@media(max-width:360px){.page-shell{padding:0 14px}.league-mark{font-size:7px;gap:5px}.clock-digits{font-size:72px}.timer-panel{padding:18px}.sound-button{font-size:9px;gap:5px}.sound-button svg{width:13px}h1{font-size:23px}.selection-note{display:none}.stage-option{padding:13px 9px}.stage-copy strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.page-heading .eyebrow{margin:0}