:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background:#0a0a0a;color:#fafafa;-webkit-tap-highlight-color:transparent}.arcade{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;overflow:hidden}.machine{width:100%;height:100%;max-width:56.25dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1e2e,#151520);overflow:hidden}.marquee{flex-shrink:0;background:linear-gradient(90deg,#2a1050,#4a2080,#2a1050);padding:1.2vw 2vw .8vw;text-align:center;position:relative;overflow:hidden}.marquee-lights{display:flex;justify-content:center;gap:1.5vw;margin-bottom:.8vw}.bulb{width:2vw;height:2vw;max-width:10px;max-height:10px;border-radius:50%;animation:blink 1.2s infinite alternate}.b0{background:#ff4060;animation-delay:0s}.b1{background:#40ffaa;animation-delay:.4s}.b2{background:#fc0;animation-delay:.8s}@keyframes blink{0%,40%{opacity:1;box-shadow:0 0 6px currentColor}50%,to{opacity:.3;box-shadow:none}}.title{font-size:clamp(1rem,4vw,1.6rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(90deg,#ff6090,#fc0,#60ffcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.game-window{position:relative;flex:1;min-height:0;width:100%;background:linear-gradient(180deg,#0d0d1a,#12122a 40%,#1a1530);border-top:2px solid #333;border-bottom:2px solid #333;overflow:hidden}.glass-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%,rgba(255,255,255,.01) 100%);pointer-events:none;z-index:10}.track{position:absolute;top:0;width:3px;height:6%;background:linear-gradient(180deg,#555,#333);border-radius:2px;z-index:1}.claw{position:absolute;width:40px;z-index:5;transition:none}.cable{width:3px;height:20px;background:#888;margin:0 auto;border-radius:1px}.head{width:40px;height:20px;position:relative;display:flex;justify-content:space-between}.finger{width:6px;height:28px;background:linear-gradient(180deg,#aaa,#777);border-radius:0 0 4px 4px;transition:transform .3s ease;transform-origin:top center}.head.open .finger.left{transform:rotate(-20deg)}.head.open .finger.right{transform:rotate(20deg)}.head.closed .finger.left{transform:rotate(-2deg)}.head.closed .finger.right{transform:rotate(2deg)}.held{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:clamp(24px,6vw,36px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:sway .8s ease-in-out infinite alternate}@keyframes sway{0%{transform:translate(-50%) rotate(-3deg)}to{transform:translate(-50%) rotate(3deg)}}.prize{position:absolute;width:48px;height:48px;font-size:clamp(24px,6vw,36px);display:grid;place-items:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));z-index:3;transition:none}.chute{position:absolute;bottom:6%;right:4%;width:56px;height:60px;background:linear-gradient(180deg,#2a2a3a,#1a1a28);border:2px solid #444;border-radius:6px 6px 0 0;display:grid;place-items:center;z-index:2}.chute-label{font-size:.55rem;font-weight:700;letter-spacing:.1em;color:#888;text-transform:uppercase}.floor{position:absolute;bottom:0;left:0;right:0;height:6%;background:linear-gradient(180deg,#252535,#1a1a28);border-top:2px solid #3a3a50;z-index:2}.info-bar{flex-shrink:0;display:flex;justify-content:space-around;padding:1.5vw 3vw;background:#111118;border-bottom:1px solid #222}.stat{font-size:clamp(.85rem,3vw,1.1rem);color:#aaa}.stat strong{color:#fff;font-size:clamp(1rem,3.5vw,1.25rem)}.msg{flex-shrink:0;text-align:center;padding:1.2vw 3vw;font-size:clamp(.75rem,2.5vw,.9rem);color:#ccc;min-height:28px;background:#111118}.controls{flex-shrink:0;display:flex;justify-content:center;gap:3vw;padding:2vw 3vw 3vw;background:#111118}.btn{font-family:inherit;font-weight:700;border:none;border-radius:12px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .1s,box-shadow .1s}.btn:active{transform:scale(.95)}.btn-dir{width:18vw;height:12vw;max-width:80px;max-height:56px;font-size:clamp(1.2rem,4vw,1.6rem);background:linear-gradient(180deg,#3a3a50,#252535);color:#ddd;border:2px solid #4a4a60}.btn-dir:hover{background:linear-gradient(180deg,#4a4a60,#353545)}.btn-drop{flex:1;height:12vw;max-height:56px;font-size:clamp(.9rem,3vw,1.2rem);letter-spacing:.1em;background:linear-gradient(180deg,#ff4060,#cc2040);color:#fff;border:2px solid #ff6080;box-shadow:0 4px 15px #ff40604d}.btn-drop:hover:not(:disabled){background:linear-gradient(180deg,#ff5070,#dd3050);box-shadow:0 4px 20px #ff406080}.btn-drop:disabled{background:#333;border-color:#444;color:#666;box-shadow:none;cursor:default}.btn-restart{display:block;margin:0 auto;padding:2.5vw 6vw;font-size:clamp(.85rem,3vw,1rem);letter-spacing:.08em;background:linear-gradient(180deg,#40aa60,#308040);color:#fff;border:2px solid #50cc70;box-shadow:0 4px 15px #40aa604d;flex-shrink:0}.btn-restart:hover{background:linear-gradient(180deg,#50bb70,#409050)}