/* GP013 RC · shared usability with cabinet-specific colour, art and typography retained. */
button,a,input,textarea,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #87f3ff!important;outline-offset:4px!important}
button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.65)}
.site-bar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.site-actions .icon-button,.site-actions button,.top-button{min-height:36px}
.screen:not(#fight-screen):not(#arcade-screen){overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#697cc4 #10142b;scrollbar-width:thin}
.modal-wrap,.modal-backdrop,.modal-overlay{overflow:auto;padding:20px max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom))}
[aria-modal=true]>div{max-height:calc(100dvh - 40px);overflow:auto}
body[data-cabinet=street-litigator] #fighter-screen{padding-bottom:82px}
body[data-cabinet=street-litigator] .fighter-layout{min-height:410px;height:auto;max-width:1400px;margin:auto}
body[data-cabinet=street-litigator] .fighter-card small{font-size:7px;line-height:1.3;color:#d1eafc}
body[data-cabinet=street-litigator] .fighter-card b{font-size:10px;line-height:1.25}
body[data-cabinet=street-litigator] .fighter-dossier p{font-size:10px;line-height:1.6}
body[data-cabinet=street-litigator] .select-actions{position:sticky;bottom:-68px;background:linear-gradient(transparent,#11163d 20%);padding:14px 0 6px;margin-top:12px}
.record-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;gap:8px;padding:12px 15px;border:2px solid var(--record-accent,#ffe06a);background:#172352;color:#fff5d6;font:800 11px/1.5 ui-monospace,monospace;text-decoration:none;cursor:pointer;box-shadow:3px 3px 0 #000;letter-spacing:.04em}
.record-button:hover{background:#9b2040}.record-button:active{transform:translateY(2px);box-shadow:1px 1px 0 #000}
body[data-cabinet=moral-kontempt]{--record-accent:#ff5273}
body[data-cabinet=x-parte]{--record-accent:#73e9ff}
.record-menu{position:relative;z-index:5;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px auto 12px}
#record-result{margin:18px auto 0;padding:16px;border-top:2px solid var(--record-accent,#ffe06a);max-width:680px;text-align:center;background:rgba(3,6,20,.42)}
.record-points{font:900 24px/1.3 ui-monospace,monospace;color:var(--record-accent,#ffe06a)}
.record-verdict{font-size:11px!important;color:#fff2ce!important}.record-context{font-size:10px!important;line-height:1.6;color:#c0cbea!important}
.record-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.record-dialog{width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;color:#f7f2df;background:linear-gradient(145deg,#18224f,#0b0d1f);border:3px solid var(--record-accent,#ffe06a);box-shadow:10px 10px 0 #000;overflow:auto;font:12px/1.7 ui-monospace,monospace;text-align:center}
.record-dialog::backdrop{background:rgba(1,3,12,.84);backdrop-filter:blur(5px)}
.record-dialog h2{font:900 clamp(26px,6vw,42px)/1.05 Impact,sans-serif;margin:12px 0 18px;color:var(--record-accent,#ffe06a)}
.record-dialog .record-close{position:sticky;top:-24px;z-index:2;margin-bottom:14px;background:#101a3d;border-color:#748ecb;font-size:10px}
.record-dialog input{width:100%;padding:13px;border:2px solid #758bcc;background:#070b20;color:#e1edff;font:12px/1.4 monospace;margin:10px 0 16px}
.record-kicker{color:var(--record-accent,#ffe06a);font-size:11px;letter-spacing:.06em}
.record-share-image{display:block;width:min(270px,100%);height:auto;margin:20px auto 8px;border:1px solid #7281b7}
.record-trophies{margin:15px 0;max-height:250px;overflow:auto;border:1px solid #6d7aa6;padding:10px}
#record-toast{position:fixed;z-index:15000;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 24px);width:max-content;padding:14px 18px;border:2px solid #ffe064;background:#10172f;color:#fff3b0;font:800 11px/1.6 monospace;text-align:center;pointer-events:none}
#record-case{position:absolute;z-index:20;top:116px;left:50%;transform:translateX(-50%);padding:6px 10px;background:#090e27dc;color:#fff0ac;border-bottom:2px solid var(--record-accent,#ffe06a);font:800 9px/1.4 monospace;max-width:90%;text-align:center;pointer-events:none}
.volume-control{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;color:#d9e7ff;font:800 11px/1.4 monospace}.volume-control input{min-height:32px;max-width:200px;accent-color:#ffe064}
.record-onboard{font:700 10px/1.8 ui-monospace,monospace;color:#d0def3;text-align:center;max-width:480px;margin:10px auto;padding:8px 12px;background:#070c26aa;border-left:3px solid var(--record-accent,#ffe06a)}
body[data-cabinet=street-litigator] #title-screen .title-copy,body[data-cabinet=moral-kontempt] #title-screen .title-copy{padding-bottom:100px}
body[data-cabinet=street-litigator] .result-card,body[data-cabinet=x-parte] .result-card{margin:18px auto;padding:24px}
.result-screen.active{align-items:start}
.result-stats{max-width:100%;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important}
.result-stats span{min-width:0;padding:10px 4px!important;font-size:10px!important;overflow-wrap:anywhere}
body[data-cabinet=moral-kontempt] #result-screen{padding-bottom:24px}
body[data-cabinet=moral-kontempt] .record-menu{margin-bottom:65px}
.lan-connect textarea,.signal-card textarea{font-size:12px!important;line-height:1.4}
.lan-inline button,.signal-card button,.lan-tabs button{min-height:40px;font-size:10px!important}
.lan-status p,.lan-heading>p:last-child,.lan-footer p{font-size:11px!important;line-height:1.5}
.signal-card img{background:#fff;padding:6px;object-fit:contain}
@media(max-width:760px){
  .result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-brand small{display:none}.site-actions{gap:4px}.site-actions a{display:none}.top-button{font-size:9px!important;padding:8px!important}.site-bar{gap:6px}
  .site-brand b{font-size:15px!important}.site-actions button{min-width:36px}
  .screen:not(#fight-screen):not(#arcade-screen){padding-bottom:26px}
  body[data-cabinet=street-litigator] #title-screen .title-copy{padding-bottom:120px}
  body[data-cabinet=street-litigator] .fighter-layout{display:flex;flex-direction:column;min-height:0;height:auto;gap:14px}
  body[data-cabinet=street-litigator] .fighter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px}
  body[data-cabinet=street-litigator] .fighter-card{min-height:100px}.fighter-card small{font-size:7px!important}
  body[data-cabinet=street-litigator] .fighter-card canvas{height:72px}
  body[data-cabinet=street-litigator] .fighter-dossier{grid-template-columns:110px minmax(0,1fr);padding:10px;gap:10px}
  body[data-cabinet=street-litigator] .select-actions{bottom:-10px;left:auto;right:auto;margin:12px 0 0;gap:6px;flex-wrap:wrap}
  body[data-cabinet=street-litigator] .select-actions button{font-size:10px;min-height:44px}
  .record-menu{gap:8px}.record-menu .record-button{font-size:9px;padding:10px}
  .record-points{font-size:21px}.record-dialog{padding:18px 14px}.record-actions .record-button{flex:1 1 130px}
  #record-case{top:92px;font-size:8px;white-space:normal}
  body[data-cabinet=x-parte] .title-copy{padding-bottom:20px}
  body[data-cabinet=x-parte] .controls-hint{font-size:10px;line-height:1.8}
  body[data-cabinet=x-parte] .title-actions button{font-size:10px;min-height:48px}
  body[data-cabinet=x-parte] .fighter-grid{height:auto;overflow:visible}.fighter-card .select-tip{font-size:9px}
  [aria-modal=true]>div{max-height:calc(100dvh - 28px)}
  .lan-layout{grid-template-columns:1fr!important}.lan-fighter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px),(pointer:coarse),(max-width:1100px) and (max-height:500px){
  .touch-controls,.mobile-controls{display:block!important;bottom:env(safe-area-inset-bottom);touch-action:none}
  .joystick,.attack-pad button,.action-pad button,.touch-controls .action{touch-action:none;-webkit-user-select:none;user-select:none}
}
@media(max-width:760px) and (orientation:portrait){
  body[data-cabinet=street-litigator] .touch-controls{height:210px;bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#070b20bb)}
  body[data-cabinet=street-litigator] .joystick{width:112px;height:112px;left:12px;bottom:30px}
  body[data-cabinet=street-litigator] .attack-pad{width:208px;right:8px;height:170px;bottom:0}
  body[data-cabinet=street-litigator] .attack-pad button{width:62px;height:58px;font-size:15px}.attack-pad button small{font-size:7px!important}
  body[data-cabinet=street-litigator] .attack-pad .lp{left:0;top:10px}.attack-pad .hp{left:66px;top:0}.attack-pad .lk{left:18px;top:78px}.attack-pad .hk{left:86px;top:74px}
  body[data-cabinet=street-litigator] .attack-pad .file{left:142px;top:36px;width:62px;height:66px}
  body[data-cabinet=street-litigator] .fight-shell canvas{height:auto;width:100%;position:absolute;top:100px;max-height:calc(100% - 250px);object-fit:contain}
  body[data-cabinet=street-litigator] .orientation-recovery{display:none!important}
  body[data-cabinet=street-litigator] .fight-coach{bottom:205px;max-width:94%;font-size:9px}
  body[data-cabinet=street-litigator] .override-button{bottom:186px;max-width:94%;font-size:12px}
  body[data-cabinet=street-litigator] .desktop-controls{display:none}
  body[data-cabinet=street-litigator] .announcer{top:100px;bottom:auto;height:calc(100vw * .5625)}
  body[data-cabinet=street-litigator] .announcer b{font-size:55px;-webkit-text-stroke:1px #e33045}
  body[data-cabinet=street-litigator] .announcer small,body[data-cabinet=street-litigator] .announcer span{font-size:8px;line-height:1.5}
  body[data-cabinet=street-litigator] .fight-coach{font:800 10px/1.5 ui-monospace,monospace}
  body[data-cabinet=street-litigator] .attack-pad button small{font:700 7px/1.25 ui-monospace,monospace!important;letter-spacing:0;margin-top:3px;padding:0 2px}
  body[data-cabinet=street-litigator] .fight-hud{grid-template-columns:1fr 68px 1fr;left:8px;right:8px;gap:4px}.hud-name{font-size:9px!important}.hud-center small{font-size:6px!important}
  body[data-cabinet=x-parte] #fight-canvas{position:absolute;top:95px;bottom:auto;width:100%;height:auto;max-height:calc(100% - 250px)}
  body[data-cabinet=x-parte] .mobile-controls{height:195px;background:linear-gradient(transparent,#060a20cc)}
  body[data-cabinet=x-parte] .joystick{width:108px;height:108px;left:12px;bottom:35px}
  body[data-cabinet=x-parte] .action-pad{width:208px;right:8px;bottom:25px;display:flex;gap:5px}
  body[data-cabinet=x-parte] .action-pad button{width:64px;height:66px;min-width:0;font-size:10px;position:static}.action-pad button small{font-size:7px}
  body[data-cabinet=x-parte] .hud{grid-template-columns:minmax(80px,1fr) minmax(90px,1fr) auto auto;gap:4px;left:6px;right:6px}.hud-button{font-size:8px;padding:6px;min-height:40px}.center-hud small{font-size:7px}.player-hud b{font-size:8px}
}
@media(orientation:landscape) and (max-height:500px){
  .site-bar{height:42px}.screen{top:42px}body[data-cabinet=x-parte] .screen{top:0}
  #record-case{top:62px;font-size:7px}.record-menu{margin:8px auto}
  .joystick{width:96px!important;height:96px!important;left:max(12px,env(safe-area-inset-left))!important;bottom:12px!important}
  .attack-pad{transform:scale(.73);transform-origin:right bottom;right:max(10px,env(safe-area-inset-right))!important}
  body[data-cabinet=street-litigator] .fight-coach{max-width:360px;bottom:16px}.fight-coach p{font-size:8px}
  .record-dialog{max-height:calc(100dvh - 16px)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}dialog::backdrop{backdrop-filter:none}}

/* The floor flows from heading to cabinets to launch. It must never crop its marquee. */
body[data-cabinet=arcade],body[data-cabinet=arcade] html{height:auto;min-height:100dvh;overflow:auto}
body[data-cabinet=arcade] #app{position:relative;min-height:100dvh;padding-top:58px}
body[data-cabinet=arcade] .site-bar{height:58px}
body[data-cabinet=arcade] #arcade-screen{position:relative;inset:auto;min-height:calc(100dvh - 58px);height:auto;padding:24px 24px 20px;background:radial-gradient(ellipse at 50% 0,#263b7e,transparent 65%),linear-gradient(#101632,#0a1029);overflow:hidden}
body[data-cabinet=arcade] .arcade-heading{position:relative;z-index:2;margin:0 auto 22px;padding:0;transform:none;top:auto;left:auto;right:auto;text-align:center}
body[data-cabinet=arcade] .arcade-heading h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:0;text-shadow:4px 4px #cc3159,7px 7px #080e24}
body[data-cabinet=arcade] .arcade-heading .kicker{font-size:10px;margin:0 0 12px;color:#82eafb;letter-spacing:.18em}
body[data-cabinet=arcade] .arcade-heading>p:last-child{display:block;font-size:11px;line-height:1.6;margin:15px 0 0;color:#c3d0eb}
body[data-cabinet=arcade] .cabinet-row{height:auto;min-height:0;position:relative;display:flex;justify-content:center;align-items:end;gap:26px;padding:18px 12px 28px;max-width:1180px;margin:auto;overflow:visible}
body[data-cabinet=arcade] .cabinet{flex:0 1 280px;width:280px;min-width:0;max-width:315px;height:440px;transform:none;scroll-snap-align:center}
body[data-cabinet=arcade] .cabinet[aria-selected=true]{transform:translateY(-6px);outline:2px solid #87ebff;outline-offset:5px;filter:drop-shadow(8px 12px 0 #0007) drop-shadow(0 0 14px #87ebff55)}
body[data-cabinet=arcade] .cabinet-marquee{height:94px;padding:10px 8px}.cabinet-marquee em{line-height:1.3}
body[data-cabinet=arcade] .cabinet-marquee b{font-size:25px;line-height:.94}
body[data-cabinet=arcade] .cabinet-plinth b{font-size:10px;line-height:1.3}
body[data-cabinet=arcade] .cabinet-plinth small{font-size:8px;line-height:1.5;color:#c1cfea}
body[data-cabinet=arcade] .book-variant>strong{font-size:24px}
body[data-cabinet=arcade] .cabinet-switcher{position:relative;left:auto;bottom:auto;transform:none;margin:12px auto 0;grid-template-columns:44px minmax(0,1fr) 44px auto;padding:12px;width:min(950px,100%);gap:12px}
body[data-cabinet=arcade] .cabinet-selection-copy small,body[data-cabinet=arcade] .cabinet-selection-copy span{font-size:9px;line-height:1.5;white-space:normal}
body[data-cabinet=arcade] .cabinet-selection-copy b{font-size:23px;line-height:1.1;white-space:normal}
body[data-cabinet=arcade] .cabinet-launch{font-size:12px;letter-spacing:.06em;grid-column:auto;min-height:48px}
body[data-cabinet=arcade] .arcade-footer{position:relative;left:auto;right:auto;bottom:auto;max-width:950px;margin:22px auto 0;font-size:9px;line-height:1.5}
@media(max-width:760px){
 body[data-cabinet=arcade] #arcade-screen{padding:22px 12px 20px}
 body[data-cabinet=arcade] .arcade-heading .kicker{font-size:8px}
 body[data-cabinet=arcade] .arcade-heading h1{font-size:42px}
 body[data-cabinet=arcade] .arcade-heading>p:last-child{max-width:330px;margin:12px auto;font-size:10px}
 body[data-cabinet=arcade] .cabinet-row{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;gap:24px;margin:0 -12px;padding:15px calc((100vw - 240px)/2) 25px}
 body[data-cabinet=arcade] .cabinet{flex:0 0 240px;width:240px;min-width:240px!important;height:390px}
 body[data-cabinet=arcade] .cabinet-marquee{height:84px;padding:10px;border-width:6px}
 body[data-cabinet=arcade] .cabinet-marquee b{font-size:23px}.cabinet-marquee small{font-size:8px!important}.cabinet-marquee em{font-size:6px!important}
 body[data-cabinet=arcade] .cabinet-shell{border-width:7px;padding:12px 14px 7px}.cabinet-screen{border-width:7px}
 body[data-cabinet=arcade] .book-variant{padding:8px;border-width:2px}.book-variant>small{font-size:5px!important}
 body[data-cabinet=arcade] .book-variant>em{font-size:5px!important}.cover-series{font-size:4px!important}
 body[data-cabinet=arcade] .cabinet-controls{min-height:55px;gap:8px}.cabinet-controls i{width:12px!important;height:36px!important;box-shadow:0 -10px 0 3px #d92743!important}.cabinet-controls b{width:16px!important;height:16px!important;border-width:3px!important}
 body[data-cabinet=arcade] .coin-slot{font-size:7px;border-width:1px;padding:4px 10px}
 body[data-cabinet=arcade] .cabinet-plinth{min-height:62px;padding:9px;border-width:6px}.cabinet-plinth small{display:block!important}
 body[data-cabinet=arcade] .cabinet-switcher{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:0;padding:10px}
 body[data-cabinet=arcade] .cabinet-selection-copy b{font-size:17px}.cabinet-selection-copy span{font-size:8px!important}
 body[data-cabinet=arcade] .cabinet-launch{grid-column:1/-1}
 body[data-cabinet=arcade] .arcade-footer{display:flex;justify-content:center;font-size:8px}.arcade-footer b{display:none}
}

/* Phone menus stay in document flow; settings never sit over the record. */
@media(max-width:760px) and (orientation:portrait){
 body[data-cabinet=moral-kontempt] #title-screen.active{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 16px 30px;gap:18px}
 body[data-cabinet=moral-kontempt] .title-menu{width:100%;margin:0;min-width:0;gap:10px}
 body[data-cabinet=moral-kontempt] .title-menu .pixel-button{font:800 13px/1.4 ui-monospace,monospace;min-height:56px;padding:12px}
 body[data-cabinet=moral-kontempt] .title-menu .pixel-button small{font:700 10px/1.5 ui-monospace,monospace;margin-top:4px;color:#dfd2e6}
 body[data-cabinet=moral-kontempt] .record-menu{margin:8px auto}
 body[data-cabinet=moral-kontempt] .difficulty-picker,body[data-cabinet=moral-kontempt] .depravity-picker,body[data-cabinet=moral-kontempt] .moore-fun-banner,body[data-cabinet=moral-kontempt] .book-promo{position:relative;inset:auto;transform:none;width:100%;max-width:100%;margin:0;flex-shrink:0}
 body[data-cabinet=moral-kontempt] .difficulty-picker,body[data-cabinet=moral-kontempt] .depravity-picker{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:8px;font:800 10px/1.5 monospace;overflow:visible}
 body[data-cabinet=moral-kontempt] .difficulty-picker button,body[data-cabinet=moral-kontempt] .depravity-picker button{min-height:44px;font:800 11px/1.4 monospace;padding:8px}
 body[data-cabinet=moral-kontempt] .moore-fun-banner{font:700 10px/1.5 monospace;padding:12px}
 body[data-cabinet=moral-kontempt] .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body[data-cabinet=moral-kontempt] .character-card canvas{max-height:120px;object-fit:contain}
 body[data-cabinet=moral-kontempt] .character-card b{font:800 11px/1.5 ui-monospace,monospace;white-space:normal;min-height:32px}
 body[data-cabinet=moral-kontempt] .dossier-copy>p{font:700 11px/1.5 monospace}
 body[data-cabinet=moral-kontempt] .move-list p{font:700 10px/1.5 monospace}
 body[data-cabinet=moral-kontempt] .character-dossier{grid-template-columns:90px minmax(0,1fr)}
 body[data-cabinet=moral-kontempt] .fighter-stats div{grid-template-columns:75px 1fr}
 body[data-cabinet=moral-kontempt] .select-actions .pixel-button{font:800 10px/1.4 monospace;min-height:48px}
 body[data-cabinet=moral-kontempt] #game-canvas{position:absolute;top:110px;width:100%;height:auto;max-height:calc(100% - 300px);object-fit:contain}
 body[data-cabinet=moral-kontempt] .announcer{top:calc(110px + 28vw)}
 body[data-cabinet=moral-kontempt] .fight-coach{bottom:205px;width:90%;padding:9px}
 body[data-cabinet=moral-kontempt] .fight-coach span{font:700 10px/1.5 monospace}
 body[data-cabinet=moral-kontempt] .combat-doctrine{top:65px;max-width:94%;font:700 10px/1.5 monospace}
 body[data-cabinet=moral-kontempt] .combat-doctrine span{font:700 8px/1.5 monospace}
 body[data-cabinet=moral-kontempt] .combat-doctrine small{display:none}
 body[data-cabinet=moral-kontempt] .special-context{bottom:185px;max-width:94%;white-space:normal;font:700 10px/1.5 monospace}
 body[data-cabinet=moral-kontempt] .touch-controls{height:175px}
 body[data-cabinet=moral-kontempt] .joystick{width:108px;left:12px;bottom:15px}
 body[data-cabinet=moral-kontempt] .action-pad{width:195px;height:165px;right:10px;bottom:10px}
 body[data-cabinet=moral-kontempt] .action{width:62px}
 body[data-cabinet=moral-kontempt] .action small{font:700 8px/1.3 monospace}
}

@media(max-width:760px) and (orientation:portrait){
 body[data-cabinet=x-parte] .select-head{height:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
 body[data-cabinet=x-parte] .select-head h2{font-size:32px;line-height:1.05;margin:8px 0}
 body[data-cabinet=x-parte] .select-head p{font:700 10px/1.6 monospace}
 body[data-cabinet=x-parte] .fighter-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 body[data-cabinet=x-parte] .fighter-card{grid-template-columns:1fr;grid-template-rows:100px auto;gap:8px;padding:10px}
 body[data-cabinet=x-parte] .portrait{width:90px;min-height:100px;margin:auto}
 body[data-cabinet=x-parte] .fighter-copy{min-width:0;text-align:center}
 body[data-cabinet=x-parte] .fighter-copy strong{font:1000 18px/1.1 Impact,sans-serif;min-height:40px}
 body[data-cabinet=x-parte] .fighter-copy small{font:700 9px/1.4 monospace}
 body[data-cabinet=x-parte] .fighter-copy i{font:700 9px/1.4 monospace;padding:5px}
 body[data-cabinet=x-parte] .fighter-copy span{display:none}
}

body[data-cabinet=x-parte][data-screen="fight"]:before{display:none!important}
body[data-cabinet=x-parte] .result-card{position:relative;left:auto;top:auto;transform:none;max-width:calc(100% - 24px)}
@media(max-width:760px),(pointer:coarse),(max-width:1100px) and (max-height:500px){
 body[data-cabinet=x-parte] .hud>.hud-button:first-of-type{display:block;min-width:44px}
 body[data-cabinet=x-parte] .mobile-controls{position:absolute;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));pointer-events:none;z-index:30}
 body[data-cabinet=x-parte] .mobile-controls .joystick{position:absolute;pointer-events:auto}
 body[data-cabinet=x-parte] .mobile-controls .action-pad{position:absolute;pointer-events:auto}
 body[data-cabinet=x-parte] .mobile-controls .action-pad button{touch-action:none}
 body[data-cabinet=x-parte] .mobile-controls .action-pad small{font:700 8px/1.3 monospace}
}
@media(max-width:760px) and (orientation:portrait){
 body[data-cabinet=x-parte] .hud{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto auto}
 body[data-cabinet=x-parte] .mobile-controls{height:195px}
 body[data-cabinet=x-parte] .mobile-controls .joystick{width:108px;height:108px;left:12px;bottom:28px}
 body[data-cabinet=x-parte] .mobile-controls .action-pad{width:208px;right:8px;bottom:25px;display:flex;gap:5px}
 body[data-cabinet=x-parte] .mobile-controls .action-pad button{width:64px;height:66px;min-width:0;font-size:10px}
}

.record-quip{font:900 14px/1.5 ui-monospace,monospace!important;color:var(--record-accent,#ffe06a)!important}.record-button[aria-pressed=true]{background:#d4ab39;color:#101329;border-color:#fff3bc}.record-actions .record-button:first-child{background:#bd234b;color:#fff;border-color:#ffbe61}
@media(min-width:761px) and (max-height:850px){
 body[data-cabinet=arcade] #arcade-screen{padding-top:14px}
 body[data-cabinet=arcade] .arcade-heading{margin-bottom:10px}
 body[data-cabinet=arcade] .arcade-heading h1{font-size:54px}
 body[data-cabinet=arcade] .arcade-heading .kicker{font-size:8px;margin-bottom:8px}
 body[data-cabinet=arcade] .arcade-heading>p:last-child{font-size:10px;margin-top:10px}
 body[data-cabinet=arcade] .cabinet{height:390px;flex-basis:245px;width:245px}
 body[data-cabinet=arcade] .cabinet-row{padding-top:12px;padding-bottom:18px}
 body[data-cabinet=arcade] .cabinet-marquee{height:76px;padding:8px}.cabinet-marquee b{font-size:22px!important}
 body[data-cabinet=arcade] .cabinet-plinth{min-height:52px;padding:7px}
 body[data-cabinet=arcade] .cabinet-switcher{margin-top:6px;padding:9px}
 body[data-cabinet=arcade] .arcade-footer{margin-top:14px}
}

@media(max-width:760px) and (max-height:700px){
 body[data-cabinet=arcade] #arcade-screen{padding-top:14px}
 body[data-cabinet=arcade] .arcade-heading{margin-bottom:6px}
 body[data-cabinet=arcade] .arcade-heading h1{font-size:36px}
 body[data-cabinet=arcade] .arcade-heading>p:last-child{margin:8px auto;font-size:9px}
 body[data-cabinet=arcade] .cabinet-row{padding-top:10px;padding-bottom:16px}
 body[data-cabinet=arcade] .cabinet{height:300px;width:220px;min-width:220px!important;flex-basis:220px}
 body[data-cabinet=arcade] .cabinet-marquee{height:65px;padding:7px}.cabinet-marquee b{font-size:20px!important}
 body[data-cabinet=arcade] .cabinet-shell{padding:8px;min-height:0}
 body[data-cabinet=arcade] .cabinet-controls{min-height:35px}
 body[data-cabinet=arcade] .cabinet-plinth{min-height:44px;padding:5px}
 body[data-cabinet=arcade] .cabinet-row{padding-left:calc((100vw - 220px)/2);padding-right:calc((100vw - 220px)/2)}
 body[data-cabinet=arcade] .arcade-footer{margin-top:10px}
}
@media(orientation:landscape) and (max-height:500px){
 body[data-cabinet=arcade] .cabinet-switcher{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto;z-index:20;background:#101934f5}
 body[data-cabinet=arcade] .arcade-heading{margin-bottom:6px}
 body[data-cabinet=arcade] .arcade-heading h1{font-size:34px}
 body[data-cabinet=arcade] .arcade-heading>p:last-child{display:none}
 body[data-cabinet=arcade] .cabinet{height:250px}
 body[data-cabinet=arcade] .cabinet-row{padding-bottom:90px}
}
.record-quickstart{width:100%;border-color:#fff2ae;background:linear-gradient(#edbe45,#ad6b17);color:#121526;font-size:14px;min-height:54px}
body[data-cabinet=x-parte] .title-actions .record-quickstart{grid-column:1/-1;font-size:13px}

body[data-cabinet=street-litigator] .fight-shell:has(.override-button:not([hidden])) .fight-coach{display:none}

body[data-cabinet=x-parte] .title-actions .record-quickstart{background:linear-gradient(#edbe45,#ad6b17);color:#101425;border:3px solid #fff1b1;font-weight:900;min-height:58px}

body[data-cabinet=arcade] .cabinet-marquee,body[data-cabinet=arcade] .cabinet-plinth{flex-shrink:0}body[data-cabinet=arcade] .cabinet-shell{min-height:0}body[data-cabinet=arcade] .cabinet-screen{min-height:80px;flex:1;aspect-ratio:auto}body[data-cabinet=arcade] .cabinet-controls{flex:0 0 55px}
@media(max-width:760px) and (max-height:700px){body[data-cabinet=arcade] .cabinet-controls{flex-basis:35px}}

@media(orientation:landscape) and (max-width:1100px) and (max-height:500px){
 body[data-cabinet=x-parte] .mobile-controls{height:150px}
 body[data-cabinet=x-parte] .mobile-controls .action-pad{right:max(14px,env(safe-area-inset-right));bottom:14px;left:auto;width:auto;display:grid;grid-template-columns:repeat(3,58px);gap:6px}
 body[data-cabinet=x-parte] .mobile-controls .action-pad button{width:58px;height:58px}
 body[data-cabinet=x-parte] .mobile-controls .action-pad .power{grid-column:auto}
 body[data-cabinet=x-parte] .mobile-controls .joystick{left:max(14px,env(safe-area-inset-left));bottom:14px}
}