:root{--acid:#ccfe07;--ink:#0c0f09;--chalk:#f2f0df;--smoke:#242922}
.arcade{background:var(--ink);color:var(--chalk);padding:90px 0 110px;position:relative;overflow:hidden}
.arcade:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(204,254,7,.045) 50%,transparent 50.2%),linear-gradient(rgba(204,254,7,.035) 1px,transparent 1px);background-size:90px 100%,100% 38px;pointer-events:none}
.arcade-wrap{position:relative}.arcade-head{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:90px;margin-bottom:58px}.arcade h2{font:clamp(78px,9vw,132px)/.72 VT323;margin:0;letter-spacing:-4px;color:var(--acid)}
.scoreboard{position:relative;background:var(--acid);color:var(--ink);border:4px solid var(--chalk);padding:19px 22px 17px;box-shadow:12px 12px 0 #343b2b;transform:rotate(1deg)}.scoreboard:before,.scoreboard:after{content:"";position:absolute;width:9px;height:55px;background:var(--chalk);bottom:-55px}.scoreboard:before{left:36px}.scoreboard:after{right:36px}.scoreboard>span,.scoreboard small{font:8px Press;color:var(--ink)}.scoreboard strong{display:flex;align-items:baseline;gap:12px;font:70px/.9 VT323;margin:10px 0}.scoreboard strong b{font:inherit}.scoreboard strong i{font-style:normal;color:var(--ink)}.scoreboard .meter{border:2px solid var(--ink);height:13px;margin:12px 0}.scoreboard .meter b{height:100%;display:block;width:0;background:var(--ink)}
.street-machine{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,.72fr);min-height:700px;align-items:stretch;position:relative}
.street-art{position:relative;min-height:700px;background:var(--acid);overflow:hidden;display:grid;place-items:center;border:4px solid var(--acid)}.street-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(12,15,9,.07) 22px 25px)}.street-rays{position:absolute;width:650px;height:650px;border:4px solid var(--ink);border-radius:50%;box-shadow:0 0 0 38px var(--acid),0 0 0 42px var(--ink),0 0 0 84px var(--acid),0 0 0 88px var(--ink);animation:arcPulse 2.4s steps(6) infinite}.street-art img{position:relative;z-index:2;width:min(76%,510px);aspect-ratio:1;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(15px 15px 0 rgba(12,15,9,.28));animation:heroBob 1.8s steps(4) infinite}.street-floor{position:absolute;z-index:1;left:0;right:0;bottom:0;height:21%;background:var(--ink);clip-path:polygon(0 36%,100% 0,100% 100%,0 100%)}.street-art>p{position:absolute;z-index:3;bottom:24px;left:27px;margin:0;font:clamp(20px,2.3vw,35px)/.95 Press;color:var(--acid);transform:rotate(-2deg)}.sticker{position:absolute;z-index:4;background:var(--ink);color:var(--acid);font:10px Press;padding:12px;border:3px solid var(--acid)}.sticker-a{top:24px;left:22px;transform:rotate(-6deg)}.sticker-b{right:25px;top:26px;font-size:20px;transform:rotate(8deg)}
.mode-deck{background:#151a13;display:flex;flex-direction:column;min-width:0;position:relative;z-index:6;margin:72px 0 42px -52px;border:4px solid var(--acid);box-shadow:16px 16px 0 #343b2b;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:3px solid var(--acid)}.mode-tab{min-height:82px;background:transparent;color:var(--chalk);border:0;border-right:1px solid rgba(204,254,7,.35);text-align:left;padding:13px 15px;cursor:pointer}.mode-tab:last-child{border-right:0}.mode-tab small,.mode-tab span{display:block;font:8px Press;color:#8d967c}.mode-tab strong{display:block;font:28px/.9 VT323;margin:8px 0}.mode-tab span{display:none}.mode-tab.active{background:var(--acid);color:var(--ink)}.mode-tab.active small,.mode-tab.active span{color:var(--ink)}
.mode-screen{flex:1;display:flex}.mode-panel{width:100%;padding:38px 42px 28px;display:flex;flex-direction:column}.mode-panel[hidden]{display:none}.mode-title{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--acid);padding-bottom:18px;align-items:end}.mode-title span{font:11px Press;color:var(--acid)}.mode-title strong{font:32px Press;color:var(--acid)}.mode-panel>p{font:27px/1.04 VT323;max-width:540px;margin:24px 0;color:#dfe7cc}.bulb-track{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin:18px 0 26px}.bulb-track i{aspect-ratio:1;border-radius:50%;border:2px solid var(--acid);box-shadow:inset 0 0 0 5px var(--ink)}.bulb-track i.on{background:var(--acid);box-shadow:0 0 16px rgba(204,254,7,.65),inset 0 0 0 5px var(--acid)}.rush-time,.drop-total{display:flex;justify-content:space-between;align-items:center;border-block:1px solid rgba(204,254,7,.4);padding:18px 0;margin-top:auto}.rush-time span,.drop-total span{font:9px Press}.rush-time b{font:64px/.7 VT323;color:var(--acid)}.drop-total b{font:24px Press;color:var(--acid)}
.arcade-action,.press-pass{border:0;background:var(--acid);color:var(--ink);font:11px Press;min-height:58px;padding:16px;margin-top:20px;cursor:pointer}.arcade-action:disabled{opacity:.6}.press-pass{display:none}.press-pass span{font-size:22px}.arcade-status{font:18px/1 VT323;color:var(--ink);margin:0;padding:13px 22px;background:var(--chalk);border-top:3px solid var(--acid)}.chip-tray{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px 0}.chip-tray button{width:58px;height:58px;border:2px solid var(--acid);background:transparent;color:var(--acid);font:39px VT323;cursor:pointer}.chip{width:135px;height:135px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 7px var(--ink),0 0 0 10px var(--acid)}.chip b{font:65px/.7 VT323}.chip span{font:7px Press;margin-top:12px}
@keyframes heroBob{50%{transform:translateY(-10px)}}@keyframes arcPulse{50%{transform:scale(.96);opacity:.7}}
@media(max-width:850px){.arcade{padding:64px 0 75px}.arcade-head{grid-template-columns:1fr;gap:38px}.arcade h2{font-size:80px}.scoreboard{transform:none}.scoreboard:before,.scoreboard:after{display:none}.scoreboard strong{font-size:58px}.street-machine{grid-template-columns:1fr}.street-art{min-height:440px;border:3px solid var(--acid)}.street-art img{width:76%}.street-rays{width:420px;height:420px}.street-art>p{font-size:21px}.mode-deck{margin:-24px 12px 0;border-width:3px;box-shadow:9px 9px 0 #343b2b}.mode-tabs{grid-template-columns:1fr 1fr}.mode-tab{padding:12px;min-height:78px}.mode-tab strong{font-size:30px}.mode-panel{padding:30px 22px 24px}.mode-title{align-items:start;flex-direction:column}.mode-title strong{font-size:24px}.mode-panel>p{font-size:24px}.bulb-track{gap:5px}.rush-time b{font-size:54px}.press-pass{margin:0 22px}.arcade-status{margin:14px 22px 22px}.sticker{font-size:7px}.sticker-b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.street-rays,.street-art img{animation:none}}