:root{--ui-cream:#f8efdd;--ui-dark:#15171d;--ui-yellow:#ffe500}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8c69e9!important;outline-offset:3px}button{border-radius:0}button:disabled{cursor:not-allowed}#controls-toggle{display:none}.in-bout #controls-toggle{display:inline-block}.in-bout header .top-actions>button:not(#pause):not(#controls-toggle){display:none}.in-bout .run-strip,.in-bout .arena-foot{display:none}.in-bout .arena{height:calc(100svh - 255px);min-height:380px}.in-bout.compact-controls .controls-deck,.in-bout.compact-controls footer{display:none}.in-bout.compact-controls .arena{height:calc(100svh - 76px)}.pause-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;justify-content:center}.pause-navigation button{background:#15171d;color:#f8efdd;border:2px solid #15171d;padding:10px 12px;font-weight:700}.fight-card p{font-size:16px}.fight-card .secondary{min-height:44px}#game-options{overscroll-behavior:contain}.options-card{background:#f8efdd;color:#181820;border:2px solid #181820;border-top:8px solid #ffe500;box-shadow:8px 8px 0 #ffe500}.options-card h1,.options-card h2{color:#181820}.option-rows label{border-color:#c4bbab;font-size:16px;min-height:48px}.options-card button,.options-card select{background:#15171d;color:#f8efdd;border:2px solid #15171d;min-height:44px;padding:10px 14px;font-size:15px}.options-card #options-back{background:#ffe500;color:#15171d}.options-card summary{font-weight:800;cursor:pointer;min-height:44px;padding:12px 0}.options-actions{position:sticky;bottom:0;background:#f8efdd;padding:12px 0;border-top:1px solid #c4bbab}.dev-fights{border-color:#b9af9d}.title-start-music{position:absolute;left:6%;bottom:25px;z-index:20;background:#ffe500;color:#15171d;border:2px solid #15171d;padding:12px 18px;font-weight:800;cursor:pointer}.career-hub-tag,.career-hub-heading>span,.spotlight-heading>span,.career-hub-progress b,.career-hub-save,.career-hub-save button{font-size:12px}.career-hub-ladder small,.career-hub-ladder em,.career-cv-heading span,.career-hub-locations small{font-size:12px}.career-hub-ladder button:disabled{opacity:1;color:#766f63}.career-hub-tip{font-size:14px}.career-hub-actions,.spotlight-actions{position:relative;bottom:auto}.career-hub-ladder button{min-height:44px}.career-hub-info,.spotlight-info{min-height:0}.career-hub-scene,.spotlight-stage{min-height:0}
@media(min-width:900px) and (min-height:600px){.fighter-spotlight,.career-hub{height:calc(100svh - 76px);min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.career-hub{grid-template-rows:auto minmax(0,1fr) auto auto}.spotlight-heading,.career-hub-heading{padding:12px 24px 5px}.spotlight-heading h2,.career-hub-heading h2{font-size:36px}.spotlight-info,.career-hub-info{padding:8px 24px 15px 0;gap:12px;overflow:auto}.spotlight-profile{padding:15px 20px;transform:none}.spotlight-profile h3{font-size:52px}.spotlight-background{font-size:17px}.spotlight-profile p{margin:7px 0}.spotlight-bars{padding-top:9px;gap:7px}.spotlight-roster img{height:68px!important}.spotlight-roster button{min-height:90px;padding:4px}.spotlight-actions,.career-hub-actions{padding:10px 24px}.career-hub-profile{padding:12px 18px}.career-hub-opponent img{width:62px;height:70px}.career-hub-opponent h3{font-size:40px}.career-hub-profile blockquote{margin:9px 0 5px;font-size:14px}.career-hub-tip{margin:5px 0}.career-cv-heading{margin:8px 0 5px}.career-hub-ladder{gap:0;padding-top:5px}.career-hub-ladder button{padding:4px 8px;min-height:39px}.career-hub-locations button{min-height:64px;padding:12px 8px 6px}.career-hub-save{padding:2px 24px}.career-hub-save button{padding:4px}.career-hub-caption h3{font-size:22px}.career-hub-caption{bottom:15px}.career-hub-progress{gap:5px}}
#versus-select{background:#15171d;color:#f8efdd;max-width:1500px;padding:24px 32px}.versus-heading{border-color:#ffe500}.versus-heading>div>span{color:#ffe500}.versus-heading button,.versus-stages button{border:2px solid #777;color:#f8efdd;background:#15171d;min-height:44px}.versus-player{background:#f8efdd;color:#15171d;border:2px solid #15171d;box-shadow:4px 4px 0 #ffe500}.versus-roster h3{color:#ffe500}.roster-fighter{background:#f8efdd;color:#15171d;border:2px solid #79766f;display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:8px!important;word-break:normal!important;overflow-wrap:normal!important;min-width:0}.roster-fighter img{width:74px!important;height:80px!important;object-fit:cover}.roster-fighter strong{font-size:20px;line-height:1.1;word-break:normal!important}.roster-fighter small{font-size:13px;line-height:1.3}.roster-fighter.picked-one{border:3px solid #ffe500;background:#fff1a8}.roster-fighter.picked-two{border:3px solid #eb5454}.versus-bottom{border-color:#ffe500}.versus-bottom p{color:#d8d4ca;font-size:14px}.versus-stages button[aria-pressed=true]{background:#ffe500;color:#15171d}.versus-stats{font-size:14px}.player-ready span{font-size:14px}
@media(max-width:899px){.career-hub-actions,.spotlight-actions{position:relative!important;bottom:auto!important;flex-wrap:wrap}.career-hub-save{padding-bottom:18px}.career-hub-actions button,.spotlight-actions button{font-size:16px;min-height:44px}.career-hub,.fighter-spotlight{height:auto;min-height:0}.spotlight-stage{min-height:330px}#versus-select{padding:18px}.roster-career{grid-template-columns:repeat(2,minmax(0,1fr))!important}.roster-fighter strong{font-size:22px}.roster-fighter small{font-size:14px}.in-bout .arena{height:440px;min-height:380px}.in-bout.compact-controls .arena{height:calc(100svh - 110px)}.attack-controls strong{font-size:15px}.attack-controls small{font-size:12px}.attack-controls kbd{font-size:12px}.movement-controls small{font-size:12px}.title-start-music{bottom:16px;left:16px}.clock-menu-foot{right:12px;bottom:65px}.career-hub-locations strong{font-size:19px}.options-card{padding:18px}.pause-card{max-height:calc(100svh - 120px);overflow:auto}.pause-navigation button{font-size:14px}.in-bout header{padding:8px 16px}.in-bout .brand img{max-width:115px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}

body[data-input=keyboard] .spotlight-actions kbd,body[data-input=keyboard] .career-hub-actions kbd{border-radius:3px;font:700 12px sans-serif;padding:4px 5px}.options-card>p,.options-card #options-status{color:#59544b}.options-card .options-actions{position:relative;bottom:auto}.options-card{max-height:calc(100svh - 40px);overflow:auto}.career-hub-info,.spotlight-info{justify-content:flex-start}.career-hub-profile,.career-hub-locations,.spotlight-profile,.spotlight-roster{flex-shrink:0}@media(min-width:900px) and (min-height:600px){.career-hub-ladder button{min-height:32px;font-size:13px}.career-hub-ladder em{display:inline;margin-left:8px;font-size:12px}.career-hub-profile{padding:10px 18px}.career-hub-opponent img{height:58px;width:52px}.career-hub-opponent h3{font-size:34px}.career-hub-opponent strong{font-size:14px}.career-hub-profile blockquote{font-size:14px;margin:7px 0 4px}.career-hub-info{gap:10px}.spotlight-info{justify-content:center}}

.roster-fighter strong,.roster-fighter small{width:100%;text-align:center}.options-card input[type=checkbox]{width:20px;height:20px;accent-color:#655090}.options-card input[type=range]{accent-color:#655090}@media(max-width:680px){.career-hub-actions,.spotlight-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.career-hub-actions button[data-action=fight],.spotlight-actions button[data-action=fighter-confirm]{grid-column:1/3;width:100%;min-height:48px}.career-hub-actions>span,.spotlight-actions>span{display:none}.career-hub-actions kbd,.spotlight-actions kbd{border-radius:3px}.career-hub-locations button{min-height:86px}.career-hub-locations strong{font-size:18px}}

.menu-focus{outline:3px solid #8c69e9!important;outline-offset:3px!important}

/* Career choice is a separate, immediate workplace preview. */
.career-hub-image{animation:none}.workplace-picker .career-hub-info{justify-content:center}.workplace-choices{display:grid;gap:14px;width:100%}.workplace-choices button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;min-height:120px;padding:20px 24px;background-size:cover;background-position:center;border:2px solid #716d6d;color:#f8efdd}.workplace-choices button[aria-pressed=true]{border-color:#ffe500;box-shadow:5px 5px 0 #ffe500}.workplace-choices strong{font:900 clamp(26px,3vw,40px)/1 var(--display);text-transform:uppercase}.workplace-choices span{font-size:16px}.workplace-choices small{font-size:14px;color:#dad5ca}#career-work-preview{position:absolute;inset:6% 0 12%;width:100%;height:82%;z-index:1;pointer-events:none}.career-hub-actions button[data-action=choose-opponents]{background:#ffe500;color:#15171d;border-color:#ffe500}.workplace-picker .career-hub-word{z-index:0;font-size:clamp(40px,5vw,80px)}@media(max-width:899px){.workplace-picker .career-hub-scene{min-height:350px}.workplace-picker .career-hub-info{padding:20px}.workplace-choices button{min-height:100px}.workplace-picker .career-hub-actions button[data-action=choose-opponents]{grid-column:1/3}.workplace-picker .career-hub-heading{grid-column:1/-1}}

/* Console selection cues: one choice for solo, independent colours for versus. */
body[data-input=xbox] .spotlight-roster .solo-fighter,body[data-input=playstation] .spotlight-roster .solo-fighter,.workplace-choices button{position:relative;transition:opacity .12s,transform .12s}
body[data-input=xbox] .solo-fighter:not(.selected),body[data-input=playstation] .solo-fighter:not(.selected),.workplace-choices button[aria-pressed=false]{opacity:.65}
.solo-fighter.selected,.workplace-choices button[aria-pressed=true],.career-hub-ladder button[aria-pressed=true]{position:relative;border:3px solid #ffe500!important;box-shadow:0 3px 0 #ffe500;transform:translateY(-2px)}
.solo-fighter.selected:after,.workplace-choices button[aria-pressed=true]:after,.career-hub-ladder button[aria-pressed=true]:after{content:'◀';position:absolute;right:7px;top:6px;color:#ffe500;text-shadow:1px 1px #15171d}.career-hub-ladder button[aria-pressed=true]:after{color:#15171d;top:0;font-size:10px}
.career-hub-ladder button[aria-disabled=true]{color:#77716a}.career-hub-ladder button[aria-disabled=true][aria-pressed=true]{background:#d1c5ac}
.roster-fighter.picked-one{outline:3px solid #54c8ff!important;outline-offset:-3px}.roster-fighter.picked-two{outline:3px solid #ff83be!important;outline-offset:-3px}.roster-fighter.picked-one.picked-two{outline-color:#54c8ff!important;box-shadow:inset -6px 0 #ff83be,inset 6px 0 #54c8ff!important}.pick-badges b:first-child{background:#54c8ff;color:#15171d}.picked-two:not(.picked-one) .pick-badges b,.pick-badges b:nth-child(2){background:#ff83be;color:#15171d}.versus-player.p1{border-color:#54c8ff}.versus-player.p2{border-color:#ff83be}
body[data-input=xbox] .career-hub-actions,body[data-input=playstation] .career-hub-actions,body[data-input=xbox] .spotlight-actions,body[data-input=playstation] .spotlight-actions{flex-wrap:wrap}
body[data-input=xbox] .career-hub-actions>span,body[data-input=playstation] .career-hub-actions>span,body[data-input=xbox] .spotlight-actions>span,body[data-input=playstation] .spotlight-actions>span{display:block!important;flex-basis:100%;grid-column:1/-1;order:5;font-size:14px;line-height:1.4;color:#f8efdd;padding:5px 0}
@media(prefers-reduced-motion:reduce){.solo-fighter.selected,.workplace-choices button[aria-pressed=true],.career-hub-ladder button[aria-pressed=true]{transform:none}.workplace-choices button,.spotlight-roster button{transition:none}}

body[data-input=xbox] #versus-select .menu-focus,body[data-input=playstation] #versus-select .menu-focus{outline:none!important}

.versus-player.p1 .player-heading{background:#54c8ff;color:#15171d}.versus-player.p2 .player-heading{background:#ff83be;color:#15171d}.versus-player.ready .player-heading:after{content:' · READY';font-size:12px}
body[data-input=xbox] .roster-fighter:not(.picked-one):not(.picked-two),body[data-input=playstation] .roster-fighter:not(.picked-one):not(.picked-two){background:#f8efdd!important}
body[data-input=xbox] .versus-bottom,body[data-input=playstation] .versus-bottom{position:sticky;bottom:0;z-index:5;background:#15171df5;padding:12px 0}.versus-bottom p{font-size:14px}
