:root{--midnight: #0a0a12;--midnight-2: #12121f;--felt: #0d3b2e;--felt-2: #0a2c22;--gold: #f5c542;--gold-dim: #b8922e;--up: #ff3b47;--down: #2b7fff;--text: #e9ecf5;--muted: #8b8fa8;--row-h: 88px;--rows-above: 6;--land: calc(var(--rows-above) * var(--row-h) * -1);--slot-h: 104px;--slot-rows: 6;--slot-land: calc(var(--slot-rows) * var(--slot-h) * -1);--led-font: "DS-Digital", "Share Tech Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans: "Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(#07070dcc,#07070de0),url(/casino-bg.jpg) center / cover no-repeat,var(--midnight);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.led{font-family:var(--led-font);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-feature-settings:"tnum" 1}.app{position:relative;height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;isolation:isolate}.bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 600px at 50% -8%,rgba(245,197,66,.08),transparent 60%),radial-gradient(900px 700px at 50% 120%,rgba(13,59,46,.55),transparent 65%),transparent;transition:background 1.2s ease}.app[data-mood=up] .bg-glow{background:radial-gradient(1200px 620px at 50% -8%,rgba(255,59,71,.14),transparent 62%),radial-gradient(900px 700px at 50% 120%,rgba(13,59,46,.5),transparent 65%),transparent}.app[data-mood=down] .bg-glow{background:radial-gradient(1200px 620px at 50% -8%,rgba(43,127,255,.14),transparent 62%),radial-gradient(900px 700px at 50% 120%,rgba(13,59,46,.5),transparent 65%),transparent}.app.shake{animation:shake .52s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px,1px)}20%,80%{transform:translate(3px,-2px)}30%,50%,70%{transform:translate(-5px,2px)}40%,60%{transform:translate(5px,-1px)}}.moodbar{display:flex;align-items:center;gap:16px;padding:12px clamp(12px,3vw,28px);border-bottom:1px solid rgba(245,197,66,.16);background:linear-gradient(180deg,#12121fe6,#0a0a1266);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.moodbar-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{font-size:26px;filter:drop-shadow(0 0 10px rgba(245,197,66,.5))}.brand-text{font-weight:800;font-size:clamp(15px,2vw,20px);letter-spacing:.02em;background:linear-gradient(180deg,#ffe9a8,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand-tag{font-size:11px;font-weight:700;color:var(--gold);border:1px solid rgba(245,197,66,.4);border-radius:999px;padding:2px 8px;white-space:nowrap}.moodbar-idx{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.idx{display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:10px;background:#0a0a1299;border:1px solid rgba(255,255,255,.06)}.idx-label{font-weight:800;font-size:12px;color:var(--muted);letter-spacing:.08em}.idx-arrow{font-size:12px}.idx-level{font-size:16px;font-weight:700}.idx-diff{font-size:13px;font-weight:700}.idx-breadth{display:inline-flex;gap:6px;font-size:11px;font-weight:700}.idx[data-dir=up]{color:var(--up);border-color:#ff3b4759}.idx[data-dir=down]{color:var(--down);border-color:#2b7fff59}.idx[data-dir=flat]{color:var(--muted)}.idx-breadth .up{color:var(--up)}.idx-breadth .down{color:var(--down)}.idx-loading{color:var(--muted)}.moodbar-ctrl{display:flex;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease}.chip:hover{transform:translateY(-1px);background:#ffffff17}.chip:active{transform:translateY(0)}.chip-on{border-color:#f5c54280;color:var(--gold)}.chip-live{border-color:#ff3b4780;color:var(--up)}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.chip .dot-live{background:var(--up);box-shadow:0 0 8px var(--up);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.stage{position:relative;display:flex;flex-direction:column;gap:clamp(12px,2vw,22px);padding:clamp(12px,2vw,24px);min-height:0;overflow-y:auto}.reels-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2.2vw,30px)}.reel{display:flex;flex-direction:column;min-width:0}.reel-head{display:flex;align-items:center;gap:10px;padding:0 6px 12px}.reel-icon{font-size:22px}.reel-title{margin:0;font-size:clamp(16px,2vw,22px);font-weight:800;letter-spacing:.01em}.reel-hint{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.reel-frame{position:relative;border-radius:18px;padding:14px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 6px,transparent 6px 12px),radial-gradient(120% 120% at 50% 0%,var(--felt),var(--felt-2));border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #f5c5428c,0 0 0 4px #0a0a12e6,0 22px 60px #0009,inset 0 2px 20px #0000008c}.reel-cells{display:flex;flex-direction:column;gap:8px}.reel-glass{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:12px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%,transparent 82%,rgba(0,0,0,.25))}.cell{position:relative;display:flex;align-items:stretch;gap:10px;height:var(--row-h);padding:0 12px 0 44px;border-radius:12px;background:linear-gradient(180deg,#0b0b16,#06060d);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff0a;overflow:hidden}.cell-rank{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800;color:var(--midnight);background:linear-gradient(180deg,#ffe9a8,var(--gold-dim));box-shadow:0 2px 8px #f5c5424d;z-index:3}.cell-viewport{position:relative;flex:1;height:100%;overflow:hidden}.cell-strip{display:flex;flex-direction:column;transform:translateY(var(--land));animation:reel-spin .78s cubic-bezier(.2,.72,.2,1) both;will-change:transform}@keyframes reel-spin{0%{transform:translateY(0);filter:blur(2.4px)}55%{filter:blur(.7px)}85%{transform:translateY(calc(var(--land) - 12px));filter:blur(0)}to{transform:translateY(var(--land));filter:blur(0)}}.cell-row{height:var(--row-h);flex:0 0 var(--row-h);display:flex;flex-direction:column;justify-content:center}.cell-ghost{align-items:center;justify-content:center;color:#f5c54240;font-size:22px}.cell-face{gap:3px;padding:8px 0}.cell-top{display:flex;align-items:baseline;gap:8px;min-width:0}.cell-name{font-weight:800;font-size:clamp(14px,1.5vw,17px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-code{font-size:11px;color:var(--gold-dim);font-family:var(--led-font);flex:none}.cell-mid{line-height:1}.cell-price{font-size:clamp(20px,2.6vw,30px);font-weight:700;color:#fdfbf0;text-shadow:0 0 10px rgba(245,197,66,.25),0 1px 0 rgba(0,0,0,.6)}.cell-bot{display:flex;align-items:center;gap:10px}.drate{display:inline-flex;align-items:center;gap:4px;font-family:var(--led-font);font-weight:700;font-size:15px;padding:1px 8px;border-radius:6px}.drate-arrow{font-size:10px}.drate-up{color:var(--up);background:#ff3b471f}.drate-down{color:var(--down);background:#2b7fff1f}.drate-flat{color:var(--muted);background:#ffffff0d}.vel{font-size:12px;font-weight:700;color:var(--muted);font-family:var(--led-font)}.vel-hot{color:var(--gold)}.vel-meter{position:absolute;left:44px;right:12px;bottom:6px;height:3px;border-radius:3px;background:#ffffff0f;overflow:hidden}.vel-fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#2b7fff,#6db3ff);transition:width .5s ease}.vel-fill-hot{background:linear-gradient(90deg,var(--gold-dim),var(--gold),#fff2c4);box-shadow:0 0 10px #f5c54299}.cell-idle{color:var(--muted);font-weight:600;align-self:center;font-size:14px}.cell-empty{opacity:.5}.cell-hot{border-color:#f5c54273;box-shadow:inset 0 1px #ffffff0f,0 0 18px #f5c54238}.cell-hot .cell-face{animation:vibrate .26s linear infinite}@keyframes vibrate{0%,to{transform:translate(0)}25%{transform:translate(-1.2px,.6px)}50%{transform:translate(1.2px,-.6px)}75%{transform:translate(-.8px,-.8px)}}.cell[data-dir=up]{box-shadow:inset 3px 0 0 var(--up),inset 0 1px #ffffff0a}.cell[data-dir=down]{box-shadow:inset 3px 0 0 var(--down),inset 0 1px #ffffff0a}.waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0a128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.waiting-card{text-align:center;padding:30px 34px;border-radius:16px;background:#12121fe6;border:1px solid rgba(245,197,66,.2);max-width:420px}.waiting-emoji{font-size:40px}.waiting-title{font-size:22px;font-weight:800;color:var(--gold);margin-top:6px}.waiting-sub{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}.jackpot-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;overflow:hidden}.jackpot-layer.dim{z-index:10;opacity:.18}.jackpot-layer.dim .jackpot-flash{animation-duration:.5s}.jackpot-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(245,197,66,.45),rgba(245,197,66,.08) 40%,transparent 70%);animation:flash .7s ease-out forwards}@keyframes flash{0%{opacity:0}14%{opacity:1}to{opacity:0}}.jackpot-banner{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:pop 1.8s cubic-bezier(.18,.9,.3,1) forwards}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.55);opacity:0}18%{transform:translate(-50%,-50%) scale(1.12);opacity:1}32%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1}to{transform:translate(-50%,-50%) scale(.96);opacity:0}}.jackpot-title{font-weight:900;font-size:clamp(26px,6vw,58px);letter-spacing:.12em;background:linear-gradient(180deg,#fff4c4,var(--gold) 55%,var(--gold-dim));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(245,197,66,.6))}.jackpot-stock{margin-top:8px;font-size:clamp(18px,3vw,30px);font-weight:800;color:#fff;display:inline-flex;align-items:baseline;gap:12px}.jackpot-drate{font-family:var(--led-font)}.jackpot-drate.up{color:var(--up)}.jackpot-drate.down{color:var(--down)}.jackpot-reason{margin-top:6px;font-size:14px;font-weight:700;color:var(--gold);letter-spacing:.04em}.coin-field{position:absolute;top:0;right:0;bottom:0;left:0}.coin{position:absolute;top:0;font-size:26px;animation-name:coin-fall;animation-timing-function:cubic-bezier(.3,.1,.5,1);animation-fill-mode:forwards;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}@keyframes coin-fall{0%{transform:translateY(-12vh) translate(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(112vh) translate(var(--drift)) rotate(var(--rot));opacity:.85}}.ticker{display:flex;align-items:center;gap:12px;height:44px;padding:0 clamp(12px,3vw,24px);border-top:1px solid rgba(245,197,66,.16);background:linear-gradient(0deg,#12121ff2,#0a0a1266);overflow:hidden}.ticker-label{font-weight:800;font-size:13px;color:var(--gold);white-space:nowrap;flex:none}.ticker-viewport{position:relative;flex:1;overflow:hidden;height:100%;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.ticker-track{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;animation:marquee 32s linear infinite;will-change:transform}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.ticker-name{color:var(--text)}.ticker-drate{font-family:var(--led-font)}.ticker-drate.up{color:var(--up)}.ticker-drate.down{color:var(--down)}.ticker-reason{color:var(--muted);font-size:12px}.ticker-sep{color:#f5c54266}.ticker-idle{color:var(--muted);font-size:13px;font-weight:600}.cab{container-type:size;position:relative;flex:0 0 auto;width:min(780px,97vw);margin:0 auto;aspect-ratio:896 / 1200;--win-h: 35cqh;--scell-h: calc(var(--win-h) / 3)}.cab-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 20px 50px rgba(0,0,0,.6))}.cab.cab-jackpot .cab-img{filter:drop-shadow(0 0 40px rgba(245,197,66,.6))}.cab-title{position:absolute;left:28%;top:9%;width:44%;height:6%;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:2}.cab-title-main{font-weight:900;font-size:3.6cqw;letter-spacing:.02em;color:#4a3208;text-shadow:0 1px 0 rgba(255,255,255,.35)}.cab-sub{position:absolute;left:11%;top:20.5%;width:78%;height:8.5%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2;pointer-events:none;font-weight:800;font-size:2.3cqw;color:var(--gold);background:#050402d1;border-radius:6px;text-shadow:0 0 10px rgba(245,197,66,.4)}.cab-free{position:absolute;top:35%;right:17%;z-index:3;font-weight:800;font-size:2.1cqw;color:#201603;background:linear-gradient(180deg,#ffe9a8,var(--gold));border-radius:999px;padding:.4cqh 1.2cqw;box-shadow:0 0 12px #f5c54299;animation:pulse 1.1s ease-in-out infinite}.cab-reels{position:absolute;left:17%;top:34%;width:66%;height:var(--win-h);z-index:2}.cab .machine-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:100%;gap:1.5px;background:#050508;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 12px #000000e6}.cab .sreel{background:#08080e}.cab .scell{gap:.4cqh;padding:.3cqh .3cqw}.cab .sym-tile{width:5.4cqh;height:5.4cqh}.cab .scell-name{font-size:1.5cqh;max-width:100%;padding:.1cqh .3cqw;border-radius:4px;white-space:normal;word-break:break-all;line-height:1.02;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cab .scell-drate{font-size:1.55cqh}.cab .sreel-ghost{font-size:4.8cqh}.cab .machine-banner{z-index:4}.cab-console{position:absolute;left:10%;top:70.5%;width:80%;height:26%;display:flex;flex-direction:column;justify-content:center;gap:1cqh;z-index:2}.cab .meters{gap:1.2cqw}.cab .meter{padding:.8cqh 1cqw;border-radius:1cqw}.cab .meter-k{font-size:1.5cqw}.cab .meter-v{font-size:3cqw}.cab .meter-bet{gap:1cqw}.cab .meter-bet .meter-body{min-width:0}.cab .bet-btn{width:4.6cqw;height:4.6cqw;font-size:2.6cqw}.cab .deck{gap:3.4cqw}.cab .spin-btn{width:15cqw;height:15cqw}.cab .spin-btn .spin-label{font-size:3.2cqw}.cab .spin-btn .spin-sub{font-size:1.4cqw}.cab .max-btn{font-size:1.8cqw;padding:1cqh 1.5cqw}.cab .jack-readout{padding:.9cqh 1.4cqw;gap:.2cqh}.cab .jack-k{font-size:1.3cqw}.cab .jack-v{font-size:2.6cqw}.cab .stat-strip{font-size:1.7cqw}.cabinet{--scell-h: clamp(72px, 9vw, 98px);position:relative;max-width:900px;margin:0 auto;border-radius:28px 28px 18px 18px;padding:10px 10px 12px;background:radial-gradient(120% 90% at 50% -10%,#3a2a0a,transparent 55%),linear-gradient(180deg,#241804,#150e05 45%,#0b0803);box-shadow:0 0 0 2px #0a0703,0 0 0 5px #b8860b,0 0 0 8px #4a370c,0 0 0 10px #100b04,0 30px 80px #000000b3,inset 0 2px #ffffff0f;transition:box-shadow .4s ease}.cabinet.cab-jackpot{box-shadow:0 0 0 2px #0a0703,0 0 0 5px #ffd76a,0 0 0 8px #b8860b,0 0 0 10px #100b04,0 30px 80px #000000b3,0 0 60px #f5c54280}.marquee{position:relative;margin:4px 6px 10px;border-radius:16px;padding:12px 22px;text-align:center;background:radial-gradient(120% 200% at 50% -40%,rgba(245,197,66,.28),transparent 60%),linear-gradient(180deg,#1d1406,#0b0804);border:2px solid #7a5c12;box-shadow:inset 0 0 26px #000000bf,0 0 22px #f5c5422e}.marquee-sign{position:relative;z-index:6;display:flex;flex-direction:column;gap:3px}.marquee-title{font-weight:900;font-size:clamp(20px,3.4vw,34px);letter-spacing:.1em;background:linear-gradient(180deg,#fff7d4,#f5c542 52%,#a9781a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(245,197,66,.55))}.marquee-sub{font-size:12px;font-weight:600;color:#d9c48a;opacity:.75}.freespin-badge{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:800;font-size:13px;color:#201603;background:linear-gradient(180deg,#ffe9a8,var(--gold));border-radius:999px;padding:4px 12px;box-shadow:0 0 14px #f5c54299;animation:pulse 1.1s ease-in-out infinite}.reel-deck{position:relative;margin:10px 14px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#0c0a06,#050403);box-shadow:inset 0 0 34px #000000d9,0 0 0 2px #100b04,0 0 0 4px #8a6a12,0 0 0 6px #100b04}.bulb-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.bulb{position:absolute;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,#ffe07a 42%,#a9781a 78%,#5a3e08);box-shadow:0 0 6px 2px #ffd25ab3;animation:bulb 1.6s linear infinite}@keyframes bulb{0%{opacity:.25;box-shadow:0 0 3px #ffd25a4d}8%{opacity:1;box-shadow:0 0 13px 3px #ffe48cf2}24%{opacity:.25;box-shadow:0 0 3px #ffd25a4d}to{opacity:.25}}.payrail{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:4px 0;z-index:3}.paylamp{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#6f6236;background:radial-gradient(circle at 40% 35%,#2a2415,#131009);border:1px solid #3a3115;box-shadow:inset 0 1px 2px #0009;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.paylamp.on{color:#1a1206;background:radial-gradient(circle at 40% 35%,#fff2c4,#f5c542 60%,#b8860b);box-shadow:0 0 14px 2px #f5c542d9}.reel-bezel{position:relative;border-radius:12px;padding:8px;background:linear-gradient(180deg,#e6e1cd,#9c9784 12%,#3a362f,#9c9784 88%,#e6e1cd);box-shadow:inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0000008c,0 4px 14px #0009}.machine-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#6a6658,#2a2824);box-shadow:inset 0 0 30px #000000e6}.reel-glass{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:8px;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 15%,transparent 82%,rgba(0,0,0,.4)),radial-gradient(130% 55% at 50% -8%,rgba(255,255,255,.14),transparent 60%)}.payline-guide{position:absolute;left:6px;right:6px;top:50%;height:2px;transform:translateY(-1px);z-index:2;background:linear-gradient(90deg,transparent,rgba(245,197,66,.5),transparent);pointer-events:none}.sreel{overflow:hidden;background:linear-gradient(180deg,#101018,#070709)}.sreel-window{height:calc(var(--scell-h) * 3);overflow:hidden;position:relative}.sreel-strip{display:flex;flex-direction:column;transform:translateY(calc(var(--scell-h) * -6));animation:sreel-spin .9s cubic-bezier(.18,.75,.24,1) both;will-change:transform}@keyframes sreel-spin{0%{transform:translateY(0);filter:blur(3px)}70%{filter:blur(.6px)}88%{transform:translateY(calc(var(--scell-h) * -6 - 12px));filter:blur(0)}to{transform:translateY(calc(var(--scell-h) * -6));filter:blur(0)}}.sreel-ghost{height:var(--scell-h);display:grid;place-items:center;font-size:34px;opacity:.4}.scell{height:var(--scell-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%);transition:background .2s ease}.scell-sym{font-size:clamp(30px,4.6vw,46px);line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.sym-tile{display:grid;place-items:center;width:clamp(40px,5.2vw,54px);height:clamp(40px,5.2vw,54px)}.sym-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.sym-tile[data-sym=wild] .sym-img{filter:drop-shadow(0 0 8px rgba(245,197,66,.65))}.sym-tile[data-sym=scatter] .sym-img{filter:drop-shadow(0 0 8px rgba(200,90,240,.6))}.scell-name{max-width:98%;font-size:clamp(11px,1.4vw,13.5px);font-weight:800;color:#fff;background:#06060c99;border:1px solid rgba(245,197,66,.32);border-radius:5px;padding:1px 7px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scell-drate{font-family:var(--led-font);font-size:11px;font-weight:700;color:var(--muted)}.scell[data-dir=up] .scell-drate{color:var(--up)}.scell[data-dir=down] .scell-drate{color:var(--down)}.scell-empty .scell-sym{opacity:.4}.scell-win{background:radial-gradient(120% 120% at 50% 50%,rgba(245,197,66,.3),transparent 70%);animation:cell-pop .6s ease-in-out infinite alternate;z-index:2}.scell-win:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;border:2px solid var(--gold);box-shadow:0 0 16px #f5c542b3;pointer-events:none}@keyframes cell-pop{0%{transform:scale(1)}to{transform:scale(1.07)}}.machine-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;font-weight:900;letter-spacing:.04em;pointer-events:none;padding:0 10px;z-index:6}.machine-banner.banner-jackpot{font-size:clamp(24px,4.4vw,48px);background:linear-gradient(180deg,#fff4c4,var(--gold) 60%,var(--gold-dim));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(245,197,66,.7));animation:mbanner-jp 1.7s cubic-bezier(.18,.9,.3,1) forwards}.machine-banner.banner-win{font-size:clamp(22px,3.4vw,40px);color:#fff;text-shadow:0 0 16px rgba(255,59,71,.7);animation:mbanner 1.5s ease forwards}.machine-banner.banner-free{font-size:clamp(20px,3vw,34px);color:var(--gold);text-shadow:0 0 16px rgba(245,197,66,.6);animation:mbanner 1.5s ease forwards}@keyframes mbanner{0%{opacity:0;transform:scale(.7)}16%{opacity:1;transform:scale(1.06)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0}}@keyframes mbanner-jp{0%{opacity:0;transform:scale(.5) rotate(-4deg)}18%{opacity:1;transform:scale(1.14) rotate(2deg)}34%{transform:scale(1) rotate(0)}80%{opacity:1}to{opacity:0}}.belly{margin:2px 12px 8px;border-radius:14px;padding:12px 16px 14px;background:linear-gradient(180deg,#241708,#130c05);border:2px solid #7a5c12;box-shadow:inset 0 2px 12px #0009;display:flex;flex-direction:column;gap:12px}.meters{display:grid;grid-template-columns:1.3fr 1.4fr 1fr;gap:10px}.meter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 10px;border-radius:8px;background:#040404;border:1px solid #2a2620;box-shadow:inset 0 0 16px #000000e6}.meter-k{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8a7d55}.meter-v{font-family:var(--led-font);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:clamp(17px,2.6vw,26px)}.meter-credit .meter-v{color:#7dffa0;text-shadow:0 0 10px rgba(125,255,160,.55)}.meter-bet{flex-direction:row;gap:8px}.meter-bet .meter-body{display:flex;flex-direction:column;align-items:center;min-width:78px}.meter-bet .meter-v{color:#ffd24a;text-shadow:0 0 10px rgba(255,210,74,.55)}.meter-win .meter-v{color:#ff6a6a;text-shadow:0 0 10px rgba(255,90,90,.55)}.bet-btn{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid #5a4a1a;background:radial-gradient(circle at 40% 34%,#4c3f16,#241c08);color:#ffd24a;font-size:19px;font-weight:900;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 1px #ffffff2e,0 2px 4px #00000080;transition:transform .08s ease,background .2s ease}.bet-btn:hover:not(:disabled){background:radial-gradient(circle at 40% 34%,#6c561f,#342810)}.bet-btn:active:not(:disabled){transform:translateY(1px)}.bet-btn:disabled{opacity:.32;cursor:default}.deck{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,34px);flex-wrap:wrap}.max-btn{padding:10px 16px;border-radius:10px;border:1px solid #7a5c12;background:linear-gradient(180deg,#ffd24a,#c9971f);color:#2a1e04;font-weight:900;font-size:13px;line-height:1.1;letter-spacing:.05em;cursor:pointer;box-shadow:inset 0 1px #ffffff73,0 3px 6px #00000073;transition:transform .08s ease,filter .2s ease}.max-btn:hover:not(:disabled){filter:brightness(1.08)}.max-btn:active:not(:disabled){transform:translateY(1px)}.max-btn:disabled{opacity:.4;cursor:default}.spin-btn{width:clamp(108px,15vw,132px);height:clamp(108px,15vw,132px);border-radius:50%;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;background:radial-gradient(circle at 42% 34%,#ff9d92,#e23b2f 46%,#a11a12);box-shadow:0 0 0 5px #2a0a08,0 0 0 8px #b8860b,0 0 0 10px #100b04,inset 0 5px 12px #ffffff80,inset 0 -9px 18px #00000073,0 12px 24px #0000008c,0 0 34px #e23b2f73;transition:transform .08s ease,box-shadow .12s ease,filter .2s ease}.spin-btn .spin-label{font-weight:900;font-size:clamp(20px,3vw,26px);letter-spacing:.06em;text-shadow:0 2px 3px rgba(0,0,0,.4)}.spin-btn .spin-sub{font-size:10px;font-weight:700;opacity:.8;letter-spacing:.08em}.spin-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.spin-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 5px #2a0a08,0 0 0 8px #b8860b,0 0 0 10px #100b04,inset 0 3px 8px #ffffff59,inset 0 -5px 12px #0006,0 5px 12px #00000080}.spin-btn:disabled{cursor:default;filter:grayscale(.5) brightness(.7)}.refill-btn{background:radial-gradient(circle at 42% 34%,#a6f0c2,#33b866 48%,#1c7a44);color:#05230f;box-shadow:0 0 0 5px #06210f,0 0 0 8px #b8860b,0 0 0 10px #100b04,inset 0 5px 12px #ffffff80,inset 0 -9px 18px #0006,0 12px 24px #0000008c,0 0 30px #33b86673}.jack-readout{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:8px;background:#040404;border:1px solid #3a2e12;box-shadow:inset 0 0 14px #000000d9;white-space:nowrap}.jack-k{font-size:10px;font-weight:800;letter-spacing:.12em;color:#b8935a}.jack-v{font-family:var(--led-font);font-weight:800;font-size:clamp(16px,2.2vw,20px);color:#ffb84a;text-shadow:0 0 10px rgba(255,184,74,.6)}.stat-strip{text-align:center;font-size:12px;font-weight:700;color:#a99a6a;letter-spacing:.03em}.stat-strip b{color:#ffd24a}.auto-control{display:flex;align-items:center;gap:6px}.auto-step{width:30px;height:30px;border-radius:50%;border:1px solid #7a5c12;background:#ffffff0d;color:var(--gold);font-size:18px;font-weight:900;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,transform .08s ease}.auto-step:hover:not(:disabled){background:#f5c54226}.auto-step:active:not(:disabled){transform:translateY(1px)}.auto-step:disabled{opacity:.35;cursor:default}.auto-disp{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:4px 8px;border-radius:8px;border:1px solid rgba(245,197,66,.3);color:var(--gold);font-weight:800;line-height:1.1}.auto-disp.on{background:linear-gradient(180deg,#ffe07a,var(--gold) 60%,#c9971f);color:#201603;border-color:var(--gold)}.auto-k{font-size:11px}.auto-v{font-size:15px;font-family:var(--led-font)}.jack-inline{color:var(--gold);font-weight:800;font-family:var(--led-font)}.spin-btn.spin-stop{background:radial-gradient(circle at 42% 34%,#ffd0a0,#e08a2a 48%,#a5560c)}.cab .auto-control{gap:.8cqw}.cab .auto-step{width:4cqw;height:4cqw;font-size:2.4cqw}.cab .auto-disp{min-width:6cqw;padding:.6cqh 1cqw}.cab .auto-k{font-size:1.4cqw}.cab .auto-v{font-size:2.4cqw}.charge-link{margin-left:10px;padding:3px 10px;border-radius:999px;border:1px solid rgba(245,197,66,.4);background:transparent;color:var(--gold);font-weight:800;font-size:11px;cursor:pointer;transition:background .2s ease}.charge-link:hover{background:#f5c5421f}.broke-tag{color:var(--up);font-weight:800}.charge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04040ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:charge-fade .2s ease}@keyframes charge-fade{0%{opacity:0}to{opacity:1}}.charge-modal{width:min(420px,100%);border-radius:18px;padding:22px;background:linear-gradient(180deg,#1c1406,#100b05);border:2px solid #7a5c12;box-shadow:0 0 0 3px #100b04,0 24px 60px #000000b3,0 0 40px #f5c54226;color:var(--text)}.charge-head{text-align:center;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.charge-title{font-weight:900;font-size:20px;color:var(--gold)}.charge-note{font-size:11px;color:#d9b96a;opacity:.85}.charge-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.charge-chip{padding:10px 6px;border-radius:10px;border:1px solid rgba(245,197,66,.3);background:#ffffff0a;color:var(--text);font-weight:800;font-size:14px;cursor:pointer;transition:all .15s ease}.charge-chip:hover{background:#f5c5421f}.charge-chip.on{background:linear-gradient(180deg,#ffe9a8,var(--gold));color:#201603;border-color:var(--gold)}.charge-custom{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.charge-custom span{font-size:12px;color:var(--muted);font-weight:700}.charge-custom input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#040404;color:#fff;font-family:var(--led-font);font-size:16px;letter-spacing:.04em}.charge-custom input:focus{outline:none;border-color:var(--gold)}.charge-amount{text-align:center;font-size:14px;color:#ccd;margin-bottom:16px}.charge-amount b{color:#7dffa0;font-family:var(--led-font);font-size:18px;padding:0 4px}.charge-warn{color:var(--up);font-size:12px}.charge-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.charge-cancel,.charge-pay{padding:12px;border-radius:10px;font-weight:800;font-size:15px;cursor:pointer;border:none}.charge-cancel{background:#ffffff14;color:var(--text)}.charge-pay{background:linear-gradient(180deg,#ffe07a,var(--gold) 55%,#c9971f);color:#201603}.charge-pay:disabled{opacity:.4;cursor:default}.charge-fineprint{margin-top:12px;text-align:center;font-size:11px;color:var(--muted)}.charge-processing,.charge-done{text-align:center;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.charge-spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(245,197,66,.2);border-top-color:var(--gold);animation:spin360 .8s linear infinite}@keyframes spin360{to{transform:rotate(360deg)}}.charge-proc-title{font-weight:800}.charge-sub{color:var(--muted);font-family:var(--led-font)}.charge-check{font-size:44px}.charge-done-title{font-weight:900;font-size:20px;color:#7dffa0}.charge-done .charge-pay{margin-top:8px;padding:10px 28px}.reels-row{--row-h: 58px}.reels-row .reel-head{padding:0 4px 6px}.reels-row .reel-title{font-size:15px}.reels-row .reel-icon{font-size:18px}.reels-row .reel-hint{font-size:10px}.reels-row .reel-frame{padding:9px;border-radius:14px}.reels-row .reel-cells{gap:6px}.reels-row .cell{padding:0 8px 0 30px}.reels-row .cell-rank{width:18px;height:18px;font-size:10px;left:6px}.reels-row .cell-name{font-size:11.5px}.reels-row .cell-code{display:none}.reels-row .cell-price{font-size:15px}.reels-row .drate{font-size:11px;padding:0 5px}.reels-row .vel{font-size:10px}.reels-row .vel-meter{display:none}.reels-row .cell-strip{animation:reel-roll-compact .5s cubic-bezier(.2,.72,.2,1) both;transform:translateY(calc(var(--row-h) * -6))}@keyframes reel-roll-compact{0%{transform:translateY(0);filter:blur(1.5px)}85%{transform:translateY(calc(var(--row-h) * -6 + 5px));filter:blur(0)}to{transform:translateY(calc(var(--row-h) * -6));filter:blur(0)}}@media (min-width: 1260px){.stage{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;column-gap:16px;align-content:start}.cab{grid-column:2;margin:0}.reels-row{grid-column:3;justify-self:start;align-self:start;width:min(240px,100%);display:flex;flex-direction:column;gap:8px;--row-h: 46px}.reels-row .cell-price{font-size:13px}.reels-row .cell-name{font-size:11px}}.cab{position:relative;z-index:2}.reels-row{position:relative;z-index:1}.cab-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}.spark{position:absolute;width:1.5cqw;height:1.5cqw;border-radius:50%;background:radial-gradient(circle,#fff,#ffe98a 42%,#f5c54200 72%);opacity:0;transform:scale(.3);filter:drop-shadow(0 0 .7cqh rgba(255,220,120,.9));animation:twinkle 2.6s ease-in-out infinite}.spark:before,.spark:after{content:"";position:absolute}.spark:before{left:50%;top:-70%;width:8%;height:240%;transform:translate(-50%);background:linear-gradient(180deg,#fff0b400,#fff 50%,#fff0b400)}.spark:after{top:50%;left:-70%;height:8%;width:240%;transform:translateY(-50%);background:linear-gradient(90deg,#fff0b400,#fff 50%,#fff0b400)}@keyframes twinkle{0%,to{opacity:0;transform:scale(.25) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.spark-cyan{background:radial-gradient(circle,#fff,#7df0ff 42%,#5ad2ff00 72%);filter:drop-shadow(0 0 .7cqh rgba(120,220,255,.95))}.spark-pink{background:radial-gradient(circle,#fff,#ff9de0 42%,#ff78c800 72%);filter:drop-shadow(0 0 .7cqh rgba(255,130,210,.95))}.cab-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}.cab-shine:before{content:"";position:absolute;top:-30%;left:-60%;width:40%;height:160%;background:linear-gradient(100deg,#fff0,#fff0c824 45%,#ffffff47,#fff0c824 55%,#fff0);transform:skew(-18deg);mix-blend-mode:screen;animation:cab-sweep 6.5s ease-in-out infinite}@keyframes cab-sweep{0%,62%{left:-60%;opacity:0}70%{opacity:1}to{left:130%;opacity:0}}.cab-title{animation:marquee-glow 2.1s ease-in-out infinite}@keyframes marquee-glow{0%,to{filter:drop-shadow(0 0 .5cqh rgba(245,197,66,.4))}50%{filter:drop-shadow(0 0 1.7cqh rgba(245,197,66,.9))}}.cab-reels{border-radius:1cqw;transition:box-shadow .2s ease}.cab-spin .cab-reels{animation:reel-flash .5s ease-in-out infinite}@keyframes reel-flash{0%,to{box-shadow:0 0 1.4cqh #f5c54259}50%{box-shadow:0 0 3.4cqh #ffd25abf}}.cab-spin .spark{animation-duration:1.1s}@media (prefers-reduced-motion: reduce){.spark,.cab-title,.cab-reels,.cab-prog,.cab-shine:before{animation:none!important}.spark{opacity:.55;transform:scale(.8)}.cab-shine:before{opacity:0}}.cab-prog{position:absolute;left:17%;top:27.7%;width:66%;height:5.4%;display:flex;align-items:center;justify-content:center;gap:2.4cqw;padding:0 2cqw;border-radius:1cqw;background:linear-gradient(180deg,#221404eb,#0a0702f0);border:.2cqh solid rgba(245,197,66,.55);box-shadow:0 0 2.2cqh #f5c54266,inset 0 0 1.2cqh #f5c54238;z-index:3;overflow:hidden;animation:prog-glow 2.4s ease-in-out infinite}.cab-prog-k{font-size:1.7cqw;font-weight:800;letter-spacing:.14em;color:#f5c542}.cab-prog-v{font-family:var(--led-font);font-size:3cqw;font-weight:700;color:#ffe98a;text-shadow:0 0 1.2cqh rgba(255,210,74,.85)}@keyframes prog-glow{0%,to{box-shadow:0 0 1.8cqh #f5c54252,inset 0 0 1cqh #f5c5422e}50%{box-shadow:0 0 3cqh #f5c54299,inset 0 0 1.6cqh #f5c54252}}.bonus-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800;margin-right:5px;vertical-align:middle}.bonus-chip.combo{background:#ff782833;color:#ffb060;border:1px solid rgba(255,120,40,.5)}.bonus-chip.market{background:#ff3c3c2e;color:#ff8a8a;border:1px solid rgba(255,60,60,.45)}.cab .bonus-chip{font-size:1.5cqw;padding:.2cqh 1cqw}.machine-banner.banner-big{font-size:clamp(24px,3.8vw,44px);background:linear-gradient(180deg,#fff2c4,#ff9d3a 60%,#e0651a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(255,140,50,.7));animation:mbanner-jp 1.7s cubic-bezier(.18,.9,.3,1) forwards}.machine-banner.banner-mega{font-size:clamp(26px,4.6vw,52px);background:linear-gradient(180deg,#fff,#ffd24a 45%,#ff5a5a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 18px rgba(255,120,60,.85));animation:mbanner-jp 1.8s cubic-bezier(.18,.9,.3,1) forwards}.meter-win.win-hot{animation:winmeter .7s ease}.meter-win.win-hot .meter-v{color:#ffe06a;text-shadow:0 0 14px rgba(255,210,74,.85)}@keyframes winmeter{0%{transform:scale(1)}30%{transform:scale(1.12)}to{transform:scale(1)}}.jackpot-layer.k-bigwin .jackpot-flash{background:radial-gradient(circle at 50% 45%,rgba(255,157,58,.45),rgba(245,197,66,.1) 40%,transparent 70%)}.jackpot-layer.k-mega .jackpot-flash{background:radial-gradient(circle at 50% 45%,rgba(255,90,60,.55),rgba(245,197,66,.14) 42%,transparent 72%)}@media (max-width: 820px){:root{--row-h: 84px}body{overflow:auto}.app{height:auto;min-height:100dvh}.reels-row{grid-template-columns:1fr}.moodbar{flex-wrap:wrap}.moodbar-idx{order:3;width:100%;justify-content:flex-start;margin-left:0}}@media (max-width: 520px){.cabinet{--scell-h: 60px}.scell-name{font-size:9.5px}.marquee-sub{display:none}.reel-deck{padding:12px}.meters{grid-template-columns:1fr;gap:6px}.freespin-badge{position:static;transform:none;margin-top:6px}}@media (max-width: 420px){:root{--row-h: 78px}.brand-tag{display:none}}@media (prefers-reduced-motion: reduce){.cell-strip,.sreel-strip{animation:none;filter:none}.scell-win{animation:none}.bulb{animation:none;opacity:.7}.freespin-badge{animation:none}.machine-banner{animation:fade-only 1.5s ease forwards!important}.cell-hot .cell-face,.app.shake{animation:none}.jackpot-banner{animation:fade-only 1.8s ease forwards}.jackpot-flash{animation:fade-only .7s ease forwards}.coin-field{display:none}.ticker-track{animation-duration:60s}.chip .dot-live{animation:none}@keyframes fade-only{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}}