/* Two playable experiences; one shared RockyHub visual language. */
body:not(.playing) #app{grid-template-areas:'header header' 'nav nav' 'experiences experiences' 'arena fighters' 'goal goal' 'setup setup' 'footer footer'}
body:not(.playing) #app>.topbar{grid-area:header}
body:not(.playing) #app>.lobby-nav{grid-area:nav}
body:not(.playing) #app>.comparison{grid-area:compare}
body:not(.playing) #app>.experience-select{grid-area:experiences}
body:not(.playing) #app>.arena{grid-area:arena}
body:not(.playing) #app>.fighter-select{grid-area:fighters}
body:not(.playing) #app>.next-goal-card{grid-area:goal}
body:not(.playing) #app>.understage{grid-area:setup}
body:not(.playing) #app>footer{grid-area:footer}
.topbar{position:sticky;top:0;z-index:30;background:#09090bf5;backdrop-filter:blur(12px)}
.brand small{display:block!important;font-size:10px;letter-spacing:.45px;color:#d4bc79}
.edition{white-space:nowrap}
.dialog-build{display:block;position:sticky;top:-10px;z-index:4;width:max-content;padding:5px 9px;margin:0 0 12px;border:1px solid #62532e;border-radius:7px;background:#1a1710;color:#e8c66e;font:700 10px Arial,sans-serif;letter-spacing:.6px}
.experience-select{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.experience-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:138px;padding:18px 22px;border:1px solid #393c46;border-radius:18px;text-align:left;background:#161a22;color:#fff}
.experience-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2;opacity:.75;transition:opacity .2s}
.experience-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c12f5,#080c1299 58%,#080c1210)}
.rba-card>img{object-position:80% 47%}
.experience-tag{display:block;font-size:8px;letter-spacing:1.3px;color:#cfb575;margin-bottom:14px}
.experience-copy strong{display:block;font-size:26px;font-style:italic;font-weight:900;letter-spacing:-.8px;line-height:1.1}
.experience-copy strong>span{color:#f73941}
.experience-copy small{display:block;font-size:11px;color:#bbbfc9;margin-top:8px}
.experience-check{display:none;position:absolute;top:15px;right:15px;width:23px;height:23px;border-radius:50%;background:var(--gold);color:#17130b;place-items:center;font-size:13px}
.experience-card[aria-pressed=true]{border-color:#e0b958;box-shadow:inset 0 0 0 1px #e0b95850}
.experience-card[aria-pressed=true] .experience-check{display:grid}
.experience-card:hover{border-color:#e6c673}
.experience-card:hover>img{opacity:1}
.playing .experience-select,.playing .next-goal-card{display:none}
body[data-experience=rba] .menu>.key-art{display:block;object-fit:cover;object-position:center;height:100%;width:100%;opacity:.85}
body[data-experience=rba] .menu>.apk-keyart{display:none}
body[data-experience=rba] .menu:after{background:linear-gradient(90deg,#080a12f5 0%,#080a12c4 31%,#080a1230 72%),linear-gradient(0deg,#080a12b3,transparent 55%)}
body[data-experience=rba] .energy-track,body[data-experience=rba] .pad-up{display:none}
body[data-experience=rba] .energy-row{min-height:12px}
body[data-experience=rba] .guard-track{height:5px;margin-top:4px}
.next-goal-card{display:flex;align-items:center;gap:20px;padding:22px 26px;border:1px solid #5b4b26;border-radius:18px;background:linear-gradient(110deg,#292516,#121419)}
.goal-symbol{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #78613b;border-radius:13px;color:#ebc66a;font-size:25px;background:#332a1744}
.next-goal-copy{flex:1;min-width:0}
.next-goal-copy .eyebrow{font-size:8px;letter-spacing:1.4px;color:#e6c777;margin:0 0 8px}
.next-goal-copy h2{font:800 20px/1.15 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-.3px;margin:0}
.next-goal-copy>p:last-child{font-size:11px;line-height:1.5;color:#a6a9b4;margin:8px 0 0}
.goal-actions{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:190px}
.goal-actions .secondary{padding:11px 16px;min-height:43px;border-color:#6d5a30;background:#2b2619;color:#f2d484;font-size:10px}
.goal-actions .text-button{font-size:10px;color:#b5ae9d;min-height:30px}
.experience-rules{grid-column:1/-1;margin:0;border:1px solid #343842;background:#191b22;border-radius:10px;padding:12px 14px;font-size:11px;line-height:1.7;color:#adb3c1}
.arena-options[data-count='3']{grid-template-columns:repeat(3,minmax(0,1fr))}
.arena-options[data-count='3'] .arena-card-copy{left:10px;right:7px}
.arena-options[data-count='3'] .arena-card-copy strong{font-size:13px}
.choice-check{font-size:13px}
.preflight{grid-template-columns:1.4fr .8fr 1fr;gap:20px}
.preflight .arena-choice{min-width:0}
.result-rules{font-size:9px!important;line-height:1.5;color:#b8a879!important;letter-spacing:.2px}
.combo-practice{margin-top:14px;border:1px solid #716039;border-radius:9px;padding:10px 13px;color:#efd28a;background:#302819;min-height:40px;font-size:11px}
.combo-practice:hover{background:#40351f;border-color:#dbb763}
.training-choices button.completed .drill-index{border-color:#498170;color:#91d7ba;background:#203d32}
.training-choices button.completed:not([aria-pressed=true]){border-color:#35584f}
.mode-records{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 24px}
.mode-record{padding:15px;border:1px solid #383d49;border-radius:12px;background:#191d27}
.mode-record.current{border-color:#ac8c43;background:#2b251a}
.mode-record strong{display:block;font-size:14px;color:#f3d38c}
.mode-record span{display:block;font-size:11px;line-height:1.6;margin-top:7px;color:#b3bdcc}
.fight-goals-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.fight-goal{padding:15px;background:#171d26;border:1px solid #343e4d;border-radius:12px}
.fight-goal h4{font-size:13px;margin:0 0 8px}
.fight-goal p{font-size:11px;line-height:1.5;color:#a5b0c0;min-height:34px;margin:0 0 12px}
.fight-goal progress{width:calc(100% - 46px);height:6px;accent-color:#edbd50}
.fight-goal>span{display:inline-block;width:42px;text-align:right;color:#d6ba7b;font-size:10px}
.fight-goal.complete{border-color:#3b7a63}
.fight-goal.complete h4{color:#9ae7c4}
.help-mode-note{font-size:12px;line-height:1.6;color:#d2ba82;max-width:90%;margin:0 0 18px}
@media(max-width:1100px) and (min-height:551px){.preflight{grid-template-columns:1fr 1fr}.preflight .arena-choice{grid-column:1/-1}.arena-options[data-count='3'] .arena-card-copy strong{font-size:15px}}
@media(max-width:800px) and (min-height:551px){
 body:not(.playing) #app{grid-template-areas:'header' 'nav' 'experiences' 'fighters' 'arena' 'goal' 'setup' 'footer'}
 .experience-card{padding:16px;min-height:125px}.experience-copy strong{font-size:22px}.experience-copy small{font-size:10px}
 .next-goal-card{gap:14px;padding:18px}.goal-actions{min-width:155px}
}
@media(max-width:600px) and (min-height:551px){
 .brand small{font-size:8px;margin-top:5px}.experience-select{gap:9px}
 .experience-card{padding:13px 12px;min-height:121px;border-radius:14px}.experience-tag{font-size:6px;letter-spacing:.6px;margin-bottom:16px;max-width:90px;line-height:1.6}
 .experience-copy strong{font-size:19px;letter-spacing:-.5px}.experience-copy small{font-size:8px;line-height:1.5;max-width:100px;margin-top:6px}
 .experience-check{width:17px;height:17px;font-size:10px;top:10px;right:10px}
 body[data-experience=rba] .menu>.key-art{height:72%;object-position:60% 25%;opacity:1}
 body[data-experience=rba] .menu:after{background:linear-gradient(0deg,#080a12 15%,#080a12e8 34%,#080a1244 65%,transparent 85%)}
 .next-goal-card{padding:18px 15px;gap:12px;flex-wrap:wrap}.goal-symbol{width:33px;height:33px;font-size:21px;border-radius:9px}
 .next-goal-copy h2{font-size:18px}.next-goal-copy>p:last-child{font-size:10px}.goal-actions{width:100%;display:flex;flex-direction:row;align-items:center;min-width:0;gap:12px}.goal-actions .secondary{flex:1;padding:10px;font-size:9px}.goal-actions .text-button{font-size:9px}
 .preflight{grid-template-columns:1fr;gap:21px}.arena-options[data-count='3']{grid-template-columns:1fr 1fr}.arena-options[data-count='3'] .arena-card:last-child{grid-column:1/-1;height:125px}
 .arena-options[data-count='3'] .arena-card-copy strong{font-size:14px}.experience-rules{padding:11px;font-size:10px}
 .mode-records,.fight-goals-list{grid-template-columns:1fr}.mode-record{padding:12px}.fight-goal p{min-height:0}.dialog-build{font-size:9px}
 .help-mode-note{font-size:11px;max-width:100%}
}
@media(max-height:550px) and (orientation:landscape){
 body:not(.playing) #app{grid-template-areas:'header header' 'nav nav' 'experiences experiences' 'fighters arena' 'goal goal' 'setup setup'}
 .brand small{font-size:8px;margin-top:3px}.topbar{height:44px}
 .experience-select{gap:8px}.experience-card{min-height:53px;padding:9px 12px;border-radius:11px;display:flex;align-items:center;gap:12px}
 .experience-tag{font-size:6px;max-width:65px;line-height:1.5;margin:0}.experience-copy strong{font-size:18px;letter-spacing:-.4px}.experience-copy small{font-size:8px;margin-top:4px}.experience-check{top:8px;right:9px;width:16px;height:16px;font-size:10px}
 body:not(.playing) #app>.arena{height:max(198px,calc(100dvh - 170px));min-height:0}
 body:not(.playing) #app>.fighter-select{padding:10px}.fighter-card{min-height:48px}.fighter-card img{height:48px}.fighter-select-heading{margin-bottom:6px}.fighter-choice-note{margin-top:7px}.fighter-choice-note p{display:none}.fighter-choice-note button{margin-top:0;min-height:32px}
 .menu{padding:12px 17px}.menu h1,body[data-fighters=apk] .menu h1{font-size:35px;line-height:.91}.menu .bout{margin:7px 0 9px;padding-top:7px;font-size:12px}.menu .loading{display:none}.menu .menu-links .text-button{min-height:25px;padding:5px 0;font-size:9px}.menu .menu-links{gap:0 12px}
 .next-goal-card{padding:12px 15px;gap:13px;border-radius:12px}.next-goal-copy .eyebrow{font-size:7px;margin-bottom:5px}.next-goal-copy h2{font-size:17px}.next-goal-copy>p:last-child{font-size:9px;margin-top:5px}.goal-symbol{width:33px;height:33px;font-size:20px}.goal-actions{min-width:165px}.goal-actions .secondary{min-height:36px;padding:8px 10px;font-size:9px}.goal-actions .text-button{min-height:24px;font-size:9px}
 .preflight{grid-template-columns:1fr 1fr;gap:16px}.preflight .arena-choice{grid-column:1/-1}.arena-options[data-count='3']{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-card{height:134px}.arena-options[data-count='3'] .arena-card-copy strong{font-size:14px}
 .dialog-build{top:-12px;font-size:8px;padding:4px 7px;margin-bottom:9px}.training-choices button{min-height:46px}.training-layout{gap:16px}
}

@media(max-height:550px) and (orientation:landscape){
 body:not(.playing) #app>.arena.load-failed{min-height:240px}
 .load-failed .menu .loading{display:block;margin-top:5px;font-size:10px!important;line-height:1.5;color:#efd28a}
}