: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: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%),var(--midnight);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%),var(--midnight)}.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%),var(--midnight)}.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}.machine{--scell-h: clamp(64px, 8.2vw, 86px);position:relative;display:flex;flex-direction:column;gap:12px;padding:14px clamp(14px,2.5vw,26px) 18px;border-radius:20px;background:radial-gradient(130% 130% at 50% 0%,var(--felt),var(--felt-2));box-shadow:0 0 0 2px #f5c54299,0 0 0 5px #0a0a12e6,0 24px 60px #0009,inset 0 2px 24px #00000080}.machine-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.machine-title{font-weight:800;font-size:clamp(16px,2vw,21px);background:linear-gradient(180deg,#ffe9a8,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.machine-rule{font-size:12px;color:#bfeadb;opacity:.7}.freespin-badge{margin-left:auto;font-weight:800;font-size:13px;color:var(--midnight);background:linear-gradient(180deg,#ffe9a8,var(--gold));border-radius:999px;padding:3px 12px;animation:pulse 1.2s ease-in-out infinite}.machine-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#05050c,#0a0a14);box-shadow:inset 0 4px 24px #000000b3;transition:box-shadow .3s ease}.machine-grid.grid-jackpot{box-shadow:inset 0 4px 24px #00000080,0 0 44px #f5c5428c}.machine-grid.grid-win{box-shadow:inset 0 4px 24px #00000080,0 0 28px #ff3b4759}.machine-grid.grid-free{box-shadow:inset 0 4px 24px #00000080,0 0 34px #f5c54266}.payline-guide{position:absolute;left:10px;right:10px;top:50%;height:2px;transform:translateY(-1px);background:linear-gradient(90deg,transparent,rgba(245,197,66,.45),transparent);pointer-events:none}.sreel{border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#0b0b16,#06060d);border:1px solid rgba(255,255,255,.05)}.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:32px;opacity:.4}.scell{height:var(--scell-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;border-top:1px solid rgba(255,255,255,.04);position:relative;transition:background .2s ease}.scell-sym{font-size:clamp(24px,3.6vw,36px);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.scell-name{max-width:94%;font-size:10.5px;font-weight:700;color:#c4ccdd;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{color:#f5c5424d}.scell-empty .scell-sym{opacity:.4}.scell-win{background:radial-gradient(120% 120% at 50% 50%,rgba(245,197,66,.25),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 14px #f5c54299;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}.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,.6));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,.6);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,.5);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}}.machine-ctrl{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,40px);flex-wrap:wrap}.spin-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:900;font-size:20px;letter-spacing:.08em;padding:13px 42px;border:none;border-radius:999px;cursor:pointer;color:#1a1200;background:linear-gradient(180deg,#ffe07a,var(--gold) 55%,#c9971f);box-shadow:0 6px #8a6a12,0 12px 26px #f5c54266;transition:transform .08s ease,box-shadow .08s ease,filter .2s ease}.spin-btn:hover:not(:disabled){transform:translateY(-1px)}.spin-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #8a6a12,0 5px 12px #f5c5424d}.spin-btn:disabled{cursor:default;opacity:.55;filter:grayscale(.45)}.spin-lever{font-size:20px}.machine-score{display:flex;gap:clamp(14px,3vw,28px)}.score-item{display:flex;flex-direction:column;align-items:center;gap:2px}.score-k{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em}.score-v{font-size:clamp(18px,2.4vw,24px);font-weight:700;color:var(--gold)}.score-credits .score-k{color:#7fe6a6}.score-credits .score-v{color:#8ff0b6;font-size:clamp(20px,3vw,30px);text-shadow:0 0 12px rgba(110,231,168,.35)}.refill-btn{color:#04240f;background:linear-gradient(180deg,#a6f0c2,#3fbf6b 58%,#2a8f4d);box-shadow:0 6px #1c6e39,0 12px 26px #3fbf6b66}.refill-btn:active{transform:translateY(4px);box-shadow:0 2px #1c6e39,0 5px 12px #3fbf6b4d}@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){.machine{--scell-h: 60px}.scell-name{font-size:9.5px}.machine-rule{display:none}}@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}.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}}}