:root{--bg:#17100c;--bg2:#241812;--card:#2c1d14;--card2:#3a2618;--gold:#ffcf3f;--gold2:#f7a83e;--orange:#ff8a3d;--text:#f4ead9;--muted:#b79a86;--green:#2fd06a;--line:#4a3220}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{background:var(--bg);color:var(--text)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:520px;margin:0 auto;min-height:100vh;background:radial-gradient(120% 60% at 50% 0,#3a2416 0,var(--bg) 55%)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}.app{padding:12px 14px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 14px}.logo{font-weight:900;font-size:26px;color:var(--gold);letter-spacing:-1px}.logo span{color:var(--muted);font-size:13px;font-weight:600}.balance-pill{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-weight:700}.balance-pill b{color:var(--gold)}.vip{border-radius:16px;padding:16px;margin-bottom:14px;background:linear-gradient(135deg,#4d2f16,#2a1a10);border:1px solid #6a4322;position:relative;overflow:hidden}.vip h2{color:var(--gold);font-size:20px;margin-bottom:6px}.vip .row{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;color:var(--text)}.vip .row b{color:var(--gold)}.vip .crown{position:absolute;right:10px;top:8px;font-size:46px;opacity:.35}.promos{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:16px}.promo{border-radius:14px;padding:12px;font-weight:800;font-size:13px;background:linear-gradient(135deg,#1f6f3a,#0f3e21);border:1px solid #2c8f4f}.promo.b{background:linear-gradient(135deg,#7a3d12,#3a1c08);border-color:#b4682e}.promo small{display:block;font-weight:600;color:#d8ffe4;opacity:.8}.section-title{font-size:15px;font-weight:800;margin:6px 2px 10px;color:var(--gold)}.games{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.game-card{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#7b2b6b,#3a1550);border:1px solid #8a3a7a;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 20px rgba(0,0,0,.4)}.game-card .art{position:absolute;inset:0;display:grid;place-items:center;font-size:68px}.game-card .cap{position:relative;padding:10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}.game-card .cap h3{font-size:14px;font-weight:900}.game-card .cap p{font-size:11px;color:#ffd9f0}.tag{position:absolute;top:8px;left:8px;background:var(--orange);color:#201005;font-size:10px;font-weight:900;padding:3px 7px;border-radius:8px}.authbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:520px;display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#12100e 30%)}.btn{flex:1 1;padding:14px;border-radius:999px;font-weight:900;font-size:15px;text-align:center}.btn.ghost{background:linear-gradient(180deg,#efe0c4,#d9c39a);color:#3a2412}.btn.primary{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#3a2412}.btn.block{width:100%}.btn:disabled{opacity:.5}.auth-wrap{padding:24px 20px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.tabs{display:flex;gap:18px;margin:10px 0 20px;font-weight:800;font-size:18px}.tabs a{color:var(--muted);padding-bottom:8px}.tabs a.active{color:var(--gold);border-bottom:2px solid var(--gold)}.field{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.field input{flex:1 1;background:transparent;border:none;color:var(--text);font-size:15px;outline:none}.err{color:#ff8a7a;font-size:13px;margin:4px 2px 12px;min-height:16px}.back{color:var(--muted);font-size:14px;margin-bottom:12px;display:inline-block}.game-screen{min-height:100vh;padding:8px 12px 24px;background:radial-gradient(120% 70% at 50% -12%,#4a2486 0,#2a1256 38%,#1a0f36 68%),linear-gradient(180deg,#1a0f36,#2a0f2a 78%,#4a0f1e);position:relative;overflow:hidden}.game-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 22% at 18% 20%,rgba(255,120,180,.2),transparent 70%),radial-gradient(40% 22% at 82% 18%,rgba(120,160,255,.18),transparent 70%)}.game-header{justify-content:space-between;padding:6px 2px 12px;position:relative;z-index:1}.game-header,.ghome{display:flex;align-items:center}.ghome{gap:6px;color:#e9dcc6;font-weight:700;font-size:14px}.gtitle{font-weight:900;font-size:18px;text-shadow:0 2px 0 #7d1220,0 0 12px rgba(255,207,63,.5)}.gbal,.gtitle{color:var(--gold)}.gbal{display:flex;align-items:center;gap:6px;font-weight:800;background:linear-gradient(180deg,#3a1d2a,#24121c);border:1px solid #6a3348;border-radius:999px;padding:6px 12px;font-size:14px}.machine{display:grid;grid-template-columns:26px 1fr 26px;grid-gap:6px;gap:6px;align-items:stretch;position:relative;z-index:1}.paylines{display:flex;flex-direction:column;justify-content:space-around;padding:14px 0}.pl-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#ffe6b0;background:radial-gradient(circle at 40% 35%,rgba(180,120,255,.5),rgba(90,40,150,.35));border:1px solid rgba(255,207,63,.45)}.board{border-radius:18px;padding:10px;position:relative;background:linear-gradient(180deg,#33206b,#1c1140);box-shadow:0 0 0 3px #b78a2e,0 0 0 6px #6a4a18,inset 0 0 40px rgba(0,0,0,.65),0 12px 30px rgba(0,0,0,.55)}.reels{grid-template-columns:repeat(3,1fr);grid-gap:8px}.reel,.reels{display:grid;gap:8px}.reel{grid-template-rows:repeat(3,1fr);grid-gap:8px}.cell{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;padding:12%;background:linear-gradient(180deg,#3d2a72,#241348);border:1px solid rgba(255,207,63,.3);box-shadow:inset 0 2px 8px rgba(0,0,0,.55),inset 0 0 18px rgba(140,90,220,.25);transition:transform .12s,box-shadow .2s}.cell svg{width:100%;height:100%;display:block;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.cell.spin{animation:bob .26s infinite}.cell.spin svg{filter:drop-shadow(0 3px 4px rgba(0,0,0,.55)) blur(.5px)}.cell.win{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 20px 3px rgba(255,207,63,.85),inset 0 0 18px rgba(255,207,63,.3)}.cell.prize,.cell.win{animation:pop .5s ease}.cell.prize{border-color:#ff5ea8;box-shadow:0 0 0 2px #ff5ea8,0 0 20px 3px rgba(255,94,168,.85)}@keyframes bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.marquee{margin:12px 6px 0;padding:7px 10px;border-radius:10px;background:linear-gradient(180deg,#2a1a66,#16103a);border:1px solid #6a4a18;color:#7fe9ff;font-weight:800;font-size:12px;letter-spacing:.3px;text-shadow:0 1px 0 #05233a}.marquee,.winbar{text-align:center;position:relative;z-index:1}.winbar{margin:12px 0 4px;min-height:28px;font-weight:900;font-size:20px;color:var(--gold);text-shadow:0 0 12px rgba(255,207,63,.6)}.winbar.zero{color:#c9b6cf;font-weight:600;font-size:14px;text-shadow:none}.infobar{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin:6px 4px 12px;position:relative;z-index:1}.ibox{background:linear-gradient(180deg,#2a1630,#180d20);border:1px solid #5a2a3f;border-radius:12px;padding:8px 6px;text-align:center}.ibox .lbl{font-size:10px;color:#b98aa0;text-transform:uppercase;letter-spacing:.6px}.ibox .val{font-size:15px;font-weight:800;color:var(--gold);margin-top:2px}.panel{justify-content:space-between;gap:8px;padding:14px 16px;border-radius:20px;position:relative;z-index:1;background:linear-gradient(180deg,#c22334,#8a1424);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.18),inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 2px #ffcf3f,0 10px 24px rgba(0,0,0,.5)}.panel,.pbtn{display:flex;align-items:center}.pbtn{flex-direction:column;gap:2px;color:#ffdf9e;font-size:10px;font-weight:800;background:transparent;text-transform:uppercase;letter-spacing:.5px;width:46px}.pbtn .ic{font-size:22px;line-height:1}.pbtn:disabled{opacity:.55}.circle-btn{width:46px;height:46px;border-radius:50%;font-size:26px;font-weight:900;color:#7d1220;background:radial-gradient(circle at 40% 32%,#ffefb8,#f3b73f 70%,#c88a1e);box-shadow:0 3px 0 #8a5c16,inset 0 1px 0 hsla(0,0%,100%,.6);display:grid;place-items:center}.circle-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #8a5c16}.circle-btn:disabled{filter:grayscale(.4);opacity:.6}.spin-big{width:88px;height:88px;border-radius:50%;color:#05381c;font-weight:900;font-size:16px;letter-spacing:.5px;background:radial-gradient(circle at 42% 34%,#9dffc4,#1ec963 58%,#0b8b3f);box-shadow:0 0 0 5px #ffcf3f,0 0 0 8px #a9762a,0 8px 20px rgba(0,0,0,.55),inset 0 2px 4px hsla(0,0%,100%,.5);display:grid;place-items:center;transition:transform .1s}.spin-big:active{transform:translateY(3px)}.spin-big:disabled{filter:grayscale(.4) brightness(.9)}.fairness{margin-top:14px;font-size:11px;color:#a98fb2;word-break:break-all}.fairness,.faucet-link{text-align:center;position:relative;z-index:1}.faucet-link{display:block;margin-top:10px;color:var(--gold);font-size:12px;font-weight:700;text-decoration:underline}@keyframes dropIn{0%{transform:translateY(-24%);opacity:.35}60%{transform:translateY(6%)}to{transform:translateY(0);opacity:1}}.cell.landed{animation:dropIn .28s ease}.burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:4;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(255,214,90,.6),rgba(255,150,40,.18) 45%,transparent 66%);animation:burstFade 1.8s ease forwards}.burst .amt{font-size:34px;font-weight:900;color:#fff;text-shadow:0 0 10px #ffcf3f,0 2px 0 #a9600f,0 0 26px #ff8a3d;animation:burstPop .6s ease}@keyframes burstFade{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes burstPop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}