@source not "../../../design";:root{--bg-0:#15110c;--bg-1:#1d1813;--bg-2:#2a2017;--concrete:#2b231b;--cabinet-cream:#e8dcc4;--cabinet-cream-shadow:#b8a684;--cabinet-cream-deep:#6f6149;--cabinet-side:#c9b890;--hot-pink:#ff2e6b;--hot-magenta:#c4185f;--warm-yellow:#f5b819;--warm-orange:#e87a1c;--crt-glow:#d6e4ff;--crt-bg:#0a0612;--neon-red:#ff3a2a;--neon-pink:#ff79b0;--neon-cyan:#4adef0;--ink:#0e0a06;--paper:#efe6d2;--rule:#e8dcc42e}.arcade-cabinet{font-family:var(--font-space-grotesk), sans-serif;-webkit-font-smoothing:antialiased;position:relative}.arcade-cabinet *{box-sizing:border-box}.arcade-cabinet .cabinet-wrap{transform-origin:50% 100%;width:min(560px,100%);margin:0 auto;padding-bottom:24px;position:relative}@media (max-width:380px){.arcade-cabinet .cabinet-wrap{transform:scale(.88)}}.arcade-cabinet .cab-shadow{filter:blur(4px);z-index:0;background:radial-gradient(#000000b3 0%,#0000 70%);width:110%;height:50px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.arcade-cabinet .cabinet{z-index:2;filter:drop-shadow(0 30px 40px #0000008c);position:relative}.arcade-cabinet .cab-body{background:linear-gradient(#f0e4cc 0%,#e1d2b0 50%,#c9b890 100%);border:3px solid #2a1a08;border-radius:14px;width:100%;margin:0 auto;padding:22px 30px 18px;position:relative;box-shadow:inset 0 0 0 2px #ffffff40,inset 8px 0 12px #0000001f,inset -8px 0 12px #0000001f}.arcade-cabinet .vents{opacity:.7;background:repeating-linear-gradient(#0000008c 0 3px,#0000 3px 6px);border-radius:4px;width:18px;height:280px;position:absolute;top:70px}.arcade-cabinet .vents.left{left:8px}.arcade-cabinet .vents.right{right:8px}.arcade-cabinet .crt-frame{aspect-ratio:4/3;background:#5b5040;border:6px solid #2a1a08;border-radius:22px/18px;width:100%;margin:12px auto 0;padding:16px;position:relative;box-shadow:inset 0 4px 8px #00000073,inset 0 -3px 6px #ffffff2e}.arcade-cabinet .crt-frame:before{content:"";z-index:0;background:linear-gradient(#4a4030 0%,#6b5d48 50%,#3a3022 100%);border-radius:18px/14px;position:absolute;inset:4px}.arcade-cabinet .crt{z-index:1;background:radial-gradient(#1a1226 0%,#0a0612 60%,#050208 100%);border-radius:18px/14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #000000d9,inset 0 0 0 2px #0a0a0a}.arcade-cabinet .crt:before{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:5;background:repeating-linear-gradient(#00000052 0 1px,#0000 1px 3px);position:absolute;inset:0}.arcade-cabinet .crt:after{content:"";pointer-events:none;z-index:6;background:radial-gradient(at 30% 18%,#ffffff1a,#0000 38%),radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.arcade-cabinet .screen-stage{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.arcade-cabinet .insert-line{font-family:var(--font-press-start), monospace;color:#fffbe6;letter-spacing:.04em;text-shadow:0 0 4px #fff,0 0 12px #f5b819,0 0 22px #e87a1c,0 0 40px #ff3a2a;margin:0;font-size:clamp(16px,2.6vw,26px);line-height:1.1}.arcade-cabinet .insert-line .yellow{color:var(--warm-yellow);text-shadow:0 0 4px #fff,0 0 12px #f5b819,0 0 22px #ff3a2a}.arcade-cabinet .press-line{font-family:var(--font-press-start), monospace;color:var(--neon-cyan);letter-spacing:.08em;text-shadow:0 0 4px #fff,0 0 10px #4adef0,0 0 20px #4adef0;animation:arcadeBlinkPress var(--blink-dur,1s) steps(2) infinite;margin:22px 0 0;font-size:clamp(10px,1.6vw,16px)}@keyframes arcadeBlinkPress{0%,49.999%{opacity:1}50%,to{opacity:0}}.arcade-cabinet .coin-line{font-family:var(--font-press-start), monospace;color:var(--neon-pink);letter-spacing:.1em;text-shadow:0 0 6px var(--neon-pink);font-size:9px;position:absolute;bottom:14px;left:18px}.arcade-cabinet .hi-score-line{font-family:var(--font-press-start), monospace;color:var(--warm-yellow);letter-spacing:.1em;text-shadow:0 0 6px var(--warm-yellow);font-size:9px;position:absolute;top:14px;left:18px}.arcade-cabinet .hi-score-line .num{color:#fff}.arcade-cabinet .round-line{font-family:var(--font-press-start), monospace;color:#fff;letter-spacing:.1em;text-shadow:0 0 6px #fff;font-size:9px;position:absolute;top:14px;right:18px}.arcade-cabinet .crt-flicker{z-index:7;pointer-events:none;mix-blend-mode:overlay;background:#ffffff0a;animation:7s infinite arcadeCrtFlicker;position:absolute;inset:0}@keyframes arcadeCrtFlicker{0%,96%,to{opacity:0}97%{opacity:.5}98%{opacity:0}99%{opacity:.3}}.arcade-cabinet .crt-rgb-shift{pointer-events:none;z-index:4;mix-blend-mode:screen;background:linear-gradient(90deg,#ff32320a,#32c8ff0a);position:absolute;inset:0}.arcade-cabinet .coin-row{grid-template-columns:1fr;align-items:center;gap:12px;max-width:220px;margin:18px 0 0;display:grid;position:relative}.arcade-cabinet .coin-slot{background:linear-gradient(#efe6cf 0%,#d4c39f 100%);border:2px solid #2a1a08;border-radius:4px;justify-content:center;align-items:center;height:110px;padding:6px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80}.arcade-cabinet .coin-slot .label{font-family:var(--font-bungee), sans-serif;color:#2a1a08;letter-spacing:.05em;font-size:10px;position:absolute;top:4px;left:6px}.arcade-cabinet .coin-slot .price{color:#ff3a2a;font-family:var(--font-vt323), monospace;letter-spacing:.04em;background:#2a0606;border-radius:2px;padding:2px 5px;font-size:14px;line-height:1;position:absolute;top:4px;right:6px}.arcade-cabinet .coin-mech{background:linear-gradient(#d6c79f 0%,#a08a5e 100%);border:2px solid #2a1a08;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:60%;height:56px;padding:8px 0;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.arcade-cabinet .coin-mech .slot{background:#0a0604;border-radius:1px;width:5px;height:26px;box-shadow:inset 1px 0 #000000b3}.arcade-cabinet .coin-mech .keyhole{background:#0a0604;border-radius:50%;width:6px;height:6px}.arcade-cabinet .instr{background:linear-gradient(#1a1410 0%,#2a2118 100%);border:2px solid #2a1a08;border-radius:4px;justify-content:center;align-items:center;height:38px;margin:12px 0 0;display:flex;position:relative;overflow:hidden}.arcade-cabinet .instr:before{content:"INSERT COIN — SUPPORT YOUR FIGHTER";font-family:var(--font-press-start), monospace;color:#f5b819b3;letter-spacing:.2em;font-size:10px}.arcade-cabinet .instr:after{content:"";pointer-events:none;border:1px solid #f5b81926;position:absolute;inset:4px}.arcade-cabinet .panel-wrap{background:linear-gradient(#efe6cf 0%,#c9b890 100%);border-top:3px solid #2a1a08;border-radius:0 0 11px 11px;margin:12px -30px -18px;padding:14px 30px 18px;position:relative}.arcade-cabinet .panel{background:linear-gradient(135deg,#ff2e6b 0%,#c4185f 35%,#4d0a2f 70%,#2a0a14 100%);border:2px solid #2a0a14;border-radius:6px;grid-template-columns:.9fr 1.4fr .9fr;align-items:center;height:110px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #00000059}.arcade-cabinet .panel:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#f5b8198c 36%,#0000 38%),linear-gradient(110deg,#0000 50%,#ffffff59 51%,#0000 53%),linear-gradient(110deg,#0000 60%,#f5b81966 61%,#0000 63%);position:absolute;inset:0}.arcade-cabinet .panel-zone{z-index:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.arcade-cabinet .panel-zone.left{flex-direction:column;gap:2px;padding:0 8px}.arcade-cabinet .panel-zone.right{padding-right:12px}.arcade-cabinet .stick{cursor:pointer;width:70px;height:70px;transform-style:preserve-3d;position:relative}.arcade-cabinet .stick .base{background:radial-gradient(at 50% 30%,#1a1410 0%,#0a0604 100%);border:1.5px solid #000;border-radius:50%;width:50px;height:14px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0006}.arcade-cabinet .stick .shaft{transform-origin:bottom;background:linear-gradient(90deg,#444 0%,#aaa 50%,#444 100%);border-radius:2px;width:12px;height:28px;transition:transform .2s cubic-bezier(.34,1.6,.64,1);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.arcade-cabinet .stick .ball{background:radial-gradient(circle at 30% 30%,#fff7c8 0%,#f5b819 35%,#c47a0a 75%,#6a3a04 100%);border:2px solid #2a1a08;border-radius:50%;width:38px;height:38px;transition:transform .2s cubic-bezier(.34,1.6,.64,1);position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset -3px -4px 6px #0006,0 4px 8px #00000080}.arcade-cabinet .stick:hover .ball{transform:translate(calc(4px - 50%),-2px)}.arcade-cabinet .stick:hover .shaft{transform:translate(calc(2px - 50%))rotate(4deg)}.arcade-cabinet .stick.smashed .ball{transform:translate(calc(10px - 50%),-4px)!important}.arcade-cabinet .stick.smashed .shaft{transform:translate(calc(6px - 50%))rotate(12deg)!important}.arcade-cabinet .btn-cluster{width:200px;height:90px;position:relative}.arcade-cabinet .arc-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 30% 28%,#fff5c8 0%,#f5b819 30%,#c47a0a 70%,#6a3a04 100%);border:2px solid #2a1a08;border-radius:50%;width:38px;height:38px;transition:transform 80ms,box-shadow 80ms;position:absolute;box-shadow:inset -3px -3px 5px #00000073,inset 3px 3px 5px #ffffff73,0 4px #2a1a08,0 5px 8px #0006}.arcade-cabinet .arc-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.arcade-cabinet .arc-btn:active,.arcade-cabinet .arc-btn.pressed{transform:translateY(3px);box-shadow:inset -3px -3px 5px #00000073,inset 3px 3px 5px #fff6,0 1px #2a1a08,0 1px 2px #0006}.arcade-cabinet .arc-btn.b1{top:8px;left:10px}.arcade-cabinet .arc-btn.b2{top:4px;left:60px}.arcade-cabinet .arc-btn.b3{top:8px;left:110px}.arcade-cabinet .arc-btn.b4{top:50px;left:35px}.arcade-cabinet .arc-btn.b5{top:46px;left:85px}.arcade-cabinet .arc-btn.b6{top:50px;left:135px}.arcade-cabinet .start-btn{cursor:pointer;color:#fff5c8;width:56px;height:56px;font-family:var(--font-bungee), sans-serif;text-shadow:1px 1px #500804;background:radial-gradient(circle at 30% 28%,#ffd5d5 0%,#ff3a2a 30%,#b8120a 70%,#500804 100%);border:2.5px solid #2a0a08;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:inset -4px -4px 6px #00000080,inset 4px 4px 6px #ffffff73,0 5px #2a0a08,0 7px 10px #00000080}.arcade-cabinet .start-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.arcade-cabinet .start-btn:active,.arcade-cabinet .start-btn.pressed{transform:translateY(4px);box-shadow:inset -3px -3px 5px #00000080,inset 3px 3px 5px #fff6,0 1px #2a0a08,0 1px 2px #0006}