/* Shared Rocky menu language: dark surfaces, fine borders, red navigation,
   generous character art and persistent selection actions. Circuit colours stay local. */
body{--rocky-surface:#111216;--rocky-panel:#191b22;--rocky-border:#30323b;--rocky-red:#ff5b70;--rocky-gold:#f3cf83}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.art-menus .lobby-nav button.current{color:var(--rocky-red);background:#52232c42;border-color:#b9475855;box-shadow:inset 0 -2px var(--rocky-red)}
body.art-menus.compact-lobby .lobby-selection .selected-fighter{padding:10px 12px;background:linear-gradient(120deg,#19191d,#101319);border:1px solid var(--rocky-border)}
.selected-fighter-row{display:grid;grid-template-columns:67px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:83px}
#selected-fighter-portrait{width:67px;height:83px;object-fit:cover;object-position:center 14%;border-radius:9px;background:#0c1118;border:1px solid #44434a}
.selected-fighter-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.selected-fighter-copy>.label{font:700 8px/1.2 system-ui;letter-spacing:.15em;color:#afaba4}
#selected-fighter-name{font:850 23px/1 system-ui;letter-spacing:-.04em;color:#f4d08e}
body[data-player=shadow] #selected-fighter-name{color:#a6e6ed}
#selected-fighter-style{font:550 9px/1.3 system-ui;color:#bec1c7;text-transform:none}
#selected-fighter-level{font:700 8px/1.2 system-ui;letter-spacing:.12em;color:#e3c98c}
#fighter-change{min-height:42px;padding:9px 11px;border:1px solid #66543d;border-radius:9px;background:#34281f;color:#f6d79d;font:750 11px/1.2 system-ui;white-space:nowrap}
#fighter-change span{margin-left:4px}#fighter-change:disabled{opacity:.45}
.art-menus.compact-lobby .selected-fighter .fighter-choice-note{margin-top:7px;border-top:1px solid #33343a;padding-top:3px}
.art-menus.compact-lobby .selected-fighter .fighter-tools #fighter-room-open{color:#dededc;border-right-color:#33343a}
#fighter-room.locker-room{padding:16px;width:min(1060px,calc(100vw - 32px));height:min(790px,calc(100dvh - 32px));max-height:calc(100dvh - 16px);overflow:hidden;box-sizing:border-box;background:#0c0e12;border:1px solid #43444d;border-radius:20px;box-shadow:0 20px 100px #0009}
#fighter-room.locker-room[open]{display:flex;flex-direction:column;gap:12px}
.locker-room .fr-header{flex:none;min-height:72px;padding:12px 16px;background:linear-gradient(90deg,#111522f2,#121624a3),url('assets/arenas/last-train.webp') center 48%/cover;border-color:#393e4a;border-radius:12px}
.locker-room .fr-header small{color:var(--rocky-gold);font-size:8px;letter-spacing:.17em}
#fighter-room.locker-room .fr-header h2{font-size:29px;letter-spacing:-.035em}.locker-room .fr-header h2 span{color:var(--rocky-red)}
#fighter-room.locker-room .fr-header .dialog-build{font-size:9px;min-width:auto;padding:6px 8px}
#fr-shop{font-size:10px;color:#eed9a2;padding:7px 10px;border:1px solid #6f5a344f;border-radius:8px;min-height:36px;background:#18171cc2;white-space:nowrap}
.fr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;gap:4px;border:1px solid var(--rocky-border);background:#101116;border-radius:12px;flex:none}
#fighter-room .fr-tabs button{min-height:39px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aeb0ba;font:700 12px/1.2 system-ui}
#fighter-room .fr-tabs button[aria-pressed=true]{background:#45232c70;color:#fff;border-color:#a747565a;box-shadow:inset 0 -2px var(--rocky-red)}
#fighter-room .fr-tabs button:disabled{opacity:.35;cursor:default}
.fr-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52545d transparent;padding:3px 4px 8px}
#fighter-room [hidden]{display:none!important}
.locker-room .fr-row{margin:1px 0 12px}.locker-room .fr-row h3{font-size:21px;letter-spacing:-.03em;margin-bottom:4px}.locker-room .fr-row small{font-size:10px;font-weight:400;letter-spacing:0;text-transform:none}
.fr-search input{box-sizing:border-box;width:190px;min-height:38px;border-radius:9px;border:1px solid #3e414c;background:#171a21;color:#f4f2ed;padding:8px 11px;font:12px system-ui}
.fr-search input::placeholder{color:#b1b4bf}.fr-search input:focus-visible{outline:2px solid #efc980;outline-offset:2px}
.fr-filters{display:flex;gap:7px;margin:0 0 13px;flex-wrap:wrap}
.fr-filters button{min-height:34px;border:1px solid #333740;border-radius:20px;padding:7px 12px;background:#13161c;color:#b8bfcb;font:650 10px system-ui}
.fr-filters button[aria-pressed=true]{background:#382e21;border-color:#8d7247;color:#f7d694}
.locker-room #fr-roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#fighter-room .fr-card{height:auto;aspect-ratio:.9;border:1px solid #353944;border-radius:13px;background:#171a20}
#fighter-room .fr-card img{height:100%;width:100%;object-fit:cover;object-position:center 15%;filter:none}
#fighter-room .fr-card.fr-prospect img{filter:saturate(.35) brightness(.56) blur(.6px)}
#fighter-room .fr-card[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
#fighter-room .fr-card.is-equipped:before{content:'✓';position:absolute;right:9px;top:9px;z-index:2;border-radius:50%;background:var(--ink);color:#10151b;width:20px;height:20px;text-align:center;font:800 13px/20px system-ui}
#fighter-room .fr-card:after{background:linear-gradient(0deg,#10131bf5 0%,#10131bb3 22%,transparent 58%)}
#fighter-room .fr-name{bottom:14px;left:13px;right:7px}#fighter-room .fr-name strong{font-size:23px;line-height:1.1;letter-spacing:-.04em}#fighter-room .fr-name small{font-size:10px;margin-top:6px;color:#d2d4d9}
#fighter-room .fr-num{top:10px;left:10px;font-size:9px;padding:5px 7px;background:#0c111bb8;border:1px solid #ffffff24}
#fighter-room .fr-mark{right:10px;top:10px;font-size:15px}
#fighter-room .fr-wishes{margin:9px 0 0;font-size:11px}
#fr-empty{color:#b9bec8;font:13px/1.5 system-ui;padding:28px 8px;text-align:center}
.fr-dock{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #373941;padding:12px 4px 0;background:#0c0e12}
.fr-dock>div{min-width:0}.fr-dock small,.fr-dock strong,.fr-dock span{display:block}.fr-dock small{font:750 8px/1.3 system-ui;letter-spacing:.1em;color:var(--ink)}.fr-dock strong{font:850 23px/1.2 system-ui;margin:3px 0}.fr-dock span{font:11px/1.3 system-ui;color:#aeb8c5}
#fighter-room #fr-use{min-width:176px;min-height:47px;background:var(--ink);color:#10181b;border-color:var(--ink);font-size:12px;border-radius:10px;white-space:normal;padding:12px 18px}
#fighter-room #fr-status{flex:none;margin:0 3px;font-size:11px;color:#f1d799}
#fighter-room .fr-dossier{border-radius:13px;background:#14171e;min-height:0;overflow:hidden}
#fighter-room .fr-page-style{display:grid;grid-template-columns:1fr 1fr}
#fighter-room .fr-preview{height:330px;border:0;border-right:1px solid #3a414a}
#fighter-room .fr-details{padding:24px 22px;align-self:center}
#fighter-room .fr-details h3{font-size:31px;margin:5px 0 17px}
#fighter-room .fr-details>small{font-size:9px}
#fighter-room .fr-details>p{font-size:12px;line-height:1.6}
#fighter-room .fr-swatches{gap:8px;margin-bottom:18px}.locker-room .fr-swatches .fr-action{min-height:38px;padding:8px 10px;font-size:11px;border-radius:8px}
#fighter-room .fr-poses{bottom:12px;right:12px}.locker-room .fr-poses .fr-action{min-height:35px;padding:8px 12px}
#fighter-room .fr-action{border-radius:8px;min-height:38px}
#fighter-room .fr-page-combos,#fighter-room .fr-page-mastery{padding:22px;border-color:#30343e}
.fr-section-title small{font:700 9px/1.4 system-ui;letter-spacing:.1em;color:var(--ink)}.fr-section-title h3{font:800 27px/1.15 system-ui;letter-spacing:-.04em;margin:8px 0}.fr-section-title p{font:12px/1.5 system-ui;color:#b5bdc9;margin:6px 0 20px}
.fr-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fr-combo-grid article{min-width:0;padding:14px;border:1px solid #3c424e;border-radius:10px;background:#10141c}.fr-combo-grid h4{font:700 14px/1.3 system-ui;margin:0 0 12px}.fr-combo-grid .fr-action{margin-top:12px;background:#282830;color:#f4ddac;border-color:#665744}.fr-combo-grid .input-sequence{flex-wrap:wrap}
.fr-mastery-level{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;background:#0d121a;border-radius:10px;border:1px solid #3a424e}.fr-mastery-level strong{font:800 23px system-ui;color:var(--ink)}.fr-mastery-level span{font:14px system-ui;color:#d2d8e2;align-self:center}.fr-mastery-level progress{width:100%;height:8px;grid-column:1/-1;accent-color:var(--ink)}.fr-mastery-level small{font:11px system-ui;grid-column:1/-1;color:#b5bdc9}
.fr-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border:1px solid #333945;border-radius:10px;overflow:hidden}.fr-stat-grid>div{text-align:center;padding:18px 5px;background:#191f28}.fr-stat-grid>div+div{border-left:1px solid #333945}.fr-stat-grid strong{display:block;font:800 27px/1.2 system-ui}.fr-stat-grid small{display:block;font:700 9px system-ui;letter-spacing:.08em;color:#acb6c5;margin-top:7px}.fr-next-goal{font:13px system-ui;color:#f2d399;margin:20px 0}
#training-guide{margin-top:14px;color:#e8d3a9}
@media(orientation:portrait) and (max-width:610px){
 body.art-menus.compact-lobby .lobby-selection .selected-fighter{padding:7px 10px}.selected-fighter-row{grid-template-columns:53px minmax(0,1fr) auto;min-height:65px;gap:9px}#selected-fighter-portrait{width:53px;height:65px}#selected-fighter-name{font-size:20px}#selected-fighter-style{font-size:9px}#selected-fighter-level{font-size:7px}.selected-fighter-copy{gap:3px}#fighter-change{min-height:40px;font-size:11px;padding:9px 12px}.art-menus.compact-lobby .selected-fighter .fighter-choice-note{margin-top:5px;padding-top:0}
 #fighter-room.locker-room{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:10px;border-radius:15px}#fighter-room.locker-room[open]{gap:9px}
 .locker-room .fr-header{padding:11px 10px;min-height:54px;gap:8px}.locker-room .fr-header small{font-size:7px;letter-spacing:.1em}#fighter-room.locker-room .fr-header h2{font-size:25px}#fighter-room.locker-room .dialog-build{display:none}#fr-shop{font-size:9px;padding:6px;min-height:36px}.locker-room .fr-header .dialog-close{width:32px;height:36px}
 .locker-room .fr-row{display:block;margin-bottom:9px}.locker-room .fr-row h3{font-size:20px}.fr-search{display:block;margin-top:10px}.fr-search input{width:100%;min-height:38px}.fr-filters{gap:6px;margin-bottom:10px}.fr-filters button{flex:1;padding:7px 5px;font-size:9px;min-height:34px}
 #fighter-room .fr-tabs button{font-size:11px;min-height:37px}.locker-room #fr-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#fighter-room .fr-card{aspect-ratio:.89}#fighter-room .fr-name{left:11px;bottom:12px}#fighter-room .fr-name strong{font-size:23px}#fighter-room .fr-name small{font-size:10px}
 .fr-scroll{padding:2px 2px 8px}.fr-dock{padding:9px 1px 0;gap:8px}.fr-dock small{font-size:7px}.fr-dock strong{font-size:20px}.fr-dock span{font-size:9px}#fighter-room #fr-use{min-width:142px;max-width:52%;min-height:46px;padding:10px 12px;font-size:11px}
 #fighter-room .fr-page-style{display:block}#fighter-room .fr-preview{height:235px;border-right:0;border-bottom:1px solid #363e49}#fighter-room .fr-details{padding:16px}#fighter-room .fr-details h3{font-size:27px;margin:5px 0 13px}
 #fighter-room .fr-page-combos,#fighter-room .fr-page-mastery{padding:16px}.fr-section-title h3{font-size:24px}.fr-combo-grid{grid-template-columns:1fr}.fr-stat-grid strong{font-size:23px}.fr-stat-grid small{font-size:8px}
}
@media(orientation:landscape) and (max-height:550px){
 .selected-fighter-row{grid-template-columns:49px minmax(0,1fr) auto;gap:7px;min-height:62px}#selected-fighter-portrait{width:49px;height:62px}#selected-fighter-name{font-size:19px}#selected-fighter-style{font-size:8px}.selected-fighter-copy{gap:3px}#fighter-change{padding:8px;font-size:10px;min-height:38px}#selected-fighter-level{font-size:7px}
 body.art-menus.compact-lobby .lobby-selection .selected-fighter{padding:7px 9px}.art-menus.compact-lobby .selected-fighter .fighter-choice-note{margin-top:4px;padding-top:0}
 #fighter-room.locker-room{width:calc(100vw - 20px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:9px 12px;border-radius:13px}#fighter-room.locker-room[open]{gap:7px}.locker-room .fr-header{min-height:38px;padding:5px 12px}#fighter-room.locker-room .fr-header h2{font-size:23px}.locker-room .fr-header small{font-size:7px}#fighter-room .fr-tabs button{min-height:32px;font-size:10px}.fr-tabs{padding:3px}.locker-room .fr-row{margin:2px 0 7px}.locker-room .fr-row h3{font-size:17px}.fr-search input{min-height:33px}.fr-filters{margin-bottom:9px}.fr-filters button{min-height:30px}
 #fighter-room .fr-card{height:160px;aspect-ratio:auto}#fighter-room .fr-name strong{font-size:19px}#fighter-room .fr-name{bottom:10px}.locker-room #fr-roster{gap:9px}.fr-dock{padding-top:7px}.fr-dock strong{font-size:20px;margin:2px 0}.fr-dock span{display:none}#fighter-room #fr-use{min-height:38px;padding:9px 16px}.fr-dock small{font-size:7px}
 #fighter-room .fr-preview{height:210px}#fighter-room .fr-details{padding:16px}#fighter-room .fr-details h3{font-size:25px}.locker-room .fr-swatches .fr-action{min-height:34px;font-size:10px;padding:6px 8px}
}
@media(orientation:landscape) and (max-height:330px){
 body.art-menus.compact-lobby:not(.playing) #app{min-height:330px}.selected-fighter-row{min-height:49px;grid-template-columns:40px minmax(0,1fr) auto}#selected-fighter-portrait{width:40px;height:49px}#selected-fighter-name{font-size:17px}#selected-fighter-level{display:none}.selected-fighter-copy>.label{font-size:7px}
 .locker-room .fr-header small,.locker-room .fr-header .dialog-build{display:none}.locker-room .fr-header{min-height:32px}#fighter-room.locker-room .fr-header h2{font-size:22px}#fighter-room.locker-room[open]{gap:5px}
}
.fr-mobile-build{display:none}.fr-dock strong{color:#f6f4ec}
@media(orientation:portrait) and (max-width:610px){.fr-mobile-build{display:inline}}
.fr-guide-link{margin:0 0 18px;color:#f5dba5!important}