:root{color-scheme:dark;font:16px system-ui,sans-serif;color:#f7efd9;background:#0d1421;--lime:#dcfa70;--cyan:#9deae5;--muted:#a8bac8;--line:#38485c}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 20% -10%,#293747,transparent 58%),#0d1421}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
button{color:inherit;border:1px solid var(--line);background:#202c3c;border-radius:12px;min-height:44px;padding:9px 12px;cursor:pointer;touch-action:manipulation;font-weight:650}
button[disabled]{cursor:default;opacity:.5}
[hidden]{display:none!important}
.career{max-width:1040px;margin:auto;padding:0 max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;gap:12px}
.career-header{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-height:58px}
.career-brand{color:var(--lime);text-decoration:none;font-size:22px;font-style:italic;font-weight:900;letter-spacing:-.07em;white-space:nowrap}
.career-tag,.intro small,.scene-heading small,.choice-section h2{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--cyan)}
.wallet{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--lime);white-space:nowrap}
.wallet b{font-variant-numeric:tabular-nums}.wallet span{font-size:9px;letter-spacing:.08em}
.quiet{background:#192638;color:#e6eee9}
.career-panel{min-width:0;background:#142131;border:1px solid var(--line);border-radius:16px;padding:20px;align-self:start}
.career-panel h1,.scene-heading h1{font-size:clamp(26px,6vw,46px);letter-spacing:-.045em;line-height:1.06;margin:4px 0 8px;font-weight:900;font-style:italic;overflow-wrap:anywhere}
.intro p,.play-hint,.career-error{font-size:14px;line-height:1.45;color:var(--muted);margin:8px 0 16px}
.career-scene{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:260px;height:clamp(310px,66vh,620px);background:#23363d url(assets/venues/court-thumb.webp) center/cover}
#careerCanvas{display:block;width:100%;height:100%}
.scene-heading{position:absolute;top:16px;left:16px;right:105px;pointer-events:none;text-shadow:0 2px 11px #000,0 1px 5px #000}
.scene-heading h1{margin-bottom:0;color:#fff7de}
.scene-hud{position:absolute;right:12px;top:14px;display:grid;justify-items:end;gap:2px;padding:7px 10px;background:#101a2aeb;border-radius:9px;font-variant-numeric:tabular-nums}
.scene-hud strong{font-size:25px;line-height:1.05;color:var(--lime)}.scene-hud span{font-size:10px;color:#d5e7e9}
.scene-message{position:absolute;bottom:12px;left:12px;right:12px;max-width:max-content;margin:0;padding:7px 10px;background:#101c28ec;border-radius:8px;color:#eff5d9;font-size:13px;font-weight:700;pointer-events:none}
.choice-section h2{margin:14px 0 7px}.choices,.loadout{display:flex;gap:7px;flex-wrap:wrap}
.choices button{flex:1;min-width:68px;padding:7px 5px;font-size:12px}
.choices button[aria-pressed=true]{border-color:var(--lime);box-shadow:inset 0 -2px var(--lime);color:var(--lime)}
.choices .look{display:grid;justify-items:center;gap:4px}.look svg{width:29px;height:29px}
.action{width:100%;background:var(--lime);color:#15241e;border-color:var(--lime);min-height:48px;font-size:15px;font-weight:850}
#profile>.action{margin-top:18px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 7px}.panel-heading h2{font-size:17px;margin:0}
.panel-heading button{font-size:12px}
.loadout>span{display:grid;justify-items:center;gap:2px;min-width:74px;padding:6px 9px;background:#203143;border:1px solid #4b676a;border-radius:8px;font-size:12px;color:var(--cyan)}
.loadout svg,.lesson-tile svg,.move-pad svg{width:29px;height:29px}
.round-list,.lesson-list{display:grid;gap:8px}
.round-row,.lesson-tile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;background:#1a2a3c;border:1px solid #354b5e;border-radius:10px;padding:9px 10px;min-width:0}
.round-row strong,.lesson-tile strong{display:block;font-size:15px}.round-row small,.lesson-tile small{color:var(--muted);font-size:12px}.round-row button,.lesson-tile button{font-size:12px}
.lesson-tile{grid-template-columns:auto 1fr auto}.lesson-tile svg{color:var(--cyan)}
.rhythm-lane{background:#101b29;border:1px solid #40556a;border-radius:10px;padding:8px}
.lane-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;color:#a7e4db}.lane-header span{color:var(--lime);white-space:nowrap}
#careerGroove{display:block;width:100%;height:34px}
.lesson-marks{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.lesson-marks i{height:4px;background:#46566a;border-radius:3px}.lesson-marks i[data-mark=hit]{background:var(--lime)}.lesson-marks i[data-mark=miss]{background:#dc9e89}
.move-pads{display:grid;grid-template-columns:repeat(var(--moves,1),minmax(0,1fr));gap:7px;margin-top:10px}
.move-pad{min-height:76px;display:grid;justify-items:center;align-content:center;gap:3px;padding:7px 2px;border-color:#5e734f;color:var(--lime);font-size:12px;touch-action:none;user-select:none}
.move-pad[data-group=footwork],.move-pad[data-link=true]{color:var(--cyan);border-color:var(--cyan)}
.move-pad[data-group=freeze]{color:#ffcaaa;border-color:#d89e82}
.move-pad[aria-pressed=true]{background:var(--lime);color:#132123}
.move-pad:active{filter:brightness(1.2)}
.move-pad span{overflow-wrap:anywhere;text-align:center}
.play-hint{min-height:32px;margin:8px 0;font-size:12px}
.game-actions,.result-actions{display:flex;gap:8px}.game-actions .quiet{flex:1}.result-actions{margin-top:14px}.result-actions .quiet{white-space:nowrap}
.reward{display:block;border:1px solid #adcd68;border-radius:10px;color:var(--lime);background:#273920;padding:10px 13px;margin:10px 0 14px;font-weight:850}
#result{--player-one:var(--lime);--player-two:var(--cyan)}
.career-error{margin:0;color:#ffcaaa}
@media(min-width:740px){.career[data-screen=profile],.career[data-screen=lesson],.career[data-screen=round]{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);align-items:start}.career-error{grid-column:1/-1}#hub,#school,#result{width:min(100%,670px);justify-self:center}}
@media(max-width:739px){.career{gap:8px;padding-left:10px;padding-right:10px}.career-header{min-height:52px;gap:8px}.career-header button{font-size:11px;padding:6px 8px}.career-scene{height:clamp(248px,48svh,405px);min-height:0;border-radius:13px}.career-panel{padding:13px}.scene-heading{top:12px;left:12px}.scene-hud strong{font-size:21px}.scene-hud span{font-size:9px}.scene-message{font-size:12px}}
@media(max-height:485px) and (orientation:landscape){.career[data-screen=lesson],.career[data-screen=round]{grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);align-items:start}.career-header{min-height:45px}.career-scene{height:calc(100svh - 68px);min-height:208px}.career-panel{padding:12px}.move-pad{min-height:58px}.move-pad svg{width:22px;height:22px}}
@media(max-width:360px){.lesson-tile{grid-template-columns:1fr auto}.lesson-tile svg{display:none}.career-tag{font-size:9px}.wallet span{font-size:8px}.move-pad{font-size:10px}}

.wallet{gap:8px;margin-left:auto}
.wallet>div{display:grid;justify-items:end;gap:0;line-height:1.1}
.wallet .coin-balance{color:#ffd58e;border-left:1px solid #4a4e53;padding-left:8px}
.wallet span{font-size:9px}
.career-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.career-menu button{padding:6px 4px;font-size:13px}
.panel-heading small{font-size:11px;color:var(--muted)}
.lesson-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.lesson-actions button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}
.career-filters{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 10px;margin-bottom:5px}
.career-filters button{flex:none;font-size:12px;white-space:nowrap}
.career-filters [aria-pressed=true]{background:var(--lime);color:#142131;border-color:var(--lime)}
.career-tier{min-width:0;border:1px solid var(--line);border-radius:12px;padding:9px}
.career-tier>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;min-height:44px;padding:3px;color:var(--lime)}
.career-tier>summary strong{font-size:14px}.career-tier>summary small{font-size:11px;color:var(--muted);text-align:right}
.career-tier>summary::after{content:'+';font-size:20px}.career-tier[open]>summary::after{content:'−'}
.career-tier>.lesson-tile{margin-top:7px}
.career-variants{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.career-variants button{font-size:12px;color:var(--cyan);text-align:left}
.career-variants>small{font-size:12px;line-height:1.5;color:var(--muted)}
.variation-picker{color:#f7efd9}
.variation-picker[data-career=true][open]{display:flex;flex-direction:column;height:min(860px,calc(100dvh - 24px));overflow:hidden;gap:8px}
.variation-picker[data-career=true]>header,.variation-picker[data-career=true]>footer{flex:none;margin:0}
.variation-picker[data-career=true] .variation-layout{min-height:0;flex:1;overflow:hidden}
.variation-picker[data-career=true] .variation-options{max-height:100%;min-height:0;overflow:auto}
@media(max-width:600px) and (orientation:portrait){
 .variation-picker[data-career=true] .variation-options{flex:1;max-height:none}
 .variation-picker[data-career=true] .variation-preview{min-height:140px;height:24dvh}
}
.lesson-tile small{display:block;line-height:1.35}
.practice-route{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.practice-route b{border:1px solid #4c5c6b;border-radius:6px;padding:4px 6px;color:#b7c8cc;font-size:11px}
.practice-route b[data-step=current]{border-color:var(--lime);color:var(--lime)}
.practice-route b[data-step=done]{border-color:var(--cyan);color:var(--cyan)}
.move-pad[data-next=true]{outline:1px dashed var(--lime);outline-offset:-4px}
.video-tile{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#192a3a}
.video-tile h2{margin:0;font-size:17px}.video-tile p,.video-tile small{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.video-tile a{min-height:44px;display:inline-grid;place-items:center;justify-self:start;padding:6px 10px;border:1px solid #696071;border-radius:9px;color:#ffd5c3;text-decoration:none;font-size:13px;font-weight:750}
.video-tile summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--cyan);font-size:13px}
.video-options{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.video-options button{font-size:12px}
.award-breakdown{color:var(--muted);font-size:13px;padding-left:20px;line-height:1.6}
@media(min-width:740px){
 .career[data-screen=shop],.career[data-screen=practice]{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start}
 #practices,#videos{width:min(100%,670px);justify-self:center}
}
@media(max-width:739px){
 .career[data-screen=shop] .career-scene{height:clamp(215px,34svh,310px)}
 .wallet span{font-size:8px}
 .lesson-actions{max-width:120px}
}
@media(max-height:485px) and (orientation:landscape){.career[data-screen=practice]{grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);align-items:start}}
@media(max-width:360px){.career-header{gap:6px}.career-tag{display:none}.career-menu button{font-size:12px}.lesson-actions{max-width:100px}}

.rank-card{width:100%;margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;background:#21333c;border-color:#536958}
.rank-mark,.honor-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #74836a;border-radius:8px;background:#2b3e32;color:var(--lime);font-size:14px;font-weight:900}
.rank-copy{display:grid;gap:3px;min-width:0}
.rank-copy strong{color:#f4f5d7;line-height:1.15}.rank-copy small{color:#c3d3ce;font-size:11px;font-weight:550}.rank-arrow{color:var(--lime);font-size:11px;white-space:nowrap}
.rank-copy progress{width:100%;height:5px;appearance:none;border:0;border-radius:4px;background:#48594f}
.rank-copy progress::-webkit-progress-bar{background:#48594f;border-radius:4px}
.rank-copy progress::-webkit-progress-value{background:var(--lime);border-radius:4px}
.rank-copy progress::-moz-progress-bar{background:var(--lime);border-radius:4px}
.career-unlock{grid-column:1/-1;padding:9px 12px;border:1px solid #748d4e;border-radius:11px;background:#283a2d;color:#eff8cc;font-size:13px}
.career-unlock p{margin:2px 0}
.rank-ladder{border:1px solid var(--line);background:#192a3b;border-radius:11px;padding:0 12px}
.rank-ladder summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:800;color:var(--cyan)}
.rank-ladder ol{padding:0;list-style:none;margin:0 0 9px}
.rank-ladder li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:6px 7px;border-radius:6px;font-size:13px;color:#adbfca}
.rank-ladder li[aria-current=step]{background:#304635;color:var(--lime)}
.rank-ladder li[data-passed=true]{color:#d9ead5}
.rank-ladder li small{font-variant-numeric:tabular-nums}
.honors-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.honor-item{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:9px;border:1px solid #3a4d61;border-radius:10px;background:#1b2b3c;min-width:0}
.honor-item[data-unlocked=true]{border-color:#668262;background:#263b35}
.honor-item[data-unlocked=false] .honor-mark{background-color:#253449;color:#9db0bb;border-color:#475d6b}
.honor-item strong,.honor-item small{display:block}
.honor-item strong{font-size:13px;line-height:1.2}.honor-item small{color:#bacbd2;font-size:11px;line-height:1.35;margin-top:3px}
.honor-item .honor-status{color:#d9efb2;font-weight:700}
@media(min-width:740px){#honors{width:min(100%,670px);justify-self:center}}
@media(max-width:360px){.honor-item{padding:7px;gap:5px}.honor-item .honor-mark{width:24px;height:27px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.career-unlock:not([hidden]){animation:honor-pop .2s ease-out}@keyframes honor-pop{from{opacity:.15;transform:translateY(-4px)}to{opacity:1;transform:none}}}

/* Screen-printed covers. Headings, prices and actions remain live text. */
[data-career-art=school]{--career-art:url(assets/career/school-v1.webp)}
[data-career-art=practice]{--career-art:url(assets/career/practice-v1.webp)}
[data-career-art=videos]{--career-art:url(assets/career/videos-v1.webp)}
[data-career-art=shop]{--career-art:url(assets/career/shop-v1.webp)}
.career-menu{gap:7px}
.career-menu .career-tile{
  position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:4px;
  min-width:0;min-height:70px;text-align:left;padding:8px;
  background-color:#142331;background-image:linear-gradient(0deg,#0b1423 0%,#0b142365 58%,#0b142310 100%),var(--career-art);
  background-size:cover,cover;background-position:center,center 52%;background-repeat:no-repeat;
  color:#fff4d6;border-color:#526353;text-shadow:0 1px 3px #000;
}
.career-menu .career-tile:hover{border-color:var(--lime)}
.career-tile small{color:var(--lime);font-size:11px}
.career-panel[data-career-art]>.intro{
  margin:0 0 12px;padding:13px 13px 11px;border:1px solid #516559;border-radius:12px;
  background-color:#111d2a;background-image:linear-gradient(90deg,#101c2b 2%,#101c2bf0 32%,#101c2b8c 66%,#101c2b30),var(--career-art);
  background-repeat:no-repeat;background-size:cover,auto 145%;background-position:center,right 47%;
}
.career-panel[data-career-art]>.intro h1{font-size:clamp(24px,5.4vw,36px);color:#fff3d4}
.career-panel[data-career-art]>.intro p{max-width:37ch;margin:6px 0 1px;color:#e4e4d3;text-shadow:0 1px 3px #071423}

.career-sticker{
  display:inline-block;flex:none;aspect-ratio:1;background:transparent url(assets/career/stickers-v1.webp) no-repeat;
  background-size:400% 400%;background-position:var(--sticker-x,0%) var(--sticker-y,0%);border:0;border-radius:0;
}
.rank-mark.career-sticker{width:47px;height:auto}
.honor-mark.career-sticker,.honor-item[data-unlocked=false] .honor-mark.career-sticker{width:44px;height:auto;background-color:transparent;border:0}
.honor-item[data-unlocked=false] .honor-mark.career-sticker{filter:saturate(.15) brightness(.73);opacity:.85}
.rank-ladder li{grid-template-columns:28px 1fr auto}
.rank-list-mark.career-sticker{width:28px;height:auto}
.rank-ladder li[data-passed=false]:not([aria-current]) .rank-list-mark{filter:saturate(.25) brightness(.75)}
#honors>.intro{position:relative;padding-right:74px;min-height:74px}
.honors-seal.career-sticker{position:absolute;top:4px;right:1px;width:69px;height:auto;transform:rotate(9deg)}
#careerUnlock:not([hidden]){display:flex;align-items:center;gap:8px}
.unlock-sticker.career-sticker{width:35px;height:auto}
.reward:not([hidden]){display:flex;align-items:center;gap:8px}
.reward::before{content:'';flex:0 0 29px;aspect-ratio:1;background:url(assets/career/stickers-v1.webp) no-repeat 0 66.6667% / 400%}
#result:has(#careerJudging:empty) .reward::before{background-position:66.6667% 66.6667%}

@media(max-width:500px){
 .career-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .career-menu .career-tile{min-height:58px;background-position:center,center 47%}
}
@media(max-width:360px){.honor-mark.career-sticker,.honor-item[data-unlocked=false] .honor-mark.career-sticker{width:32px}.honors-seal.career-sticker{width:62px}#honors>.intro{padding-right:62px}}

.career-fullscreen{flex:none;width:44px;padding:4px;font-size:22px}
.career-scene .scene-message{width:max-content;max-width:calc(100% - 164px)}
.career:fullscreen{max-width:none;width:100%;height:100%;overflow:auto;background:#0d1421}
.rival-controls{display:grid;gap:10px}
.rival-speed{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}
.rival-speed button{min-width:64px;color:var(--lime);font-variant-numeric:tabular-nums}
body.career-playing{height:100dvh;overflow:hidden}
.career[data-playing=true]{
 max-width:none;width:100%;height:100dvh;margin:0;
 padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
 grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-rows:44px minmax(0,1fr);gap:10px;align-items:stretch;
}
.career[data-playing=true]>.career-header{min-height:0;grid-row:1;margin:0}
.career[data-playing=true]>.career-scene{grid-column:1;grid-row:2;height:100%;min-height:0;border-radius:16px}
.career[data-playing=true]>#play{grid-column:2;grid-row:2;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:auto;gap:10px;padding:14px}
.career[data-playing=true] .move-pads{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;margin:0;gap:10px}
.career[data-playing=true] .move-pads:has(>.move-pad:only-child){grid-template-columns:1fr}
.career[data-playing=true] .move-pad{min-height:112px;font-size:14px}
.career[data-playing=true] .move-pad svg{width:44px;height:44px}
.career[data-playing=true] .play-hint{margin:0;min-height:0}
.career[data-playing=true] .rival-controls{margin-top:auto}
.career[data-playing=true] .game-actions{flex-wrap:wrap;margin-top:auto}
.career[data-playing=true] .game-actions>.action:not([hidden]){flex-basis:100%}
.career[data-playing=true] .rhythm-lane,.career[data-playing=true] .game-actions,.career[data-playing=true] .rival-controls{flex:none}
.career[data-playing=true] .career-error{position:fixed;z-index:12000;bottom:8px;left:12px;right:12px;padding:8px;background:#172438}
.career[data-playing=true] .scene-heading h1{font-size:clamp(24px,4vw,46px)}
.career[data-playing=true][data-side=rival] .game-actions{margin-top:0}
.career[data-playing=true] #skipRival{color:var(--lime);border-color:#78945b;background:#20342c;min-height:48px}
@media(min-width:740px) and (min-height:501px){
 .career[data-playing=true][data-side=rival]>.career-scene{grid-column:1/-1}
 .career[data-playing=true][data-side=rival]>#play{height:auto;max-height:calc(100% - 32px);align-self:end;margin:16px;z-index:1;background:#142131f2}
 .career[data-playing=true][data-side=rival] .career-scene>.view-toolbar{left:12px;right:auto}
 .career[data-playing=true][data-side=rival] .career-scene>.view-toolbar .view-hint{left:0;right:auto}
 .career[data-playing=true][data-side=rival] .scene-message{bottom:94px}
}
@media(max-width:739px) and (orientation:portrait){
 .career[data-playing=true]{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));gap:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto}
 .career[data-playing=true]>#play{grid-column:1;grid-row:3;height:auto;max-height:53dvh;padding:10px;gap:8px}
 .career[data-playing=true] .move-pads{flex:none;grid-template-columns:repeat(var(--moves,1),minmax(0,1fr));gap:6px}
 .career[data-playing=true] .move-pad{min-height:64px;font-size:12px}
 .career[data-playing=true] .move-pad svg{width:28px;height:28px}
 .career[data-playing=true] .career-tag{display:none}
 .career[data-playing=true] .play-hint{font-size:11px;line-height:1.3}
 .career[data-playing=true] .game-actions{margin-top:0}
 .career[data-playing=true] .rival-controls{grid-template-columns:64px minmax(0,1fr);align-items:stretch}
 .career[data-playing=true] .rival-speed span{display:none}
 .career[data-playing=true] .rival-speed button{height:100%}
 .career[data-playing=true] .scene-heading h1{font-size:clamp(22px,6vw,34px)}
 .career[data-playing=true] .career-header{gap:6px}
 .career[data-playing=true] .wallet span{font-size:7px}
}
@media(max-height:500px) and (orientation:landscape){
 .career[data-playing=true]{grid-template-columns:minmax(0,1fr) minmax(240px,31%);grid-template-rows:44px minmax(0,1fr);gap:6px;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(4px,env(safe-area-inset-bottom))}
 .career[data-playing=true]>#play{padding:8px;gap:6px}
 .career[data-playing=true] .move-pad{min-height:62px;font-size:12px}
 .career[data-playing=true] .move-pad svg{width:26px;height:26px}
 .career[data-playing=true] .move-pads{gap:6px}
 .career[data-playing=true] .play-hint{font-size:10px;line-height:1.25}
 .career[data-playing=true] .scene-heading h1{font-size:26px}
 .career[data-playing=true] .rival-controls{grid-template-columns:60px minmax(0,1fr);align-items:stretch;gap:6px}
 .career[data-playing=true] .rival-speed span{display:none}
 .career[data-playing=true] .rival-speed button{min-width:60px;height:100%}
}
