/* Arcade UI v1: the in-run HUD borrows the lobby's purple/orange cabinet look. Delete this file and its <link> to revert. */
:root{--arc-ink:#12082b;--arc-purple:#2a1259;--arc-purple-hi:#4a2a9a;--arc-orange:#ffb93f;--arc-orange-lo:#ec782f;--arc-gold:#ffe67c;--arc-shadow:#0b0420;--arc-money:#5fd98a}
@keyframes arcade-marquee{to{background-position:12px 100%}}
:is(#viewport,.difficulty-transition-cover) .hud{background:linear-gradient(#12082bee,transparent)}
:is(#viewport,.difficulty-transition-cover) .floorinfo strong{color:var(--arc-gold);font-weight:800;font-size:30px;letter-spacing:2px;text-shadow:3px 3px 0 var(--arc-orange-lo),5px 5px 0 var(--arc-shadow)}
:is(#viewport,.difficulty-transition-cover) .floorinfo>span{color:#e8dcff}
:is(#viewport,.difficulty-transition-cover) .actions button{min-height:40px;padding:8px 11px;border:2px solid var(--arc-orange);border-radius:8px;clip-path:none;background:linear-gradient(var(--arc-purple-hi),var(--arc-purple));color:#fff3d6;font-size:12px;font-weight:800;text-shadow:0 1px 0 var(--arc-shadow);box-shadow:0 3px 0 var(--arc-orange-lo),0 5px 0 var(--arc-shadow)}
:is(#viewport,.difficulty-transition-cover) .actions button:active{transform:translateY(3px);box-shadow:0 0 0 var(--arc-orange-lo),0 2px 0 var(--arc-shadow)}
:is(#viewport,.difficulty-transition-cover) .wavehud{padding:6px 10px 13px;border:2px solid var(--arc-orange);border-left-width:6px;border-radius:0;background-color:#1d1040f0;background-image:radial-gradient(circle,var(--arc-gold) 0 1.6px,transparent 2.2px);background-size:12px 7px;background-repeat:repeat-x;background-position:0 100%;box-shadow:3px 3px 0 var(--arc-shadow);animation:arcade-marquee .8s steps(2) infinite}
:is(#viewport,.difficulty-transition-cover) .wavehud b{color:var(--arc-gold)}
:is(#viewport,.difficulty-transition-cover) .wavehud span{color:#e8dcff}
:is(#viewport,.difficulty-transition-cover) .bottomhud{padding:13px 10px 10px;border:2px solid var(--arc-orange);border-left-width:2px;background:#1d1040f5;color:#e8dcff;font-size:11px;box-shadow:3px 3px 0 var(--arc-shadow)}
:is(#viewport,.difficulty-transition-cover) .bottomhud::before{content:"";position:absolute;left:-2px;right:-2px;top:-9px;height:7px;background:repeating-linear-gradient(135deg,var(--arc-orange) 0 6px,var(--arc-purple) 6px 12px);pointer-events:none}
:is(#viewport,.difficulty-transition-cover) .bottomhud b{color:var(--arc-gold)!important;font-size:15px;text-shadow:2px 2px 0 var(--arc-shadow)}
:is(#viewport,.difficulty-transition-cover) .cashhud{color:var(--arc-money)!important;font-size:16px;text-shadow:2px 2px 0 var(--arc-shadow)}
@media(prefers-reduced-motion:reduce){:is(#viewport,.difficulty-transition-cover) .wavehud{animation:none}:is(#viewport,.difficulty-transition-cover) .actions button:active{transform:none}}