:root{--slot-top: 46%;--slot-left: 50%;--slot-size: 58%;--dock-top: 87%;--dock-width: 78%;--dock-height: 18%;--play-size: clamp(60px, 10vw, 80px);--accent: #33ffa6;--accent2: #67d8ff;--text: #c8ffd4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#000;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-align:center;overflow:hidden}.page{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage{position:relative;width:min(95vw,500px);height:min(95vh,90%);background:center/contain no-repeat;border-radius:18px;box-shadow:0 12px 40px #0000008c;overflow:hidden}.machine-top-btn{position:absolute;top:5.5%;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;z-index:10;pointer-events:none}.disconnect-btn{pointer-events:auto;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001a12;font-weight:800;border:none;border-radius:12px;padding:8px 18px;cursor:pointer;box-shadow:0 0 14px #3cff7859;transition:transform .15s ease,filter .2s ease;font-size:clamp(13px,1.8vw,15px)}.disconnect-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.ball-slot{position:absolute;top:var(--slot-top);left:var(--slot-left);width:var(--slot-size);aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:3}.slot-spinner{width:86%;aspect-ratio:1/1;border-radius:50%;border:6px solid rgba(255,255,255,.13);border-top-color:#67d8fff2;border-right-color:#33ffa6cc;animation:spin 1s linear infinite,glowPulse 1.4s ease-in-out infinite}.result-ball{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.machine-dock{position:absolute;top:var(--dock-top);left:50%;width:var(--dock-width);height:var(--dock-height);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;z-index:7;background:transparent}.credit-display{font-size:clamp(16px,3vw,20px);font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#8aff9b;text-shadow:0 0 12px rgba(140,255,180,.4);margin-bottom:2px}.action-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.play-round{width:var(--play-size);height:var(--play-size);border-radius:50%;font-weight:900;text-transform:uppercase;background:#7d5fff;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 14px #7d5fff66;transition:transform .15s}.cashout{flex:1;border-radius:12px;background:#012015;color:#bfffd6;font-weight:800;border:none;box-shadow:inset 0 -4px #00000038,0 4px 10px #0006;cursor:pointer;transition:background .15s}.cashout:hover{background:#023a25}.cashout:active{transform:translateY(1px)}.deposit-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;margin-top:2px}.dock-input{flex:1;height:32px;padding:6px 10px;border-radius:8px;border:1px solid #2bd98f;background:#04150e;color:var(--text);text-align:center;font-size:13px;outline:none}.deposit-btn{height:32px;padding:0 14px;border-radius:10px;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001a12;border:none;box-shadow:0 4px 16px #33ffa640;cursor:pointer}.deposit-btn:hover{filter:brightness(1.05)}.glass{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(120% 80% at 50% -10%,#ffffff1f,#ffffff0560%,#fff090%),linear-gradient(to bottom right,#ffffff0d,#fff0)}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.confetti{position:absolute;top:-10px;width:6px;height:10px;border-radius:1px;opacity:.95;animation:fall 1.2s linear forwards}@keyframes fall{to{transform:translateY(120%);opacity:.9}}.btn{border:none;cursor:pointer;font-weight:800}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001a12;border-radius:8px}.btn.accent{background:#7d5fff;color:#fff;border-radius:50%}.status{margin-top:8px;font-size:1rem;color:#8aff9b;min-height:1.2em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%{box-shadow:0 0 22px #78ffb400 inset}50%{box-shadow:0 0 32px #78ffb459 inset}to{box-shadow:0 0 22px #78ffb400 inset}}@media (max-width:600px){.stage{width:94vw;height:95vh}.action-row{gap:6px}.dock-input{font-size:12px}.credit-display{font-size:16px}}#starfield{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-3}#starfield-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(closest-side,#0000,#000000a6)}.space-layers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2}.nebula{position:absolute;width:60vmax;height:60vmax;filter:blur(40px) saturate(140%);opacity:.28;mix-blend-mode:screen;border-radius:50%}.nebula.n1{left:-15vmax;top:-10vmax;background:radial-gradient(closest-side,#3EFE51 0%,transparent 70%)}.nebula.n2{right:-20vmax;top:-12vmax;background:radial-gradient(closest-side,#C0FF1C 0%,transparent 70%)}.nebula.n3{left:10vmax;bottom:-20vmax;background:radial-gradient(closest-side,#b78bfa 0%,transparent 70%);opacity:.22}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 20%,#0000 40%,#000);mask-image:radial-gradient(60% 60% at 50% 20%,#0000 40%,#000);background:conic-gradient(from 0deg,#3efe51aa,#c0ff1c66,#b78bfa55,#3efe51aa);filter:blur(60px) saturate(130%);opacity:.12}.play-round{width:var(--play-size);height:var(--play-size);border-radius:50%;background:#7d5fff;color:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;box-shadow:0 4px 14px #7d5fff66;font-family:inherit;text-align:center;transition:transform .15s}.play-round:hover{transform:scale(1.05)}.play-round:active{transform:scale(.97)}.play-text{font-weight:900;font-size:clamp(14px,2.2vw,18px);letter-spacing:.5px}.play-cost{font-size:clamp(10px,1.8vw,12px);color:#e8e4ff;opacity:.9;text-transform:uppercase}