@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;font-family:sans-serif;color:#e5f3fc;background:#081023}#root{width:100dvw;height:100dvh}.version-label{position:fixed;bottom:4px;right:6px;font-size:10px;opacity:.4}.rotate-screen{display:none}.main-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.game-container{width:min(90vw,900px);height:min(50vh,500px);background:#ffffff08;border-radius:12px}.player-panel{display:flex;gap:12px;align-items:center}.play-button{padding:12px 28px;border-radius:10px;background:#2e7d32;cursor:pointer}@font-face{font-family:NL_Ubuntu;src:url(/fonts/UBUNTU-MEDIUM.TTF) format("truetype");font-weight:500 800;font-display:swap}@font-face{font-family:NL_Lari;src:url(/fonts/Ubuntu-Regular_MKH.ttf) format("truetype");font-display:swap}.stepx-app{--bg-app: #0c1820;--bg-game: #001e28;--panel: #0f323e;--panel-2: #0b2731;--field: #03242f;--border: #1c4452;--text: #eaf6ff;--muted: #88a6b2;--cyan: #43d6ff;--green: #00ff88;--green-deep: #00af42;--red: #ff4d6a;--gold: #f9c20f;--blue: #2f9bd6;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;font-family:NL_Ubuntu,Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(900px 480px at 50% -8%,#103a4d,#103a4d00 60%),radial-gradient(700px 700px at 90% 110%,#0a2a36,#0a2a3600 55%),var(--bg-app)}.cur{font-family:NL_Lari,NL_Ubuntu,sans-serif;font-style:normal}.frame{width:min(460px,96vw);display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(180deg,#00283499,#00141cd9);border:1px solid rgba(120,200,255,.08);box-shadow:0 30px 80px -30px #000000e6,inset 0 1px #ffffff0a;box-sizing:border-box}.brand{display:flex;align-items:center;gap:8px;padding:2px 4px}.brand__glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(160deg,#ffd76a,var(--gold));color:#2a1a00;font-weight:800;box-shadow:0 6px 16px -6px #f9c20fb3}.brand__name{font-size:15px;font-weight:800;letter-spacing:.18em;color:#cdebf7}.board{border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;gap:14px;background:radial-gradient(120% 90% at 50% 0%,#43d6ff12,#0000 60%),linear-gradient(180deg,#06303d,#00141b);border:1px solid rgba(120,200,255,.12);box-shadow:inset 0 1px #ffffff0d,0 20px 50px -24px #000c;transition:box-shadow .3s ease,border-color .3s ease}.board--win{border-color:#00ff8873;box-shadow:0 0 70px -16px #0f86,inset 0 1px #ffffff0d}.board--lose{border-color:#ff4d6a66}.board__headline{text-align:center;padding-top:4px}.board__mult{font-size:clamp(46px,15vw,84px);font-weight:800;line-height:1;letter-spacing:-2px;color:var(--text);font-variant-numeric:tabular-nums;transition:color .25s ease,text-shadow .25s ease}.board__mult--playing{text-shadow:0 0 44px rgba(67,214,255,.25)}.board__mult--win{color:var(--green);text-shadow:0 0 60px rgba(0,255,136,.65)}.board__mult--lose{color:var(--red);text-shadow:0 0 44px rgba(255,77,106,.45)}.board__mult--idle{color:#4f6b78}.board__status{margin-top:8px;font-size:15px;color:#b6cedb;min-height:20px}.track{position:relative;padding:8px 2px 4px}.track__rail{position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,#78c8ff0d,#78c8ff2e,#78c8ff0d);border-radius:3px}.track__steps{position:relative;display:flex;gap:10px;overflow-x:auto;padding:14px 6px;scroll-behavior:smooth}.track__steps::-webkit-scrollbar{height:6px}.track__steps::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.step{position:relative;flex:0 0 auto;width:70px;height:80px;border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(120,200,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#9fb6c6;box-shadow:0 6px 14px -8px #0009;transition:all .22s ease}.step.is-reached{background:linear-gradient(180deg,#00ff8838,#00af421a);border-color:#00ff8873;color:var(--green)}.step.is-current{border-color:var(--green);box-shadow:0 0 22px #00ff8880;transform:translateY(-8px) scale(1.04)}.step.is-next{border-color:var(--gold);border-style:dashed;color:#ffe2a6;animation:stepx-pulse 1.1s ease-in-out infinite}.step__mult{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}.step__no{font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.step__marker{position:absolute;top:-7px;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}@keyframes stepx-pulse{0%,to{box-shadow:0 0 #f9c20f00}50%{box-shadow:0 0 18px #f9c20f80}}.panel{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(120,200,255,.08);box-shadow:inset 0 1px #ffffff0a}.balance{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;background:#03242fb3;border:1px solid var(--border)}.balance__label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.balance__value{font-size:20px;font-weight:800;color:var(--green);font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;color:var(--muted)}.field__control{display:flex;gap:6px}.amount-field{flex:1;min-width:0;text-align:center;font-family:inherit;font-size:16px;font-weight:700;color:var(--text);background:var(--field);border:1px solid var(--border);border-radius:10px;padding:11px 6px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.amount-field:focus{border-color:var(--green);box-shadow:0 0 0 3px #00ff8824}.amount-field.is-disabled{opacity:.6}.aux{flex:0 0 auto;width:46px;border:1px solid var(--border);background:#ffffff0a;color:#cfe3ee;border-radius:10px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s ease}.aux:hover:not(:disabled){background:#ffffff1a}.aux:disabled{opacity:.4;cursor:not-allowed}.bet-button{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;padding:15px;border:none;border-radius:14px;cursor:pointer;font-family:inherit;color:#03130b;background:linear-gradient(180deg,#00ff88,var(--green-deep));box-shadow:0 12px 28px -10px #00ff888c,inset 0 1px #fff6;transition:transform .1s ease,filter .15s ease}.bet-button:hover:not(:disabled){filter:brightness(1.07)}.bet-button:active:not(:disabled){transform:translateY(1px)}.bet-button:disabled{background:#ffffff12;color:#ffffff59;box-shadow:none;cursor:not-allowed}.bet-button__label{font-size:18px;font-weight:800;letter-spacing:.02em}.bet-button__amt{font-size:12px;opacity:.75;font-weight:700}.actions{display:flex;gap:10px}.action{flex:1;padding:15px 8px;border:none;border-radius:14px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:inset 0 1px #ffffff40;transition:transform .1s ease,filter .15s ease}.action:hover:not(:disabled){filter:brightness(1.08)}.action:active:not(:disabled){transform:translateY(1px)}.action:disabled{opacity:.45;cursor:not-allowed}.action__label{font-size:17px;font-weight:800}.action__sub{font-size:13px;opacity:.9;font-variant-numeric:tabular-nums}.action--step{background:linear-gradient(180deg,#57b6e8,var(--blue));color:#04223a;box-shadow:0 12px 26px -12px #2f9bd699,inset 0 1px #ffffff4d}.action--cashout{background:linear-gradient(180deg,#ffd76a,var(--gold));color:#2a1a00;box-shadow:0 12px 26px -12px #f9c20f99,inset 0 1px #fff6}.footer{display:flex;align-items:center;justify-content:space-between;padding:2px 6px}.footer__icons{display:flex;gap:10px}.ic{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:9px;background:#ffffff0d;color:#9fc0cf;cursor:pointer;transition:background .15s ease,color .15s ease}.ic:hover{background:#ffffff1a;color:#eaf6ff}.ic.is-off{color:#51707c;opacity:.7}.footer__rtp{font-size:12px;color:var(--muted);letter-spacing:.04em;background:#ffffff0a;padding:6px 10px;border-radius:8px}