.timer-page{color:#f1efe6;background:#101210;margin:0;font-family:Archivo Variable,sans-serif}#timer-app{--phase:#ef4438;max-width:1440px;margin:auto;padding:24px 32px}#timer-app[data-phase=rest]{--phase:#81cebc}#timer-app[data-phase=prepare]{--phase:#e7bd72}#timer-app[data-phase=finished]{--phase:#b4d598}#timer-app [hidden]{display:none!important}#timer-app button{color:#f1efe6;font:inherit;cursor:pointer;background:#242723;border:1px solid #494d44;border-radius:8px;min-height:44px;padding:10px 15px;font-size:13px}#timer-app button:hover:not(:disabled){background:#30352e;border-color:#dbddd1}#timer-app button:disabled{opacity:.4;cursor:default}#timer-app button[aria-pressed=true]{color:#171916;background:#eee9df;border-color:#eee9df}#timer-app button:focus-visible,#timer-app input:focus-visible{outline-offset:3px;outline:3px solid #e7bd72}.timer-header,.timer-display-actions,.timer-stage-top,.timer-stage-bottom,.timer-settings-heading,.timer-score-heading,.timer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.timer-header{margin-bottom:24px}.timer-brand{color:#f1efe6;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.timer-brand svg{width:55px;height:35px}.timer-brand small{letter-spacing:.2em;color:#b6b9ae;font-size:10px;font-weight:500;display:block}.timer-display-actions{gap:8px}.timer-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px;display:grid}.timer-layout:has(.timer-scoreboard[hidden]){grid-template-columns:1fr}.timer-stage{background:#181b17;border:1px solid #3b4037;border-radius:18px;flex-direction:column;justify-content:center;min-width:0;padding:24px;display:flex}.timer-stage-top{color:#b8bdaf;font-size:13px}#timer-round{color:#f1efe6;font-weight:600}.timer-clock-block{text-align:center;isolation:isolate;margin:22px 0;position:relative}.timer-watermark{z-index:-1;opacity:.025;place-items:center;display:grid;position:absolute;inset:15% 20%}.timer-watermark svg{width:100%;height:100%}#timer-phase{color:var(--phase);text-transform:uppercase;letter-spacing:.17em;margin:0;font-size:16px;font-weight:650}#timer-digits{font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:var(--phase);font-size:clamp(64px,12vw,170px);font-weight:720;line-height:1.2}#timer-next{color:#b8bdaf;margin:5px 0 0;font-size:13px}.timer-progress{background:#34392f;border-radius:4px;height:5px;overflow:hidden}.timer-progress span{background:var(--phase);width:100%;height:100%;display:block}.timer-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}#timer-app #timer-start{background:var(--phase);color:#101210;border-color:var(--phase);min-width:200px;padding:16px 25px;font-size:17px;font-weight:750}.timer-stage-bottom{color:#9fa895;font-size:11px}#timer-total{color:#c5c9be;font-size:13px}.timer-position{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:18px;display:flex}.timer-position strong{font-size:20px}.timer-position span{color:#b8bdaf;overflow-wrap:anywhere}.timer-scoreboard{flex-direction:column;gap:12px;display:flex}.timer-score-heading h2{margin:0;font-size:14px}.timer-score-heading span{color:#aeb5a5;font-size:11px}.timer-fighter{border:1px solid #3e4439;border-left:3px solid var(--fighter);--fighter:#9bd8a9;background:#1b1e19;border-radius:12px;padding:14px}.timer-fighter--yellow{--fighter:#e7cc7c}.timer-fighter-name{align-items:center;gap:12px;display:flex}.timer-fighter-name span{color:var(--fighter);text-transform:uppercase;letter-spacing:.08em;font-size:11px}#timer-app input:not([type=checkbox]){color:#f1efe6;font:inherit;background:#121510;border:1px solid #48513f;border-radius:7px;width:100%;min-width:0;padding:9px 10px;font-size:16px}.timer-fighter-name input{text-align:right}.timer-points{color:var(--fighter);text-align:center;font-variant-numeric:tabular-nums;font-size:60px;font-weight:750;line-height:1.15;display:block}.timer-minor-scores{color:#b4bba9;justify-content:space-between;gap:8px;margin:4px 0 12px;font-size:11px;display:flex}.timer-minor-scores output{color:#f1efe6;padding-left:5px;font-size:16px}.timer-score-buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}#timer-app .timer-score-buttons button{padding:5px;font-size:12px}.timer-score-actions{gap:6px;display:flex}#timer-app .timer-score-actions button{flex:1;padding:8px;font-size:11px}.timer-settings{border:1px solid #373e31;border-radius:14px;margin-top:24px;padding:22px}.timer-settings-heading{margin-bottom:18px}.timer-settings-heading h2{margin:0;font-size:16px}.timer-settings-heading span{color:#aab49e;font-size:12px}#timer-settings-fields{border:0;min-width:0;margin:0;padding:0}.timer-presets{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.timer-fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.timer-fields label,.timer-goal-field{color:#bcc4b2;font-size:12px}.timer-fields input{margin-top:6px;display:block}.timer-options{flex-wrap:wrap;gap:20px;margin:20px 0;display:flex}.timer-options label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.timer-options input{accent-color:#ef4438;width:18px;height:18px}.timer-goal-field{max-width:600px;margin-bottom:16px;display:block}.timer-goal-field input{margin-top:6px;display:block}.timer-footer{color:#9da891;padding:12px 0;font-size:11px}.timer-footer a{color:#e2e6da;text-decoration:underline}.timer-message{color:#e7bd72;min-height:1.5em;margin:14px 0 0;font-size:13px}#timer-app:fullscreen{background:#101210;flex-direction:column;width:100%;max-width:none;height:100%;padding:22px 30px;display:flex;overflow:auto}#timer-app:fullscreen .timer-settings,#timer-app:fullscreen .timer-footer{display:none}#timer-app:fullscreen .timer-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(200px,22%);align-items:stretch}#timer-app:fullscreen .timer-layout:has(.timer-scoreboard[hidden]){grid-template-columns:1fr}#timer-app:fullscreen #timer-digits{font-size:clamp(70px,16vw,300px)}#timer-app:fullscreen .timer-scoreboard{justify-content:center}#timer-app:fullscreen .timer-points{font-size:clamp(50px,6vw,100px)}@media (width<=800px){#timer-app{padding:18px}.timer-layout{grid-template-columns:1fr}.timer-scoreboard{grid-template-columns:1fr 1fr;display:grid}.timer-score-heading,.timer-score-actions{grid-column:1/-1}.timer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#timer-digits{font-size:clamp(65px,20vw,150px)}.timer-header{align-items:flex-start}.timer-stage{padding:20px}.timer-display-actions{gap:6px}#timer-app:fullscreen .timer-layout{grid-template-columns:1fr}#timer-app:fullscreen #timer-digits{font-size:22vw}}@media (width<=420px){.timer-fighter{padding:9px}.timer-fighter-name{flex-direction:column;gap:5px}.timer-fighter-name input{text-align:center}.timer-minor-scores{flex-direction:column;gap:1px}.timer-stage{padding:15px}.timer-settings{padding:16px}.timer-controls{gap:6px}#timer-app #timer-start{width:100%}.timer-stage-bottom{gap:7px}}.timer-tv-help{color:#bac6ad;border:1px solid #424c38;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:14px}.timer-tv-help summary{cursor:pointer;color:#edf1e5;min-height:30px}.timer-tv-help-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:20px;display:grid}.timer-tv-help h2{color:#edf1e5;margin-bottom:10px;font-size:17px}.timer-tv-help ol{padding-left:22px;list-style:decimal}.timer-tv-help li{margin:8px 0}.timer-tv-help p{margin:12px 0}.timer-tv-hint{display:none}#timer-app.timer-tv{flex-direction:column;max-width:none;min-height:100dvh;padding:3vh 3vw;display:flex}.timer-tv:not(.timer-tv-config) .timer-settings,.timer-tv .timer-footer,.timer-tv .timer-tv-help,.timer-tv #timer-test-sound{display:none}.timer-tv .timer-tv-hint{color:#b6c5a5;margin-bottom:14px;font-size:14px;display:block}.timer-tv .timer-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(270px,24%)}.timer-tv .timer-layout:has(.timer-scoreboard[hidden]){grid-template-columns:1fr}#timer-app.timer-tv #timer-digits{font-size:clamp(80px,16vw,320px)}.timer-tv #timer-phase{font-size:clamp(18px,1.8vw,32px)}.timer-tv .timer-stage-top,.timer-tv #timer-next,.timer-tv #timer-total{font-size:clamp(16px,1.4vw,24px)}#timer-app.timer-tv button{min-height:52px;font-size:16px}#timer-app.timer-tv #timer-start{font-size:22px}#timer-app.timer-tv button:focus,#timer-app.timer-tv a:focus,#timer-app.timer-tv input:focus,#timer-app.timer-tv select:focus,#timer-app.timer-tv summary:focus{outline-offset:5px;outline:4px solid #f7edbc;box-shadow:0 0 0 9px #101210}.timer-tv .timer-scoreboard{justify-content:center}.timer-tv .timer-points{font-size:clamp(65px,6vw,120px)}.timer-tv .timer-minor-scores,.timer-tv .timer-fighter-name span{font-size:14px}#timer-app.timer-tv.timer-tv-config .timer-settings{scroll-margin-top:20px;display:block}@media (width<=800px){.timer-tv-help-grid,.timer-tv .timer-layout{grid-template-columns:1fr}#timer-app.timer-tv #timer-digits{font-size:22vw}.timer-tv .timer-tv-hint{font-size:12px}}.timer-native #timer-tv,.timer-native #timer-fullscreen,.timer-native .timer-tv-help{display:none!important}.timer-native .timer-brand{cursor:default}.timer-tv-stepper{align-items:center;gap:6px;margin-top:6px;display:flex}#timer-app .timer-tv-stepper input{text-align:center;margin:0;padding:8px 2px}#timer-app .timer-tv-stepper button{flex:none;padding:8px 14px}.timer-native .timer-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
