.clock-menu,.event-clock{border:1px solid #456257;border-radius:14px;background:#111b17;padding:14px;margin:14px 0}.clock-menu>div,.clock-row,.clock-record>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.clock-menu>div>b,.clock-row small{font-size:.82rem;color:#bac6c2}.clock-menu>.clock-digits{display:block;margin:12px 0;font-size:1.55rem}.clock-row>span:first-child{display:grid;gap:5px}.clock-digits{font-variant-numeric:tabular-nums;letter-spacing:.035em;white-space:nowrap}.event-clock .clock-row>.clock-digits{font-size:1.15rem;font-weight:750}.action.clock-start{border-color:#43966a;background:#173628;color:#d4efde}.action.clock-out{border-color:#9866d1;background:#28183d;color:#ebd9ff}.event-clock .action,.clock-menu .action{min-height:56px;margin-top:12px}.event-clock .route-card,.clock-menu .route-card{margin-bottom:0}.clock-hero{text-align:center;padding:22px 12px;border:1px solid #466c56;border-radius:18px;background:linear-gradient(155deg,#1a2a21,#0b100e);margin-bottom:16px}.clock-hero>span:not(.status-chip){display:block;font-size:.73rem;letter-spacing:.09em;color:#b1c9bc;margin-top:18px}.clock-hero>strong{display:block;font-size:clamp(2rem,10vw,3.2rem);margin:10px 0;color:#ddf3e5}.clock-hero p{font-size:.85rem;color:#b9c2bd}.clock-active>.clock-digits{font-size:1.6rem}.clock-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.clock-totals>div{padding:14px 10px;border:1px solid #4b5156;border-radius:12px;display:grid;gap:8px;text-align:center}.clock-totals>div>span:first-child{font-size:.8rem;color:#b6bfba}.clock-totals .clock-digits{font-size:1.15rem;font-weight:700}.clock-record{border:1px solid #3c4842;border-radius:12px;padding:14px;margin:10px 0;background:#101714}.clock-record small{display:block;color:#b5c0ba;margin-top:8px}.clock-record>div>span:not(.status-chip){font-size:.82rem}.clock-record .route-card{margin-bottom:0}.clock-record>.clock-digits{display:block;margin:10px 0}.clock-record>div>b{overflow-wrap:anywhere}