/* Diamonds Outta Dirt Arcade v4.6.27
   Gameplay Screen Focus: mode-specific HUD, larger stage, ability dock,
   focus/fullscreen controls, compact notifications, and danger warnings. */

/* Keep the original values available to assistive technology, but remove the
   duplicate desktop status rows now represented inside the live game HUD. */
.arcade-shell-header{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.hp-track,.atk-track,.hp-hearts{display:none!important}

.arcade-shell{max-width:1440px}
.arcade-canvas-wrap{
  height:clamp(500px,72vh,760px);
  min-height:500px;
  border-radius:18px;
  border:1px solid rgba(105,255,205,.28);
  box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 34px rgba(0,255,157,.08);
  isolation:isolate;
}
.arcade-canvas-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -70px 90px rgba(0,0,0,.28);
}

/* Toolbar and view controls */
.arcade-stage-toolbar{
  justify-content:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap;
}
.arcade-stage-toolbar .arcade-music-player{min-width:0;flex:1 1 300px}
.arcade-view-controls{display:flex;align-items:center;gap:6px;margin-left:auto}
.arcade-view-btn{
  min-height:34px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(126,249,255,.35);
  background:rgba(3,10,14,.72);
  color:#bdf8ff;
  font:inherit;
  font-size:.46rem;
  letter-spacing:.08em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;
}
.arcade-view-btn span{font-size:.82rem;line-height:1}
.arcade-view-btn b{font-weight:700;white-space:nowrap}
.arcade-view-btn:hover,.arcade-view-btn:focus-visible{transform:translateY(-1px);border-color:#7ef9ff;box-shadow:0 0 16px rgba(90,235,255,.18);outline:none}
.arcade-view-btn.active{color:#06110d;background:linear-gradient(120deg,#78ffe0,#7edbff);border-color:transparent;box-shadow:0 0 18px rgba(90,235,255,.3)}

/* The original evolved HUD becomes a compact top-left identity/score cluster. */
.hud-evolution{
  inset:10px auto auto 10px!important;
  width:min(35%,380px);
  max-width:380px;
  gap:0!important;
  z-index:12!important;
}
.hud-evolution .hud-top-row{grid-template-columns:minmax(142px,1.45fr) 82px 76px!important;gap:6px!important}
.hud-evolution .hud-character-card{min-height:50px!important;padding:4px 7px!important;background:linear-gradient(180deg,rgba(4,16,19,.88),rgba(2,8,11,.72))!important}
.hud-evolution .hud-portrait-wrap{width:40px!important;height:40px!important;flex-basis:40px!important}
.hud-evolution .hud-character-copy small{font-size:.3rem!important}
.hud-evolution .hud-bars,
.hud-evolution .hud-special-name,
.hud-evolution .hud-status-row,
.hud-evolution .hud-run-build{display:none!important}

/* Current objective: always centered and specific to the selected mode. */
.gameplay-objective-hud{
  position:absolute;
  z-index:13;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:min(32%,430px);
  min-width:250px;
  padding:7px 12px 8px;
  border-radius:14px;
  border:1px solid rgba(112,255,207,.4);
  background:linear-gradient(180deg,rgba(5,18,20,.91),rgba(1,7,10,.76));
  box-shadow:0 8px 24px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  text-align:center;
  pointer-events:none;
  text-transform:uppercase;
}
.gameplay-objective-hud span{display:block;font-size:.39rem;letter-spacing:.2em;color:#83ffd4}
.gameplay-objective-hud strong{display:block;margin-top:2px;font-size:clamp(.66rem,1.2vw,.92rem);letter-spacing:.09em;color:#f4fffb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gameplay-objective-hud small{display:block;margin-top:3px;font-size:.34rem;letter-spacing:.075em;color:rgba(211,255,241,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gameplay-objective-hud[data-mode="runway"]{border-color:rgba(255,93,211,.55);background:linear-gradient(180deg,rgba(38,6,34,.92),rgba(7,5,20,.78))}
.gameplay-objective-hud[data-mode="runway"] span{color:#ff9ee3}
.gameplay-objective-hud[data-mode="boss-rush"],.gameplay-objective-hud.boss-active{border-color:rgba(255,85,112,.62);background:linear-gradient(180deg,rgba(45,5,12,.94),rgba(10,2,5,.8));box-shadow:0 8px 24px rgba(0,0,0,.42),0 0 20px rgba(255,45,80,.12)}
.gameplay-objective-hud[data-mode="boss-rush"] span,.gameplay-objective-hud.boss-active span{color:#ff9bae}

/* Primary state: HP/shield in Survival and outfit/grade in Runway. */
.gameplay-state-card{
  position:absolute;
  z-index:13;
  top:10px;
  right:10px;
  width:min(18%,210px);
  min-width:150px;
  min-height:58px;
  padding:7px 11px;
  border-radius:14px;
  border:1px solid rgba(93,255,176,.45);
  background:linear-gradient(180deg,rgba(5,20,15,.91),rgba(2,8,7,.76));
  box-shadow:0 8px 24px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  pointer-events:none;
  text-align:right;
  text-transform:uppercase;
}
.gameplay-state-card span{display:block;font-size:.38rem;letter-spacing:.18em;color:#83ffd4}
.gameplay-state-card strong{display:block;font-size:1rem;line-height:1.05;color:#eafff4}
.gameplay-state-card small{display:block;margin-top:3px;font-size:.33rem;letter-spacing:.07em;color:rgba(213,255,236,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gameplay-state-card[data-mode="runway"]{border-color:rgba(255,93,211,.55);background:linear-gradient(180deg,rgba(38,6,34,.92),rgba(7,5,20,.78))}
.gameplay-state-card[data-mode="runway"] span{color:#ff9ee3}
.gameplay-state-card.warning{border-color:#ffb74a;box-shadow:0 8px 24px rgba(0,0,0,.38),0 0 18px rgba(255,183,74,.2)}
.gameplay-state-card.critical{border-color:#ff4c68;background:linear-gradient(180deg,rgba(65,4,16,.94),rgba(15,2,7,.82));animation:dodGameplayCritical .72s ease-in-out infinite}

/* Boss information moves below the centered objective. */
.hud-boss{display:none!important}
.boss-encounter-hud{top:78px!important}

/* Compact, capped notifications. */
.hud-notifications{top:84px!important;right:10px!important;width:min(22%,230px)!important;z-index:15!important}
body.boss-encounter-active .hud-notifications{top:174px!important}
.hud-note{font-size:.42rem!important;padding:5px 8px!important;border-radius:9px!important}
.hud-note-refresh{animation:dodHudNoteRefresh .24s ease-out}

/* Bottom ability dock. It is informative only, so it never steals input. */
.gameplay-ability-dock{
  position:relative;
  z-index:14;
  width:min(66%,650px);
  margin:8px auto 0;
  transform:translateY(4px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  opacity:.58;
  pointer-events:none;
  transition:opacity .18s,transform .18s;
}
body.arcade-run-active .gameplay-ability-dock{opacity:1;transform:translateY(0)}
body.arcade-run-paused .gameplay-ability-dock{opacity:.45}
.gameplay-ability{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:6px;
  padding:7px 9px 10px;
  border-radius:12px;
  border:1px solid rgba(126,249,255,.3);
  background:linear-gradient(180deg,rgba(3,13,18,.9),rgba(1,5,8,.82));
  box-shadow:0 8px 20px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);
  color:#dffcff;
  text-transform:uppercase;
}
.gameplay-ability-key{min-width:34px;padding:3px 5px;border-radius:6px;background:rgba(255,255,255,.08);font-size:.31rem;letter-spacing:.06em;text-align:center;color:#aeeef5}
.gameplay-ability b{font-size:.43rem;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gameplay-ability strong{font-size:.38rem;color:#9fb9bf;white-space:nowrap}
.gameplay-ability>i{position:absolute;left:8px;right:8px;bottom:5px;height:2px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.gameplay-ability>i>em{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#45cfff,#7effd2);transition:width .12s linear}
.gameplay-ability[data-ability="special"]>i>em{background:linear-gradient(90deg,#a56dff,#ff75cf)}
.gameplay-ability.ready{border-color:rgba(111,255,204,.72);box-shadow:0 8px 20px rgba(0,0,0,.38),0 0 18px rgba(70,255,190,.18)}
.gameplay-ability.ready strong{color:#8dffd2}
.gameplay-ability[data-ability="special"].ready{border-color:rgba(255,117,207,.8);box-shadow:0 8px 20px rgba(0,0,0,.38),0 0 18px rgba(255,80,190,.2)}
.gameplay-ability[data-ability="special"].ready strong{color:#ff9ddd}

/* Gameplay score popups remain inside the canvas and above visual effects. */
.score-popup{z-index:16!important}

/* Mode-specific cleanup. */
body.mode-runway .hud-health-row,
body.mode-runway #hudShieldValue,
body.mode-runway #hudCoreValue{display:none!important}
body:not(.mode-runway) .runway-stage-strip{display:none!important}
.runway-stage-strip{margin-top:8px!important;border-radius:13px!important}
.survival-status-strip{margin-top:7px!important}

/* Focus mode removes website chrome while preserving game controls and status. */
body.arcade-focus-mode{background:#020405!important;overflow-x:hidden}
body.arcade-focus-mode .arcade-page{padding:8px!important}
body.arcade-focus-mode .arcade-shell{max-width:none!important;width:100%!important;margin:0!important;padding:8px!important}
body.arcade-focus-mode .arcade-title-row,
body.arcade-focus-mode .arcade-quick-nav,
body.arcade-focus-mode .arcade-controls-hint,
body.arcade-focus-mode .touch-toggle,
body.arcade-focus-mode .arcade-season-banner,
body.arcade-focus-mode .arcade-event-banner,
body.arcade-focus-mode .arcade-version-footer{display:none!important}
body.arcade-focus-mode .arcade-canvas-wrap{height:calc(100svh - 116px);min-height:520px;max-height:none}
body.arcade-focus-mode .arcade-stage-toolbar{margin-bottom:5px!important}

/* Native fullscreen expands the whole game shell, not just the canvas. */
.arcade-shell:fullscreen,.arcade-shell:-webkit-full-screen{
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  padding:8px!important;
  margin:0!important;
  overflow:auto!important;
  background:#020405!important;
}
.arcade-shell:fullscreen .arcade-title-row,.arcade-shell:-webkit-full-screen .arcade-title-row,
.arcade-shell:fullscreen .arcade-quick-nav,.arcade-shell:-webkit-full-screen .arcade-quick-nav,
.arcade-shell:fullscreen .arcade-controls-hint,.arcade-shell:-webkit-full-screen .arcade-controls-hint,
.arcade-shell:fullscreen .touch-toggle,.arcade-shell:-webkit-full-screen .touch-toggle,
.arcade-shell:fullscreen .arcade-version-footer,.arcade-shell:-webkit-full-screen .arcade-version-footer{display:none!important}
.arcade-shell:fullscreen .arcade-canvas-wrap,.arcade-shell:-webkit-full-screen .arcade-canvas-wrap{height:calc(100vh - 112px);min-height:520px;max-height:none}

/* Danger feedback is strong but does not block the playfield. */
body.arcade-hp-warning .arcade-canvas-wrap,
body.arcade-time-warning .arcade-canvas-wrap{border-color:rgba(255,184,76,.72);box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 24px rgba(255,174,68,.13)}
body.arcade-hp-critical .arcade-canvas-wrap,
body.arcade-time-critical .arcade-canvas-wrap{border-color:rgba(255,66,96,.9);animation:dodGameplayBorderPulse .72s ease-in-out infinite}

@keyframes dodGameplayBorderPulse{50%{box-shadow:0 22px 70px rgba(0,0,0,.5),0 0 34px rgba(255,44,82,.35)}}
@keyframes dodGameplayCritical{50%{filter:brightness(1.22)}}
@keyframes dodHudNoteRefresh{0%{transform:scale(.92)}100%{transform:scale(1)}}

@media(max-width:1000px){
  .arcade-canvas-wrap{height:clamp(470px,70vh,680px);min-height:470px}
  .hud-evolution{width:39%}
  .hud-evolution .hud-top-row{grid-template-columns:minmax(120px,1.35fr) 70px 66px!important}
  .hud-evolution .hud-character-copy small{display:none!important}
  .gameplay-objective-hud{width:34%;min-width:225px}
  .gameplay-state-card{min-width:135px;width:19%}
  .hud-notifications{width:min(25%,210px)!important}
  .gameplay-ability-dock{width:min(76%,620px)}
}

@media(max-width:700px){
  .arcade-shell{padding:8px!important}
  .arcade-canvas-wrap{height:clamp(430px,66svh,620px);min-height:430px;border-radius:14px}
  .arcade-stage-toolbar{gap:5px!important}
  .arcade-stage-toolbar .arcade-music-player{order:3;flex-basis:100%}
  .arcade-view-controls{margin-left:0}
  .arcade-view-btn{min-height:32px;padding:5px 8px}
  .arcade-view-btn b{display:none}
  .hud-evolution{inset:6px auto auto 6px!important;width:55%;max-width:260px}
  .hud-evolution .hud-top-row{grid-template-columns:minmax(104px,1.3fr) 62px 56px!important;gap:4px!important}
  .hud-evolution .hud-character-card{min-height:44px!important;padding:3px 5px!important}
  .hud-evolution .hud-portrait-wrap{width:34px!important;height:34px!important;flex-basis:34px!important}
  .hud-evolution .hud-character-copy span,.hud-evolution .hud-character-copy small,.hud-character-name-line i{display:none!important}
  .hud-evolution .hud-character-name-line strong{font-size:.45rem!important}
  .hud-score-card,.hud-combo-card{padding:4px!important}
  .hud-score-card strong,.hud-combo-card strong{font-size:.62rem!important}
  .gameplay-state-card{top:6px;right:6px;width:39%;min-width:118px;min-height:44px;padding:5px 7px}
  .gameplay-state-card strong{font-size:.78rem}
  .gameplay-state-card small{font-size:.27rem}
  .gameplay-objective-hud{top:58px;width:calc(100% - 12px);min-width:0;padding:5px 8px 6px}
  .gameplay-objective-hud strong{font-size:.62rem}
  .gameplay-objective-hud small{font-size:.27rem}
  .hud-boss{top:108px!important;width:calc(100% - 24px)!important}
  .boss-encounter-hud{top:106px!important}
  .hud-notifications{top:108px!important;right:6px!important;width:min(48%,185px)!important}
  body.boss-encounter-active .hud-notifications{top:181px!important}
  .hud-note{font-size:.34rem!important}
  .gameplay-ability-dock{width:calc(100% - 12px);gap:4px;margin-top:6px}
  .gameplay-ability{padding:6px 5px 9px;grid-template-columns:auto 1fr;gap:4px}
  .gameplay-ability-key{min-width:25px;font-size:.25rem;padding:2px 3px}
  .gameplay-ability b{font-size:.35rem}
  .gameplay-ability strong{grid-column:1/-1;text-align:right;font-size:.3rem;margin-top:-3px}
  body.arcade-focus-mode .arcade-canvas-wrap{height:calc(100svh - 164px);min-height:430px}
}

@media(max-width:430px){
  .hud-evolution{width:61%}
  .hud-evolution .hud-top-row{grid-template-columns:minmax(90px,1.2fr) 54px 50px!important}
  .hud-evolution .hud-character-card{min-width:0}
  .hud-character-copy{display:none!important}
  .hud-evolution .hud-portrait-wrap{margin:auto;width:32px!important;height:32px!important;flex-basis:32px!important}
  .gameplay-state-card{width:36%;min-width:105px}
  .gameplay-state-card small{display:none}
  .gameplay-objective-hud small{font-size:.24rem}
  .gameplay-ability-key{display:none}
  .gameplay-ability{grid-template-columns:1fr;text-align:center}
  .gameplay-ability strong{text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .gameplay-state-card.critical,
  body.arcade-hp-critical .arcade-canvas-wrap,
  body.arcade-time-critical .arcade-canvas-wrap{animation:none!important}
}

/* v4.6.27.1 — Start/menu separation and responsive screen correction.
   HUD and gameplay controls appear only during an active, unpaused run. */
.arcade-pause-end-run-btn[hidden]{display:none!important}

body.arcade-overlay-open .arcade-stage-toolbar,
body.arcade-overlay-open .hud-evolution,
body.arcade-overlay-open .gameplay-objective-hud,
body.arcade-overlay-open .gameplay-state-card,
body.arcade-overlay-open .hud-notifications,
body.arcade-overlay-open .gameplay-ability-dock,
body.arcade-overlay-open .arcade-controls-hint,
body.arcade-overlay-open .mobile-controls,
body.arcade-overlay-open .runway-stage-strip,
body.arcade-overlay-open .survival-status-strip,
body:not(.arcade-run-active) .hud-evolution,
body:not(.arcade-run-active) .gameplay-objective-hud,
body:not(.arcade-run-active) .gameplay-state-card,
body:not(.arcade-run-active) .hud-notifications,
body:not(.arcade-run-active) .gameplay-ability-dock,
body:not(.arcade-run-active) .mobile-controls,
body.arcade-run-paused .gameplay-ability-dock,
body.arcade-run-paused .mobile-controls{
  display:none!important;
}

/* The start/pause/results surface is now visually separate from the stage. */
.arcade-overlay{
  padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 50% 8%,rgba(0,255,157,.12),transparent 34%),
    linear-gradient(180deg,rgba(1,7,10,.985),rgba(0,2,5,.995));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.arcade-overlay .panel{
  width:min(560px,calc(100vw - 28px));
  max-height:min(88svh,780px);
  padding:18px;
  border-radius:20px;
  border-color:rgba(74,255,183,.42);
  background:linear-gradient(180deg,rgba(4,16,18,.985),rgba(1,6,9,.985));
  box-shadow:0 24px 80px rgba(0,0,0,.75),0 0 0 1px rgba(0,243,255,.06),0 0 34px rgba(0,255,157,.08);
}
.arcade-overlay .title{margin-bottom:12px;font-size:.78rem}
.arcade-overlay .stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px 10px;
  margin:0 0 12px;
  padding:10px;
  border:1px solid rgba(0,255,157,.15);
  border-radius:12px;
  background:rgba(0,0,0,.22);
  font-size:.58rem;
  line-height:1.35;
  letter-spacing:.08em;
}
.arcade-overlay .stats>div:nth-child(n+4){grid-column:1/-1}
body.arcade-start-menu .arcade-overlay .stats>div:nth-child(n+4){display:none!important}
body.arcade-start-menu .arcade-overlay .stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}
.arcade-overlay .name-entry{margin-bottom:10px}
.arcade-overlay .name-entry-input{max-width:300px;min-height:42px}
.arcade-overlay .mode-selector{gap:8px;margin:10px 0 7px}
.arcade-overlay .mode-btn{
  min-height:50px;
  padding:8px 6px;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.arcade-overlay .mode-btn-gauntlet:not(.active){
  background:rgba(0,0,0,.35);
  color:#57ffca;
  border-color:rgba(87,255,202,.45);
  box-shadow:inset 0 0 14px rgba(87,255,202,.06);
}
.arcade-overlay .mode-btn-gauntlet:not(.active):active,
.arcade-overlay .mode-btn-gauntlet:not(.active):focus-visible{
  background:rgba(0,0,0,.35);
  color:#57ffca;
  outline:none;
}
body.gauntlet-selected .arcade-overlay .mode-btn-gauntlet.active{
  background:#57ffca!important;
  color:#03100c!important;
  border-color:#57ffca!important;
  box-shadow:0 0 18px rgba(87,255,202,.38)!important;
}
.arcade-overlay .mode-btn.mode-btn-locked{
  opacity:.45;
  pointer-events:auto;
}
.arcade-overlay .mode-desc{max-width:460px;margin:0 auto 10px;line-height:1.4}
.arcade-overlay .row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.arcade-overlay .row .btn{width:100%;min-width:0;padding:9px 8px;letter-spacing:.1em;font-size:.56rem}
body.arcade-start-menu #arcadeOverlayStart,
body.arcade-pause-menu #arcadeOverlayStart,
body.arcade-results-menu #arcadeOverlayStart{grid-column:1/-1;min-height:44px}
body.arcade-start-menu #arcadePauseEndRunBtn{display:none!important}

/* The ability dock lives inside the canvas and never duplicates touch controls. */
.gameplay-ability-dock{
  position:absolute;
  left:50%;
  bottom:10px;
  width:min(60%,620px);
  margin:0;
  transform:translate(-50%,10px);
  opacity:0;
}
body.arcade-run-active:not(.arcade-run-paused):not(.arcade-overlay-open) .gameplay-ability-dock{
  display:grid!important;
  opacity:1;
  transform:translate(-50%,0);
}
body.touch-ui .arcade-controls-hint{display:none!important}
body.touch-ui:not(.arcade-run-active) .mobile-controls,
body.touch-ui.arcade-run-paused .mobile-controls,
body.touch-ui.arcade-overlay-open .mobile-controls{display:none!important}
body.touch-ui.arcade-run-active:not(.arcade-run-paused):not(.arcade-overlay-open) .mobile-controls{display:grid!important}

/* Compact active-game toolbar, especially on phones. */
@media(max-width:700px){
  .gameplay-ability-dock{display:none!important}
  .arcade-canvas-wrap{height:clamp(430px,68svh,640px);min-height:430px}
  .arcade-stage-toolbar{flex-wrap:nowrap!important;gap:5px!important;min-height:36px!important}
  .arcade-stage-toolbar .arcade-music-player{order:initial!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;justify-content:flex-start!important;padding:4px 5px!important}
  .arcade-stage-toolbar .arcade-music-player>span,
  .arcade-stage-toolbar .arcade-music-source-link{display:none!important}
  .arcade-stage-toolbar .arcade-music-player button{width:32px!important;height:30px!important;font-size:.78rem!important}
  .arcade-stage-toolbar .arcade-mute-btn{min-width:34px!important;width:34px!important;min-height:30px!important;padding:4px!important}
  .arcade-stage-toolbar .arcade-mute-label{display:none!important}
  .arcade-view-controls{margin-left:0!important;gap:4px!important}
  .arcade-view-btn{width:32px!important;min-width:32px!important;min-height:30px!important;padding:4px!important}
  .arcade-main-pause-btn{width:34px!important;flex-basis:34px!important;height:30px!important}

  /* Phone HUD: keep only score/combo on the left; character identity remains in the Hub. */
  .hud-evolution{width:42%!important;max-width:190px!important}
  .hud-evolution .hud-top-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hud-evolution .hud-character-card{display:none!important}
  .gameplay-state-card{width:39%!important;min-width:110px!important}

  .arcade-overlay{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}
  .arcade-overlay .panel{
    width:calc(100vw - 16px);
    max-height:calc(100svh - 16px);
    padding:12px 10px;
    border-radius:16px;
  }
  .arcade-overlay .title{font-size:.68rem;margin-bottom:8px}
  .arcade-overlay .name-entry{margin-bottom:8px}
  .arcade-overlay .name-entry-label{font-size:.48rem}
  .arcade-overlay .name-entry-input{max-width:100%;min-height:38px;padding:7px 8px;font-size:.68rem}
  .arcade-overlay .name-entry-change{font-size:.44rem}
  .arcade-overlay .stats{padding:8px 6px;font-size:.49rem;gap:4px;letter-spacing:.05em}
  .arcade-overlay .mode-selector{gap:5px;margin:8px 0 6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .arcade-overlay .mode-selector .mode-btn-gauntlet{grid-column:span 1}
  .arcade-overlay .mode-btn{min-height:46px;padding:6px 3px;font-size:.54rem;letter-spacing:.035em;touch-action:manipulation}
  .arcade-overlay .mode-desc{margin-bottom:8px;font-size:.49rem;line-height:1.35}
  .arcade-overlay .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}
  .arcade-overlay .row .btn{padding:9px 5px;font-size:.5rem;letter-spacing:.075em}
  body.arcade-start-menu #arcadeEnterSite{display:none!important}
}

@media(max-width:390px){
  .arcade-overlay .stats{font-size:.45rem}
  .arcade-overlay .mode-btn{font-size:.48rem}
  .arcade-overlay .row .btn{font-size:.46rem}
}