/* Shared graphite surfaces, fine outlines and the portfolio's violet controls. */
#contact .contact-playground.arcade-panel{border-color:#655e7a;background:#0e0e14;box-shadow:inset 0 1px #ffffff0b}
.arcade-panel .shooter-field{border-color:#635a78;background:#0a0a0e;box-shadow:inset 0 0 0 1px #ffffff04}
.arcade-panel .shooter-hud{background:none;border-width:0 0 1px;border-color:#ffffff1c;border-radius:0;padding-inline:4px;padding-bottom:calc(14 * var(--game-unit))}
.arcade-panel .shooter-hud span{color:#aaa2bb;font-size:max(10px,calc(11 * var(--game-unit)))}
.arcade-panel .shooter-hud b{color:#f3f0f9}
.arcade-panel .shooter-stats{gap:calc(12 * var(--game-unit))}
.arcade-panel .shooter-stats>div{border-width:0 0 1px;border-color:#ffffff1c;border-radius:0;background:none;justify-content:space-between;padding:calc(10 * var(--game-unit)) 3px}
.arcade-panel .shooter-stats span{font-size:max(10px,calc(11 * var(--game-unit)));color:#b3aabd}
.arcade-panel .shooter-stats b{color:#d1c6fb}
.arcade-panel .shooter-overlay{background:linear-gradient(180deg,#0a0a0ebf,#0a0a0ee8 35%,#0a0a0eee);gap:calc(17 * var(--game-unit))}
.arcade-panel .shooter-overlay h4{font-size:calc(40 * var(--game-unit));letter-spacing:-.045em;line-height:1.05;color:#f4f1f9}
.arcade-panel .shooter-overlay p{font-size:max(12px,calc(14 * var(--game-unit)));color:#c4bbd2;max-width:46ch}
.arcade-panel .shooter-primary{min-height:44px;font-size:max(12px,calc(14 * var(--game-unit)))}
.arcade-panel .shooter-icon-button{background:#17151f;border-color:#ffffff30}
.arcade-panel .shooter-icon-button:not(:disabled):hover,.arcade-panel .shooter-auto:not(:disabled):hover{background:var(--control-active-bg);border-color:var(--control-active-border);box-shadow:var(--control-active-shadow);color:white}
.arcade-panel .shooter-auto:disabled{opacity:.35;cursor:default}
.arcade-panel .shooter-tools{flex-wrap:wrap;justify-content:flex-end;gap:7px}
.arcade-panel .shooter-tools p{flex:1 1 100%;max-width:none;margin-bottom:3px;color:#b3a9c3}
.arcade-panel .shooter-auto{min-height:36px;padding:9px 13px;font-size:max(10px,calc(11 * var(--game-unit)));background:#14121c}
.arcade-panel .shooter-auto[aria-pressed=true]{background:#7663dc25;border-color:#a89ae277;color:#e5dbff}
.arcade-panel .arcade-runline{margin:0;padding:0 3px;color:#c3b5e7;font:400 max(11px,calc(12 * var(--game-unit)))/1.4 'IBM Plex Mono',monospace;min-height:1.4em;letter-spacing:.025em}
.arcade-panel .arcade-legend{margin:0;color:#a99bb9;font:400 max(10px,calc(11 * var(--game-unit)))/1.45 'Manrope',sans-serif}
.arcade-panel .shooter-boss>span{font-size:max(10px,calc(11 * var(--game-unit)));color:#ebe2fa}
.arcade-panel .shooter-boss-track{height:5px;background:#eeeeff1c}
.arcade-panel .shooter-boss-track i{background:linear-gradient(90deg,#8b7aff,#c0b3ff)}
.arcade-panel .shooter-notice{top:calc(50 * var(--game-unit));color:#e2d8f5}
.arcade-panel .shooter-choices button{background:#19151f;border-color:#8f7dae66}
.arcade-panel .shooter-choices button:not(:disabled):hover{background:var(--control-active-bg);box-shadow:var(--control-active-shadow)}
@media(min-width:981px){
  .arcade-panel .shooter-field{aspect-ratio:2.4}
  .arcade-panel .shooter-tools{gap:calc(7 * var(--game-unit))}
  .arcade-panel .shooter-tools p{flex:1 1 210px;font-size:max(10px,calc(11 * var(--game-unit)))}
  .arcade-panel .arcade-runline{margin-block:calc(-3 * var(--game-unit))}
  .arcade-panel .arcade-game{gap:calc(11 * var(--game-unit))}
}
@media(max-width:980px){
  .arcade-panel .shooter-overlay h4{font-size:34px}
  .arcade-panel .shooter-overlay p{font-size:13px}
  .arcade-panel .shooter-field{aspect-ratio:1.85}
}
@media(max-width:600px){
  #contact .contact-playground.arcade-panel{scroll-margin-top:76px}
  .arcade-panel .shooter-field{aspect-ratio:1;min-height:300px}
  .arcade-panel .shooter-overlay h4{font-size:29px}
  .arcade-panel .shooter-overlay p{font-size:13px;line-height:1.55}
  .arcade-panel .shooter-stats{gap:7px}
  .arcade-panel .shooter-auto{flex:1;min-height:40px;padding-inline:7px;font-size:10px}
  .arcade-panel .shooter-tools p{font-size:12px;line-height:1.55}
  .arcade-panel .arcade-runline{font-size:11px}
  .arcade-panel .shooter-choices b{font-size:12px}
  .arcade-panel .shooter-choices span{font-size:11px}
  .arcade-panel .shooter-boss{left:8%;right:8%}
  .arcade-panel .shooter-icon-button{width:40px;height:40px}
}