:root{--bg:#100609;--panel:#211015;--gold:#f7c85b;--gold2:#fff0a0;--red:#ed3b2f;--green:#35d27f;--ink:#fff8ed}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060305;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{display:grid;place-items:center;overflow-x:hidden}.app{position:relative;width:min(100%,480px);min-height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:22px 18px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 32%,#4b1517 0,#1a090d 38%,#090406 72%);isolation:isolate}.app:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.025) 50%,transparent 50.3%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 100%,100% 28px;pointer-events:none}.ambient{position:absolute;border-radius:50%;filter:blur(55px);opacity:.42;z-index:-1}.ambient-one{width:220px;height:220px;background:#ea2d1d;top:28%;left:-120px}.ambient-two{width:260px;height:260px;background:#ff9b20;bottom:-170px;right:-100px}.hero{text-align:center;width:100%;z-index:2}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#f1af77;font-size:10px;font-weight:800;letter-spacing:.22em}.eyebrow span{width:28px;height:1px;background:#8d4c37}.brand{height:106px;margin:0 auto -4px;width:min(92%,430px)}.brand svg{width:100%;height:100%;overflow:visible}.brand text{font-family:Impact,"Arial Black",sans-serif;paint-order:stroke;stroke:#4d160d;stroke-width:9px;stroke-linejoin:round}.coin{font-size:62px;fill:url(#gold);letter-spacing:4px}.volcano{font-size:72px;fill:url(#lava);letter-spacing:1px}.hero p{margin:0 auto 14px;max-width:310px;color:#d7bcc0;font-size:13px;line-height:1.35}.machine{width:100%;max-width:420px;padding:10px;border:1px solid rgba(255,211,111,.52);border-radius:24px;background:linear-gradient(145deg,rgba(255,224,145,.13),rgba(68,20,26,.75));box-shadow:0 22px 60px #0009,0 0 40px #e8481a22,inset 0 1px #fff5}.machine-top{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#e7cba7;font-size:9px;font-weight:850;letter-spacing:.15em}.machine-top>span{color:#ff6f60}.attempts{display:flex;align-items:center;gap:6px}.attempts i{width:6px;height:6px;border-radius:50%;background:#52e58e;box-shadow:0 0 10px #52e58e}.reels{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:330px;padding:8px;border-radius:17px;background:#090609;border:1px solid #69393a;overflow:hidden;box-shadow:inset 0 0 36px #000}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:7px;transition:filter .2s}.reel.spinning{filter:blur(5px) saturate(1.3)}.symbol{position:relative;display:grid;place-items:center;min-height:0;border:1px solid rgba(255,217,120,.13);border-radius:13px;background:radial-gradient(circle at 50% 35%,#391821,#170b10 72%);overflow:hidden}.coin-symbol{width:73px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;font-size:13px;line-height:.94;color:#4a1908;text-shadow:0 1px #fff9;background:radial-gradient(circle at 38% 30%,#fff7b0 0 7%,#ffd861 20%,#e59820 48%,#7e3d08 73%,#efb638 76%,#713307 84%);border:3px solid #ffc84a;box-shadow:0 0 0 3px #743b0c,0 7px 14px #0009,0 0 18px #ffac2940}.coin-symbol:before{content:"";position:absolute;inset:6px;border:1px dashed rgba(98,47,4,.7);border-radius:50%}.coin-symbol span{position:relative;z-index:1}.coin-symbol.mini span{color:#0d793f}.coin-symbol.minor span{color:#174ea6}.coin-symbol.major span{color:#74278e}.coin-symbol.mystery{background:radial-gradient(circle at 40% 28%,#ffb876,#f33a24 42%,#651019 78%);border-color:#ff845e;color:white;text-shadow:0 2px #6c1013}.coin-symbol.jackpot{animation:jackpotGlow .9s ease-in-out infinite alternate}@keyframes jackpotGlow{to{box-shadow:0 0 0 3px #743b0c,0 0 30px #ffcb52,0 0 52px #ff3b1f}}.win-line{position:absolute;left:12px;right:12px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ffd15d,#fff6bc,#ffd15d,transparent);filter:drop-shadow(0 0 5px #ffd15d);opacity:0;transform:scaleX(.3);transition:.45s}.reels.won .win-line{opacity:1;transform:scaleX(1)}.status{text-align:center;padding:10px 6px 2px}.status span{display:block;color:#b78962;font-size:9px;font-weight:800;letter-spacing:.18em}.status strong{font-size:12px;letter-spacing:.025em;color:#f8dda4}.volcano-scene{position:relative;width:210px;height:68px;margin-top:3px}.mountain{position:absolute;left:50%;bottom:-18px;width:178px;height:87px;transform:translateX(-50%);clip-path:polygon(50% 0,65% 24%,100% 100%,0 100%,34% 27%);background:linear-gradient(110deg,#260f16,#8e3029 48%,#2a1016);filter:drop-shadow(0 0 16px #d9321b80)}.mountain:after{content:"";position:absolute;left:49%;top:8px;width:12px;height:68px;transform:rotate(7deg);background:linear-gradient(#ffd767,#fb3b20 55%,transparent);filter:blur(2px)}.crater{position:absolute;left:50%;top:3px;width:49px;height:15px;transform:translateX(-50%);border-radius:50%;background:#12070a;box-shadow:0 0 20px 8px #ff4628}.flame{position:absolute;z-index:2;left:50%;bottom:44px;width:21px;height:39px;border-radius:65% 35% 68% 32%;background:linear-gradient(#fff3a3,#ffb127 42%,#ff3722);filter:drop-shadow(0 0 12px #ff4b23);transform-origin:50% 100%;animation:flame 1.2s ease-in-out infinite alternate}.flame-b{margin-left:-17px;height:28px;animation-delay:-.6s}.flame-a{margin-left:3px}@keyframes flame{to{transform:scale(.76,1.18) rotate(8deg)}}.primary,.claim{position:relative;width:100%;max-width:420px;border:0;border-radius:17px;color:#052515;background:linear-gradient(180deg,#64efa5,#27bf70);box-shadow:0 8px 0 #117a42,0 16px 34px #0008,inset 0 1px #d1ffe5;cursor:pointer;font:inherit;font-weight:950;letter-spacing:.035em}.primary{min-height:74px;margin-top:-3px}.primary span{display:block;font-size:25px}.primary small{font-size:9px;letter-spacing:.18em}.primary:active,.claim:active{transform:translateY(5px);box-shadow:0 3px 0 #117a42,0 9px 20px #0008}.primary[disabled]{filter:grayscale(.25);cursor:default}.legal{margin:13px 0 0;color:#826d70;font-size:10px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(4,2,3,.82);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:.4s}.modal.active{opacity:1;visibility:visible}.modal-card{position:relative;width:min(100%,420px);overflow:hidden;text-align:center;padding:34px 22px 24px;border:1px solid #9a6735;border-radius:28px;background:radial-gradient(circle at 50% 0,#6c251f,#211015 42%,#0c0709 100%);box-shadow:0 30px 90px #000,0 0 60px #df401833;transform:translateY(20px) scale(.96);transition:.5s cubic-bezier(.2,.8,.2,1)}.modal.active .modal-card{transform:none}.burst{position:absolute;inset:-90px;background:repeating-conic-gradient(from 0deg,transparent 0 10deg,rgba(255,206,84,.08) 10deg 16deg);animation:rotate 18s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.trophy{position:relative;width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:30px;color:#612308;background:linear-gradient(#fff0a0,#f0a922);box-shadow:0 0 35px #f5b72b80}.modal-kicker{position:relative;margin:20px 0 5px;color:#efad80;font-size:11px;font-weight:900;letter-spacing:.22em}.modal h2{position:relative;margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:62px;line-height:.82;letter-spacing:.02em;background:linear-gradient(#fff8d4,#f6c456 56%,#d97613);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px #71180f)}.congrats{position:relative;color:#d3bfc0;font-size:13px}.reward{position:relative;margin:18px 0;padding:14px;border:1px solid #7a4d2c;border-radius:16px;background:#140b0dcc}.reward strong,.reward span{display:block}.reward strong{font-size:22px;color:#fff1bd}.reward span{margin-top:3px;color:#f1a85e;font-weight:850}.claim{position:relative;min-height:62px;font-size:18px}.modal-legal{position:relative;margin:14px 0 0;color:#77686a;font-size:9px}@media(max-height:720px){.app{padding-top:12px}.brand{height:88px}.hero p{margin-bottom:8px}.reels{height:285px}.volcano-scene{height:48px}.primary{min-height:64px}.legal{margin-top:9px}}@media(min-width:700px){body{padding:24px}.app{min-height:min(920px,calc(100vh - 48px));border:1px solid #442027;border-radius:34px;box-shadow:0 35px 100px #000}}