/* CLOCK OUT — presentation only. Combat and character rendering are unchanged. */

:root{--ink:#141414;--paper:#f4f3ec;--yellow:#ffe500;--red:#d72b28;--muted:#60605b;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-family:'Barlow',Arial,sans-serif;background:var(--ink);color:var(--ink)}body{background:var(--ink)}button{border-radius:0!important}button:focus-visible,summary:focus-visible{outline:3px solid var(--red)!important;outline-offset:4px!important}button:disabled{opacity:.5}header{background:var(--ink);border-bottom:3px solid var(--yellow);height:76px;padding:0 3%}.brand{gap:10px}.brand>img{width:174px;height:65px;object-fit:contain}.brand>span{font:700 12px/1.2 'Barlow',sans-serif;color:var(--paper);border-left:1px solid #666;padding-left:14px;letter-spacing:1.2px;max-width:125px}.top-actions{gap:8px}.top-actions button{font:700 14px 'Barlow',sans-serif;color:var(--paper);border:1px solid #777;min-height:40px;padding:8px 12px;background:transparent}.top-actions button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.top-actions #menu-home{color:var(--yellow)}
body:has(#clock-menu:not([hidden])) #app,.choosing-career #app,.choosing-versus #app{min-height:100svh;height:auto}.at-clock-menu .arena,.at-clock-menu .run-strip,.at-clock-menu .controls-deck,.at-clock-menu footer,.at-clock-menu #pause,.at-clock-menu #locker,.at-clock-menu #menu-home,.at-clock-menu #career-home,.at-clock-menu #versus-home{display:none}
#clock-menu[hidden]{display:none}#clock-menu{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,100px);align-items:center;width:min(1400px,100%);margin:auto;padding:50px 5% 35px;min-height:calc(100svh - 76px);color:var(--paper)}.clock-menu-copy{min-width:0}.clock-kicker{display:inline-block;font:800 15px 'Barlow',sans-serif;letter-spacing:2px;border-bottom:3px solid var(--yellow);padding-bottom:8px}.clock-menu-logo{display:block;width:100%;max-width:650px;margin:25px 0 12px}.clock-menu-copy>p{font:800 clamp(25px,3.2vw,44px)/1 var(--display);text-transform:uppercase;margin:14px 0 30px;max-width:440px}.clock-mode{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;gap:16px;padding:18px 22px;margin:12px 0;background:var(--yellow);border:2px solid var(--yellow);color:var(--ink);font:900 clamp(25px,3vw,37px)/1 var(--display);text-transform:uppercase;box-shadow:6px 6px 0 #ffffff24}.clock-mode.secondary-mode{background:var(--paper);border-color:var(--paper)}.clock-mode small{display:block;font:600 14px/1.4 'Barlow',sans-serif;text-transform:none;margin-top:7px}.clock-mode kbd{font:800 16px 'Barlow',sans-serif;border:2px solid currentColor;min-width:46px;text-align:center;border-radius:0;padding:8px}.clock-mode:hover,.clock-mode.selected{transform:translate(-3px,-2px);box-shadow:7px 7px 0 var(--red)}.clock-menu-help{font-size:14px;color:#b8b8b1;margin-top:20px;line-height:1.6}.clock-bulletin{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0}.clock-id{background:var(--paper);padding:12px;color:var(--ink);box-shadow:9px 10px 0 #000;transform:rotate(-5deg);position:relative;border-top:12px solid var(--yellow)}.clock-id:nth-child(2){transform:rotate(6deg);margin-top:65px}.clock-id>img{width:100%;aspect-ratio:180/190;object-fit:cover;display:block;filter:saturate(.75)}.clock-id>strong{display:block;font:900 clamp(30px,3vw,47px)/1 var(--display);text-transform:uppercase;margin:12px 0 4px}.clock-id>span{font:700 14px 'Barlow',sans-serif;text-transform:uppercase}.clock-stamp{grid-column:1/-1;justify-self:center;transform:rotate(-7deg);background:var(--paper);color:var(--red);border:5px double var(--red);font:900 clamp(30px,3vw,43px)/.95 var(--display);text-align:center;padding:10px 26px;z-index:1;margin-top:-7px}.clock-menu-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #555;padding-top:18px;font:700 13px 'Barlow',sans-serif;letter-spacing:.5px}
/* Career dossiers */
#career-screen,#versus-select{width:min(1440px,100%);max-width:none;color:var(--ink);background:var(--paper);padding:30px 4% 25px;margin:auto;flex:1}.career-intro{text-align:left;position:relative;padding-bottom:20px;border-bottom:4px solid var(--ink);margin-bottom:25px;padding-right:280px}.career-intro>span,.versus-heading span{color:var(--ink);font:800 14px 'Barlow',sans-serif;letter-spacing:1.8px}.career-intro h2,.versus-heading h2{font:900 clamp(37px,5vw,64px)/.95 var(--display);letter-spacing:-.6px;text-transform:uppercase;margin:10px 0}.career-intro p{color:#4e4e49;font-size:16px}.career-intro small{color:#575752;font-size:14px}.career-intro>br{display:none}.career-intro .versus-mode-button{position:absolute;right:0;bottom:27px;margin:0;max-width:240px;background:var(--ink);color:var(--yellow);border:2px solid var(--ink);font:800 22px var(--display);padding:13px 18px;box-shadow:4px 4px 0 #9e9e94}.career-cards{gap:24px;align-items:stretch}.career-card{border:2px solid var(--ink);border-top:12px solid var(--ink);background:#fffef8;border-radius:0;padding:22px;box-shadow:6px 6px 0 #bbbcb0;transition:transform .12s}.career-card.selected{border-color:var(--ink);border-top-color:var(--yellow);box-shadow:6px 6px 0 var(--ink)}.career-card-heading{color:var(--ink)}.career-card-heading>span{font:900 40px/.9 var(--display);color:var(--ink)}.career-card-heading strong{font-size:13px;border:2px solid var(--ink);padding:5px}.career-card h3{font:900 42px/1 var(--display);text-transform:uppercase;margin:20px 0 7px}.career-style{color:#55554f;font-size:15px;min-height:44px}.career-ranks{border-color:#aaa}.career-ranks summary{font-size:15px;color:var(--ink);font-weight:700}.career-card li button{font-size:15px;min-height:40px;color:var(--ink)}.career-card li span{color:var(--ink)}.career-card li button[aria-pressed=true],.career-card li button:hover:not(:disabled){background:var(--yellow);color:var(--ink)}.career-opponent{margin-top:22px;min-height:150px}.career-opponent>small{font-size:13px;color:#55554f;letter-spacing:.4px}.career-opponent>strong{font:800 29px var(--display);text-transform:uppercase}.career-opponent blockquote{color:var(--ink);font-size:17px;line-height:1.45;font-weight:500}.career-fight{margin-top:auto;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font:900 25px var(--display);text-transform:uppercase;padding:12px;box-shadow:3px 3px 0 var(--ink)}.career-fight:hover{background:var(--ink);color:var(--yellow)}.career-grudge{color:var(--ink);font-size:14px}.career-footer{font-size:14px;color:#50504a;margin-top:30px}.career-reset{border:1px solid #666;color:var(--ink);font-weight:700}.career-tournament{border-radius:0;background:var(--ink);color:var(--yellow);border-top:6px solid var(--red)}.career-tournament strong{font:800 30px var(--display)}.career-tournament span{color:var(--paper)}.career-tournament button{background:var(--yellow);font-size:16px;color:var(--ink)}
/* Versus employee cards: portraits are rendered from the existing game models. */
.versus-heading{border-bottom:4px solid var(--ink);padding-bottom:20px;margin-bottom:22px}.versus-heading button,.versus-bottom button{border:2px solid var(--ink);background:var(--paper);font-weight:700;box-shadow:3px 3px 0 var(--ink)}.versus-heading button:hover,.versus-bottom button:hover{background:var(--yellow)}.versus-player{--player:#ffe500;border:2px solid var(--ink);border-radius:0;background:#fffef8;box-shadow:5px 5px 0 #bcbcb2;overflow:visible}.versus-player.p2{--player:#d72b28}.player-heading{color:var(--ink);font:900 24px/1 var(--display);letter-spacing:.6px;padding:11px 15px}.p2 .player-heading{color:#fff}.versus-player.editing .player-heading:after{font:700 13px 'Barlow',sans-serif}.versus-profile{padding:15px;gap:20px}.versus-profile img{width:124px;height:135px;object-fit:cover;border:2px solid var(--ink);border-radius:0;filter:saturate(.75)}.versus-profile h3{font:900 38px/.95 var(--display);text-transform:uppercase}.versus-profile p{font-size:16px;font-weight:600;margin:6px 0}.versus-profile small{font-size:14px;line-height:1.4;color:#55554f}.versus-stats{gap:7px 18px;margin-top:12px;font-size:15px}.versus-stats span{border-bottom:3px solid var(--ink);padding-bottom:4px}.player-ready{border-top:2px dashed #999;font-size:14px;min-height:67px}.player-ready button{background:var(--ink);color:var(--yellow);border:2px solid var(--ink);font:800 23px var(--display);padding:8px 16px}.player-ready button.is-ready{color:var(--red);background:#fff;border:4px double var(--red);transform:rotate(-3deg)}.versus-roster section{grid-template-columns:100px 1fr}.versus-roster h3{font:800 23px var(--display);text-transform:uppercase}.roster-fighter{border:2px solid #777;border-radius:0;background:#fffef8;min-height:89px;padding:7px;grid-template-columns:50px 1fr}.roster-fighter img{display:block;border-radius:0;filter:saturate(.65)}.roster-fighter strong{font:800 20px/1 var(--display);text-transform:uppercase}.roster-fighter small{font-size:13px;line-height:1.2}.roster-fighter:hover{background:#f3edb1}.roster-fighter.picked-one{border-color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.roster-fighter.picked-two{border-color:var(--red);background:#fce4df;box-shadow:inset 0 0 0 2px var(--red)}.roster-fighter.picked-one.picked-two{background:var(--yellow);box-shadow:inset -5px 0 var(--red)}.pick-badges b{background:var(--ink);border-radius:0;font-size:12px}.versus-bottom{border-top:3px solid var(--ink);padding-top:17px;margin-top:23px}.versus-bottom p{font-size:14px;color:#44443e}.versus-stages [aria-pressed=true]{background:var(--ink);color:var(--yellow)}
/* Fight HUD */
.run-strip{background:var(--yellow);color:var(--ink);font-size:13px;font-weight:700;padding:7px 3%}.run-strip>span:last-child{color:var(--ink)}.fight-hud{top:18px;left:3%;right:3%;gap:4%;grid-template-columns:minmax(0,1fr) 114px minmax(0,1fr)}.fight-hud:before{background:linear-gradient(#141414f5,#141414dc 75%,#14141400);inset:-20px -5% -30px}.fighter-name{font:800 32px/.95 var(--display);color:#fff;text-transform:uppercase;letter-spacing:.1px;gap:12px}.fighter-name small{font:600 12px 'Barlow',sans-serif;color:#d0d0c5;letter-spacing:.5px}.health-track{height:19px;transform:skewX(-8deg);border:2px solid #fff;background:#40403b;border-radius:0;margin-top:10px}.health-track i{background:var(--yellow)}.opponent-hud .health-track i{background:var(--red)}.meter-meta,.meter-meta>span:first-child{color:#fff;font-size:13px}.stamina-track{height:6px;margin-top:7px;background:#4f4f4a}.stamina-track i{background:#fff}.stamina-label{color:#ddd;font-size:11px;letter-spacing:1px}.stamina-track.low+.stamina-label{color:var(--yellow)}.stamina-track.empty+.stamina-label{color:#ff8a78}.condition{color:#d1d1c7;font-size:11px;margin-top:6px}.condition[data-severity=hurt]{color:var(--yellow)}.condition[data-severity=extreme]{color:#ff958a}.match-info{color:#ddd;font-size:11px;gap:4px;padding:0}.match-info #round-number{font:800 19px/1 var(--display);color:var(--yellow)}.match-info #clock{font:800 27px/1 var(--display);color:white}.match-info span:last-child{color:var(--yellow);font-size:11px}.round-score i{width:13px;height:13px;border-radius:0;border:2px solid #eee}.round-score .you .won{background:var(--yellow);border-color:var(--yellow)}.round-score .rival .won{background:var(--red);border-color:var(--red)}.arena-foot span,.arena-foot button{font-size:12px;color:var(--ink);background:#f4f3ecdf;padding:5px 8px;letter-spacing:.3px}.arena-foot button{border:1px solid var(--ink)}.attack-tell{background:var(--ink);color:var(--yellow);border:2px solid var(--yellow);border-radius:0;font:800 17px var(--display);top:161px}.attack-tell.heavy{background:var(--red);color:#fff;border-color:#fff}.hud-damage{font:900 34px var(--display);color:var(--red);text-shadow:1px 1px #fff,-1px -1px #fff;top:39px}.arena .impact{font:900 italic clamp(30px,4vw,55px)/1 var(--display);color:var(--yellow);text-shadow:3px 3px var(--ink),-2px -2px var(--ink);bottom:100px}.arena .combo-display{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);padding:10px 16px;box-shadow:4px 4px 0 var(--ink);bottom:72px;gap:3px}.arena .combo-display:empty{display:none}.arena .combo-display[data-who=rival]{background:var(--red);color:#fff;left:auto;right:4%}.combo-display>strong{font:900 38px/.9 var(--display);letter-spacing:0}.combo-display>span{font:800 21px var(--display)}.combo-display>em{color:inherit;font-size:12px}#fight-message{color:var(--ink);font-size:14px;font-weight:800;text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff;bottom:43px}.quip{border:2px solid var(--ink);border-radius:0!important;background:var(--paper);font:700 18px/1.3 'Barlow',sans-serif;box-shadow:4px 4px 0 var(--ink)}.countdown{color:var(--red);text-shadow:2px 2px #fff}.countdown strong{font-family:var(--display)}.countdown span{background:var(--ink);color:var(--yellow);padding:4px 10px}.announcement{background:var(--ink);border:2px solid var(--yellow);border-radius:0;box-shadow:5px 5px 0 #0004;color:var(--paper)}.announcement span{color:var(--yellow);font-size:12px}.announcement strong{font:800 27px/1 var(--display);text-transform:uppercase}.announcement button{background:var(--yellow);color:var(--ink);border:0;font-weight:700;font-size:13px}.announcement[data-who=you]{border-left:8px solid var(--yellow)}.announcement[data-who=rival]{border-left:8px solid var(--red)}
/* Controls and paper result overlays */
.controls-deck{background:var(--ink);border-top:5px solid var(--yellow);padding:14px 3%}.movement-controls strong{font:800 17px var(--display);color:var(--yellow)}.movement-controls p{color:var(--paper);font-size:14px}.movement-controls small{color:#aaa;font-size:12px}.stick{background:#282825;border:2px solid #888}.stick:before,.stick:after{background:#777}.stick-nub{background:var(--yellow);border:2px solid var(--ink);box-shadow:0 3px 0 #000}.attack-controls button{background:#262623;border:1px solid #73736b;color:var(--paper);padding:11px 15px;min-width:108px;gap:6px}.attack-controls button:hover:not(:disabled),#block.held{background:var(--yellow);color:var(--ink);border-color:var(--yellow);box-shadow:none}.attack-controls strong{font:800 21px/1 var(--display)}.attack-controls small{color:#bdbdb5;font-size:12px}.attack-controls button:hover:not(:disabled) small,#block.held small{color:var(--ink)}.attack-controls kbd{border-radius:0;font-size:12px}.attack-controls button.showboat{background:#fff;color:var(--ink);border-color:var(--ink)}.attack-controls button.showboat strong{color:var(--red)}.aux-controls button{background:#222;border-color:#777;color:var(--paper);font-size:12px;min-height:32px}.aux-controls button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}footer{background:var(--ink);color:#bdbdb4;font-size:12px}footer a{color:var(--yellow)}
.fight-card,.career-reset-dialog{background:var(--paper);border:3px solid var(--ink);border-top:10px solid var(--yellow);border-radius:0;backdrop-filter:none;box-shadow:8px 8px 0 #0008}.fight-card{max-height:100%;overflow:auto}.fight-card h2,.career-reset-dialog h2{font:900 45px/.95 var(--display);text-transform:uppercase;letter-spacing:0}.fight-card .eyebrow{font:800 14px 'Barlow',sans-serif;color:var(--red);letter-spacing:1px}.fight-card blockquote{color:var(--ink);font:600 21px/1.3 'Barlow',sans-serif}.fight-card p,.fight-card small{color:#4d4d47;font-size:14px}.fight-card p{font-size:16px}.primary{background:var(--yellow);border:2px solid var(--ink);color:var(--ink);font:900 26px/1.1 var(--display);text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);padding:12px 22px;min-height:48px}.primary:hover{background:var(--ink);color:var(--yellow)}.secondary,.career-result-actions button{color:var(--ink);font-size:15px;min-height:40px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.promotion-card{border-top:10px solid var(--yellow);border-radius:0}.promotion-portrait,.promotion-portrait img{border-radius:0;border-color:var(--ink)}.promotion-stamp{border:4px double var(--red);background:var(--paper);color:var(--red);font:900 25px/.9 var(--display)}.promotion-card.lost .promotion-stamp{color:var(--red);border-color:var(--red);font:900 20px/1 var(--display)}.promotion-card h2{font:900 38px/.95 var(--display)}.promotion-gains{background:#e4e4da;border-radius:0;border:1px solid #b8b8ac}.promotion-gains-heading,.promotion-gains-heading>span,.promotion-skill>strong,.promotion-skill.level-up>strong{color:var(--ink)}.promotion-skill>span{color:#555;font-size:13px}.promotion-skill-track i,.promotion-skill.level-up .promotion-skill-track i{background:var(--ink)}.promotion-actions{background:var(--paper);border-top:2px solid var(--ink)}.promotion-actions .primary{font:900 25px var(--display)}.promotion-challenger{border-left:5px solid var(--red)}.promotion-challenger>span{color:var(--red);font-size:12px;font-weight:800}.promotion-challenger>strong{font:900 30px var(--display)}.promotion-card .promotion-challenger blockquote{font:600 17px/1.3 'Barlow',sans-serif;color:var(--ink)}.promotion-ladder .beaten b{background:var(--ink);color:var(--yellow)}.promotion-ladder .up-next b{background:var(--red)}.promotion-card .promotion-unlock,.promotion-finished{color:var(--ink)!important}.promotion-card .style-bonus,.style-bonus strong{color:var(--ink)}.locker-row button{background:#fff;border-color:var(--ink);color:var(--ink);font-size:15px}.locker-row button[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.reward-note{background:var(--yellow);border-color:var(--ink);border-radius:0;color:var(--ink)!important}.recovery{background:var(--ink);border:3px solid var(--yellow);border-radius:0;color:var(--paper)}.recovery>strong{font:800 22px var(--display);color:var(--yellow)}.recovery>span,.recovery>small{color:var(--paper);font-size:13px}.recovery button{background:#fff;color:var(--ink);font-weight:800;border-color:#fff}.recovery.ready button{background:var(--yellow);border-color:var(--yellow)}.balance-track{background:#4a4a43;border-radius:0}.balance-zone{background:#9d8c00}.balance-zone:after{background:var(--yellow)}.reset-actions button{border:2px solid var(--ink);background:#fff;color:var(--ink)}.reset-actions [data-reset=confirm]{background:var(--red);color:#fff;border-color:var(--red)}
@media(min-width:901px){.career-card:after{content:'';position:absolute;left:-2px;right:-2px;bottom:-8px;height:8px;background:var(--paper);clip-path:polygon(0 100%,2% 0,5% 75%,8% 15%,12% 95%,17% 10%,21% 80%,26% 0,31% 85%,37% 25%,42% 90%,48% 0,54% 80%,61% 20%,68% 95%,74% 0,81% 70%,89% 15%,95% 85%,100% 0,100% 100%);pointer-events:none}}
@media(max-width:1150px){.controls-deck{flex-wrap:wrap}.attack-controls{flex:1;justify-content:flex-end}.attack-controls button{min-width:88px;padding:10px 8px}.attack-controls strong{font-size:18px}.movement-controls p{font-size:12px}.versus-roster section{grid-template-columns:85px 1fr}.roster-fighter{grid-template-columns:1fr;text-align:center}.roster-fighter img{display:block;width:58px;height:64px;margin:auto}.roster-fighter strong{font-size:18px}.roster-fighter small{font-size:12px}.fighter-name small{display:none}}
@media(max-width:800px){#clock-menu{grid-template-columns:1fr;min-height:calc(100svh - 76px);padding:30px 6%;gap:25px}.clock-menu-logo{max-width:460px;margin:12px 0}.clock-menu-copy>p{font-size:32px;margin-bottom:22px}.clock-bulletin{display:none}.clock-menu-foot{font-size:12px;line-height:1.5}.career-intro{padding-right:0}.career-intro .versus-mode-button{position:static;max-width:none;margin-top:15px;font-size:22px}.career-cards{gap:25px}.versus-profile img{width:90px;height:110px}.versus-profile h3{font-size:31px}.versus-profile{gap:12px}.versus-profile p{font-size:14px}.versus-stats{font-size:14px}.versus-roster section{display:block}.roster-career{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-fighter{grid-template-columns:45px 1fr;text-align:left;min-height:85px}.roster-fighter img{width:45px;height:62px}.versus-bottom{flex-direction:column;align-items:start}.versus-players{grid-template-columns:1fr}.player-ready button{font-size:20px}}
@media(max-width:700px){header{min-height:68px;height:auto;padding:7px 3%;gap:10px;flex-wrap:wrap}.brand>img{width:128px;height:47px}.brand>span{display:none}.top-actions{gap:4px;flex-wrap:wrap}.top-actions button{font-size:12px;padding:6px 8px;min-height:35px}.at-clock-menu header{flex-wrap:nowrap}.at-clock-menu .top-actions{margin-left:auto}#app{min-height:790px}.fight-hud{top:14px;left:4%;right:4%;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:10px}.fighter-name{font-size:23px;overflow-wrap:anywhere}.health-track{height:14px}.match-info{font-size:9px}.match-info #round-number{font-size:15px}.match-info #clock{font-size:23px}.meter-meta{font-size:11px}.meter-meta span:last-child{display:none}.stamina-label{font-size:9px;letter-spacing:.3px}.condition{font-size:9px}.round-score i{width:10px;height:10px}.attack-tell{top:152px;font-size:14px}.arena{min-height:435px}.run-strip{font-size:11px;padding:6px 4%}.controls-deck{padding:12px 4%}.movement-controls{width:100%}.movement-controls strong{font-size:15px}.movement-controls p{font-size:12px}.movement-controls small{font-size:11px}.attack-controls{width:100%;gap:5px}.attack-controls button{min-width:0;padding:9px 4px}.attack-controls strong{font-size:16px}.attack-controls small{font-size:10px}.attack-controls kbd{font-size:10px}.aux-controls button{font-size:11px}.arena-foot span,.arena-foot button{font-size:10px;padding:4px}.arena .impact{font-size:34px}.arena .combo-display{padding:7px 10px;bottom:64px}.combo-display>strong{font-size:28px}.combo-display>span{font-size:16px}.combo-display>em{font-size:11px}#fight-message{font-size:12px;bottom:40px}.announcement{padding:10px;gap:10px;bottom:40px}.announcement strong{font-size:23px}.announcement span{font-size:10px}.announcement button{font-size:11px;padding:8px;max-width:90px}.overlay{inset:150px 0 30px}.fight-card{padding:16px;max-height:100%}.fight-card h2{font-size:34px}.fight-card blockquote{font-size:18px}.fight-card p,.fight-card small{font-size:13px}.fight-card .eyebrow{font-size:12px}.primary{font-size:23px}.promotion-card{padding:0}.promotion-card h2{font-size:30px}.promotion-actions .primary{font-size:22px}.promotion-card .promotion-stamp{font-size:20px}.promotion-card.lost .promotion-stamp{font-size:17px}.career-intro h2,.versus-heading h2{font-size:43px}.versus-heading{align-items:start;gap:10px}.versus-heading button{font-size:13px;padding:8px}.versus-heading span{font-size:12px}.career-footer{align-items:start}.career-reset-dialog h2{font-size:36px}.arena .quip[data-speaker=you],.arena .quip{font-size:14px}.recovery>strong{font-size:18px}.recovery>span,.recovery>small{font-size:12px}footer{font-size:11px}footer>span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.clock-mode,.career-card{transition:none}.clock-mode:hover,.clock-mode.selected{transform:none}}
@media(max-width:900px){.career-cards{grid-template-columns:1fr}.career-card{min-width:0}}

@media(min-width:1151px){.versus-roster section{grid-template-columns:150px 1fr}}
/* Exhaustion: local HUD cues, with no full-screen flashing. */
.stamina-track{position:relative;overflow:hidden;height:9px;transition:box-shadow .15s,background .15s}
.stamina-track.low{background:#512b0b;box-shadow:0 0 0 1px #ffab42;animation:stamina-low 1.2s ease-in-out infinite}
.stamina-track.low i{background:#ffab42}
.stamina-track.empty{background:#722326;box-shadow:0 0 0 2px #ff565d;animation:stamina-empty .85s ease-in-out infinite}
.stamina-track.empty i{background:#ff565d}
.stamina-track.low+.stamina-label{color:#ffbd65;font-weight:800;font-size:12px}
.stamina-track.empty+.stamina-label{color:#ff9297;font-weight:900}
.stamina-track.recharged:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:stamina-recharge .65s ease-out forwards}
.stamina-track.spent{box-shadow:0 0 0 3px #ff565d}
.fighter-hud{position:relative}.stamina-pop{position:absolute;top:100%;left:0;margin-top:6px;padding:4px 9px;border:2px solid #ffab42;background:#141414;color:#ffbd65;font:900 22px/1 'Barlow Condensed',Impact,sans-serif;opacity:0;transform:translateY(5px);transition:opacity .1s,transform .1s;pointer-events:none}.opponent-hud .stamina-pop{left:auto;right:0}.stamina-pop.visible{opacity:1;transform:translateY(0)}
@keyframes stamina-low{50%{box-shadow:0 0 0 2px #ffab42,0 0 9px #ffab4260}}
@keyframes stamina-empty{50%{background:#a43136;box-shadow:0 0 0 2px #ff9297,0 0 12px #ff565d90}}
@keyframes stamina-recharge{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:700px){.stamina-track.low+.stamina-label{font-size:10px}.stamina-pop{font-size:18px}}
@media(prefers-reduced-motion:reduce){.stamina-track.low,.stamina-track.empty{animation:none}.stamina-track.recharged:after{animation:none;background:#ffffff80}.stamina-pop{transition:none}}
.reduced .stamina-track.low,.reduced .stamina-track.empty{animation:none}.reduced .stamina-track.recharged:after{animation:none;background:#ffffff80}.reduced .stamina-pop{transition:none}
/* Cartoon exhaustion cues stay attached to each fighter. */
.stamina-track{transition:height .16s,box-shadow .15s,background .15s}.stamina-track.stressed{height:22px;background:repeating-linear-gradient(135deg,#743909 0 7px,#ae5817 7px 14px);border:1px solid #ffbc65}.stamina-track.stressed i{background:#ffab42}.stamina-track.crisis{height:24px;border:2px solid #ff9297;background:repeating-linear-gradient(135deg,#98222d 0 7px,#c4303c 7px 14px)}.stamina-track.crisis i{background:#ff5662}.stamina-caption{display:none;position:absolute;inset:0;align-items:center;justify-content:center;font:900 17px/1 'Barlow Condensed',Impact,sans-serif;color:#fff;letter-spacing:1px;text-shadow:1px 1px 2px #000,-1px -1px 2px #000}.stressed .stamina-caption{display:flex}.stamina-track.recharged:after{pointer-events:none}
.exhaustion-badge,.exhaustion-glove{position:absolute;z-index:6;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;font:900 22px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#fff5df;background:#b62631;border:2px solid #fff5df;padding:5px 12px;box-shadow:3px 3px 0 #141414;transition:font-size .15s,padding .15s;letter-spacing:.5px}.exhaustion-badge.burst{font-size:42px;padding:13px 24px;clip-path:polygon(0 12%,13% 9%,11% 0,86% 5%,100% 0,95% 39%,100% 88%,86% 88%,88% 100%,15% 93%,0 100%,5% 55%);background:#ffe500;color:#141414;border:0;filter:drop-shadow(3px 4px 0 #141414)}.exhaustion-glove{font-size:27px;background:#ffe500;color:#141414;border-color:#141414;transform:translate(-50%,-100%) rotate(-7deg)}.exhaustion-badge[hidden],.exhaustion-glove[hidden]{display:none}
@media(max-width:700px){.exhaustion-badge.burst{font-size:29px;padding:11px 17px}.exhaustion-badge{font-size:18px;padding:4px 9px}.exhaustion-glove{font-size:21px;padding:5px 8px}.stamina-caption{font-size:14px;letter-spacing:.4px}.stamina-track.stressed{height:20px}.stamina-track.crisis{height:22px}}
.reduced .exhaustion-badge,.reduced .exhaustion-glove,.reduced .stamina-track{transition:none}
@media(prefers-reduced-motion:reduce){.exhaustion-badge,.exhaustion-glove,.stamina-track{transition:none}}
/* Keep the colour and typography; remove competing decorative treatments. */
.clock-id,.clock-id:nth-child(2){transform:none;box-shadow:none;border:1px solid #777;border-top:5px solid var(--yellow)}.clock-id:nth-child(2){margin-top:40px}.clock-mode,.clock-mode:hover,.clock-mode.selected{transform:none;box-shadow:none}.clock-mode.selected{outline:3px solid var(--paper);outline-offset:4px}.clock-mode.secondary-mode.selected{outline-color:var(--yellow)}.clock-mode{margin:18px 0}.clock-menu-logo{margin-bottom:35px}.clock-menu-foot{font-weight:500;color:#b8b8b1}
.career-card,.career-card.selected,.versus-player,.roster-fighter,.roster-fighter.picked-one,.versus-heading button,.versus-bottom button,.career-fight,.career-intro .versus-mode-button{box-shadow:none}.career-card:after{display:none}.career-card{border-top-width:5px}.career-card.selected{border-top-color:var(--yellow)}.career-card-heading>span{font-size:28px}.career-intro>span,.versus-heading span{letter-spacing:.5px}.player-ready button.is-ready{transform:none;border:2px solid var(--ink);color:var(--ink);background:var(--yellow)}
.promotion-card .promotion-stamp{transform:none;position:static;display:block;border:0;background:none;padding:7px 0;color:var(--ink);font-size:19px;line-height:1.2;box-shadow:none}.promotion-card.lost .promotion-stamp{font-size:19px}.promotion-card h2 s{text-decoration:none}.promotion-card{box-shadow:none}.fight-card{box-shadow:none}
.stamina-track.stressed{background:#71421b;animation:none;box-shadow:none}.stamina-track.crisis,.stamina-track.empty{background:#922a32;animation:none;box-shadow:none}.stamina-pop{display:none}.exhaustion-badge.burst{clip-path:none;filter:none;border:2px solid var(--ink);font-size:30px;padding:7px 14px}.exhaustion-glove{transform:translate(-50%,-100%);font-size:23px;box-shadow:none}.exhaustion-badge{box-shadow:none}
@media(max-width:700px){.exhaustion-badge.burst{font-size:23px}.exhaustion-glove{font-size:19px}}
/* Static thumbnails of the actual workplaces, faded behind career information. */
.career-card[data-career]{background-color:#fffef8;background-image:linear-gradient(to bottom,rgba(255,254,248,.48),rgba(255,254,248,.70) 180px,#fffef8 420px),var(--workplace-image);background-size:100% 100%,auto 420px;background-position:center top;background-repeat:no-repeat}
.career-card[data-career=corporate]{--workplace-image:url('./assets/career-corporate.webp')}.career-card[data-career=kitchen]{--workplace-image:url('./assets/career-kitchen.webp')}.career-card[data-career=construction]{--workplace-image:url('./assets/career-construction.webp')}
.career-card[data-career] .career-card-heading strong{background:#fffef8cc}.career-card[data-career] h3{color:#141414}.career-card[data-career] .career-style{color:#363632}

/* Keep combat information inside the HUD and out of the fighters' space. */
.arena #impact,.arena #combo-display,.arena #attack-tell,.arena .exhaustion-badge,.arena .exhaustion-glove{display:none!important}
.combat-hint{height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#eee;font:700 13px/20px var(--display);letter-spacing:.5px}.combat-hint.urgent{color:var(--yellow)}.opponent-hud .combat-hint{text-align:right}
.arena #fight-message{top:158px;bottom:auto;left:50%;width:90%;font:800 34px/1 var(--display);color:var(--yellow);transform:translateX(-50%);background:none;pointer-events:none}
.arena .quip,.arena .quip[data-speaker=you]{left:50%;right:auto;top:auto;bottom:34px;transform:translateX(-50%);width:max-content;max-width:85%;padding:7px 12px;border:0;border-radius:0;background:#141414df;color:#fff;font:500 14px/1.35 Barlow,sans-serif;box-shadow:none;text-align:center}
.arena-foot{gap:12px}.arena-foot button{white-space:nowrap}
@media(max-width:700px){.combat-hint{font-size:11px;height:17px;line-height:17px}.arena #fight-message{top:145px;font-size:25px}.arena .quip,.arena .quip[data-speaker=you]{bottom:35px;max-width:90%;font-size:11px}.arena-foot>span{display:none}.arena-foot{justify-content:flex-end}}

/* Minimal fighter meters: health and stamina only. */
.arena #stance,.arena #ai-state,.arena .condition,.arena .combat-hint,.arena .hud-damage,.arena .stamina-pop{display:none!important}

.at-clock-menu header{display:none}#clock-menu{position:relative;isolation:isolate;display:flex;align-items:center;max-width:none;width:100%;min-height:100svh;padding:5vh 6%;background:#100f10 url('./assets/title-throne-v3.png') center center/cover no-repeat}#clock-menu:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090cb0,transparent 60%)}.clock-menu-copy{width:35%;max-width:550px}.clock-menu-logo{margin:0 0 40px}.clock-mode{font-size:30px;padding:15px 22px;background:#111c;color:#fff;border-color:#ffffff70}.clock-mode.secondary-mode{background:#111c;color:#fff;border-color:#ffffff70}.clock-mode.selected{background:var(--yellow);color:#111;border-color:var(--yellow);outline:none}.clock-mode small{display:none}.clock-menu-foot{position:absolute;bottom:20px;left:6%;right:6%;border:0}.clock-menu-help{font-size:12px;color:#eee;text-shadow:0 1px 4px #000}
#game-options{position:fixed;inset:0;z-index:100;background:#090a0ded;overflow:auto;padding:24px;display:grid;place-items:center}#game-options[hidden]{display:none}.options-card{width:min(620px,100%);color:#fff;background:#191919;padding:25px;border-top:6px solid var(--yellow)}.options-card h1{font:800 42px var(--display);margin:0;color:var(--yellow)}.options-card p{color:#bbb;font-size:13px;line-height:1.65}.option-rows label{display:flex;align-items:center;gap:14px;min-height:48px;border-bottom:1px solid #444;font-size:16px}.option-rows input,.option-rows select{margin-left:auto;accent-color:var(--yellow)}.option-rows input[type=range]{width:150px}.option-rows output{width:44px}.options-card button,.options-card select{background:#292929;color:#fff;border:1px solid #777;padding:10px;cursor:pointer}.options-card button{margin-top:14px}.options-card :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.options-actions{display:flex;justify-content:space-between;gap:14px}.options-card details{margin-top:16px}.options-card summary{cursor:pointer}.no-subtitles .quip,.no-subtitles #announcement>div{display:none!important}
@media(max-width:700px){#clock-menu{align-items:flex-end;padding:40vh 7% 75px;background-position:62% center}#clock-menu:before{background:linear-gradient(0deg,#08090cf5,transparent 85%)}.clock-menu-copy{width:100%;max-width:400px}.clock-menu-logo{width:75%;margin-bottom:18px}.clock-mode{font-size:25px;margin:10px 0;padding:13px 16px}.clock-menu-help{font-size:11px}.clock-menu-foot{font-size:9px}.options-card{padding:16px}.option-rows label{font-size:14px}.option-rows input[type=range]{width:100px}#game-options{padding:12px}}
/* A single moving artwork plane keeps steam and snores anchored to the image. */
#clock-menu{background-image:none;overflow:hidden}.title-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.title-art-plane{position:absolute;transform-origin:60% 45%;animation:title-camera 28s ease-in-out infinite alternate;will-change:transform}.title-art-image{position:absolute;inset:0;background:url('./assets/title-throne-v3.png') center/100% 100% no-repeat}.title-dust{position:absolute;inset:0}.title-dust i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#ffe3aa;box-shadow:0 0 5px #ffdfa966;opacity:0;animation:title-dust var(--duration) linear var(--delay) infinite}.title-steam{position:absolute;left:54.9%;top:26.5%;width:4%;height:9%;transform:translate(-50%,-100%)}.title-steam i{position:absolute;bottom:0;left:45%;width:30%;height:66%;border-left:2px solid #fff5e7;border-radius:50%;filter:blur(2px);opacity:0;animation:title-steam 6.3s ease-out var(--delay) infinite}.title-snore{position:absolute;font:600 clamp(13px,1.5vw,23px)/1 Georgia,serif;color:#d6c9ab;opacity:0;animation:title-snore 13s linear infinite;text-shadow:0 1px 4px #0008}.snore-builder{left:49%;top:75%;animation-delay:-3s}.snore-office{left:86%;top:65%;animation-delay:-9s}
@keyframes title-camera{from{transform:scale(1.012) translate(0,0)}to{transform:scale(1.035) translate(-.35%,.15%)}}
@keyframes title-dust{0%,100%{opacity:0;transform:translate(0,0)}20%{opacity:.28}70%{opacity:.18}95%{opacity:0;transform:translate(16px,-55px)}}
@keyframes title-steam{0%{opacity:0;transform:translate(var(--offset),8px) scale(.7)}20%{opacity:.15}70%{opacity:.08}100%{opacity:0;transform:translate(calc(var(--offset) + 12px),-30px) scale(1.3)}}
@keyframes title-snore{0%,70%,100%{opacity:0;transform:translate(0,0) scale(.7)}76%{opacity:.45}93%{opacity:0;transform:translate(15px,-38px) scale(1.05)}}
#clock-menu[hidden] .title-art-plane,#clock-menu[hidden] .title-art-plane *, .atmosphere-paused .title-art-plane,.atmosphere-paused .title-art-plane *,body:has(#game-options:not([hidden])) .title-art-plane,body:has(#game-options:not([hidden])) .title-art-plane *{animation-play-state:paused}
.reduced .title-art-plane{animation:none;transform:none;will-change:auto}.reduced .title-dust,.reduced .title-steam,.reduced .title-snore{display:none}



/* Visible from the first seconds; the in-game preference owns motion state. */
.title-art-plane{animation:title-camera-visible 18s ease-in-out -5s infinite alternate}.title-dust i{width:calc(var(--size) + 1px);height:calc(var(--size) + 1px);background:#fff0c8;animation-name:title-dust-visible}.title-steam{left:55.5%;top:26.8%;width:5%;height:10%}.title-steam i{border-left-width:3px;filter:blur(1px);animation-name:title-steam-visible;animation-duration:5s}.title-snore{font:700 clamp(17px,1.8vw,28px)/1 Georgia,serif;color:#d7e0ff;animation:title-snore-visible 8s linear infinite}.snore-builder{left:57%;top:69%;animation-delay:-1s}.snore-office{left:87%;top:64%;animation-delay:-5s}
@keyframes title-camera-visible{from{transform:scale(1.018) translate(.3%,0)}to{transform:scale(1.065) translate(-.65%,.3%)}}
@keyframes title-dust-visible{0%,100%{opacity:0;transform:translate(0,0)}15%{opacity:.65}75%{opacity:.4}95%{opacity:0;transform:translate(28px,-85px)}}
@keyframes title-steam-visible{0%{opacity:0;transform:translate(var(--offset),6px) scale(.7)}20%{opacity:.42}65%{opacity:.24}100%{opacity:0;transform:translate(calc(var(--offset) + 18px),-45px) scale(1.35)}}
@keyframes title-snore-visible{0%{opacity:0;transform:translate(0,0) scale(.7)}10%,28%{opacity:.8}48%{opacity:0;transform:translate(23px,-55px) scale(1.15)}49%,100%{opacity:0;transform:translate(0,0) scale(.7)}}
.reduced .title-art-plane{animation:none;transform:none}.reduced .title-dust,.reduced .title-steam,.reduced .title-snore{display:none}
.reduced .clock-menu-help:after{content:"Title movement is off · Options → Reduced motion";display:block;color:#ffe500;margin-top:6px}
.clock-menu-foot{justify-content:flex-end}

.title-dust i{width:calc(var(--size) + 3px);height:calc(var(--size) + 3px);box-shadow:0 0 8px #ffe1a8aa}.title-steam{width:6%;height:12%}.title-steam i{border-left-width:5px;filter:blur(1.4px)}
@keyframes title-dust-visible{0%,100%{opacity:0;transform:translate(0,0)}15%{opacity:.9}75%{opacity:.65}95%{opacity:0;transform:translate(28px,-85px)}}
@keyframes title-steam-visible{0%{opacity:0;transform:translate(var(--offset),6px) scale(.7)}20%{opacity:.68}65%{opacity:.4}100%{opacity:0;transform:translate(calc(var(--offset) + 18px),-50px) scale(1.4)}}


.dev-fights{border-top:1px solid #555;margin-top:22px;padding-top:12px}.dev-fights h2{font:800 25px var(--display);color:var(--yellow);margin:0}.dev-fights label{display:block;margin:8px 0}.dev-fights select{width:100%;max-width:100%;font-size:14px}.dev-fights button{width:100%}

/* The opening prompt occupies the menu space so the artwork and logo stay still. */
.clock-menu-stage{display:grid}.clock-menu-stage>.clock-start,.clock-menu-stage>.clock-menu-actions{grid-area:1/1;min-width:0}.clock-start{align-self:center}.clock-start[hidden]{display:none}.clock-start p{font:600 16px/1.5 'Barlow',sans-serif;color:var(--paper);text-align:center;margin:22px 0}.awaiting-start .clock-menu-actions{visibility:hidden;pointer-events:none}.menu-entering .clock-menu-actions>.clock-mode,.menu-entering .clock-menu-actions>.clock-menu-help{animation:menu-rise .5s cubic-bezier(.16,1,.3,1) both}.menu-entering .clock-menu-actions>:nth-child(2){animation-delay:.06s}.menu-entering .clock-menu-actions>:nth-child(3){animation-delay:.12s}.menu-entering .clock-menu-actions>:nth-child(4){animation-delay:.18s}.menu-entering .clock-menu-actions>:nth-child(5){animation-delay:.22s}@keyframes menu-rise{from{opacity:0;translate:0 70px}to{opacity:1;translate:0 0}}.reduced .menu-entering .clock-menu-actions>*{animation:none}@media(prefers-reduced-motion:reduce){.menu-entering .clock-menu-actions>*{animation:none!important}}