.maze-player-control{padding:8px;text-align:center;grid-column:1/-1;flex-shrink:0}
#maze-current-hero{display:block;color:#d9e0ed;font:12px/1.5 Arial,sans-serif;margin-bottom:5px}
#maze-replay{width:min(420px,94vw);max-height:90dvh;padding:24px 18px;color:#f6f3ff;background:#090b13;border:2px solid #00efff;border-radius:18px;box-shadow:0 0 30px #00efff55;text-align:center}
#maze-replay::backdrop{background:#02040bcc}
#maze-replay h2{font:20px/1.5 "Press Start 2P",monospace;color:#ff66ff;margin:0 0 16px}
#maze-replay p{font:15px/1.5 Arial,sans-serif;margin:0 0 20px}
.maze-replay-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.maze-player-control .retro-btn{width:100%;font-size:9px;line-height:1.5}
#maze-hero-picker{color:#f6f3ff;background:radial-gradient(ellipse at top,#242044,#090b13 70%);border:2px solid #00efff;border-radius:18px;width:min(940px,96vw);max-height:94dvh;padding:20px;box-shadow:0 0 40px #00efff55;overflow:auto}
#maze-hero-picker::backdrop{background:#02040be8;backdrop-filter:blur(5px)}
.maze-picker-heading{text-align:center}
.maze-picker-heading>p:first-child{font:10px/1.5 "Press Start 2P",monospace;color:#ffcf49;letter-spacing:2px;margin:0 0 10px}
.maze-picker-heading h2{font:clamp(17px,2.7vw,28px)/1.5 "Press Start 2P",monospace;color:#00efff;text-shadow:0 0 15px #00efff77;margin:0 0 12px}
#maze-picker-help,.maze-picker-footer p{font:14px/1.5 Arial,sans-serif;color:#c5c7d6;margin:6px 0 16px}
#maze-hero-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#maze-hero-options .maze-hero-choice{display:flex;flex-direction:column;align-items:center;background:#07090f;border:2px solid #41485e;border-radius:12px;color:#d9e0ed;cursor:pointer;padding:8px;box-shadow:none;min-width:0;text-transform:none}
#maze-hero-options .maze-hero-choice[aria-pressed=true]{border-color:#ffe055!important;background:#292214!important;box-shadow:0 0 16px #ffe05544!important;color:#ffe055!important}
#maze-hero-options .maze-hero-choice:focus-visible{outline:3px solid #fff;outline-offset:3px}
#maze-hero-options img{width:100%;height:clamp(150px,34dvh,290px);object-fit:contain;display:block}
#maze-hero-options span{font:10px/1.6 "Press Start 2P",monospace;padding:12px 0 5px;white-space:nowrap}
.maze-picker-footer{text-align:center;margin-top:16px}
.maze-picker-footer p{margin-bottom:10px}
#maze-hero-play{min-width:220px;min-height:46px;font-size:10px}
#maze-hero-play:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){
  #maze-hero-picker{padding:16px 12px;border-radius:12px}
  #maze-hero-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #maze-hero-options img{height:clamp(110px,20dvh,175px)}
  #maze-hero-options span{font-size:8px;padding:8px 0 2px}
  #maze-picker-help,.maze-picker-footer p{font-size:12px}
  .maze-player-control{padding:3px}
  .maze-player-control .retro-btn{min-height:32px;font-size:7px}
}
@media(max-height:500px) and (orientation:landscape){
  #maze-hero-picker{padding:10px 16px}
  .maze-picker-heading h2{font-size:16px;margin-bottom:4px}
  .maze-picker-heading>p:first-child{display:none}
  #maze-hero-options img{height:28dvh}
  #maze-picker-help{margin-bottom:8px;font-size:12px}
  .maze-picker-footer{margin-top:8px}
}