@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800;900&family=Cinzel:wght@700;900&display=swap');*{box-sizing:border-box}body{margin:0;background:#080311;color:#fff;font-family:Cairo,Arial,sans-serif;display:flex;justify-content:center}.game-shell{width:min(100vw,520px);min-height:100svh;padding:9px;background:radial-gradient(ellipse at 50% 24%,#59318a,#1b0a31 48%,#080311);overflow:hidden}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:5px}.player{display:flex;align-items:center;gap:6px;font-size:10px}.player small{display:block;color:#e6c8ff;font:8px Cinzel}.avatar{width:36px;height:36px;border:2px solid #ffdc83;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#fff,#a24bd1 42%,#1a0830);font:900 25px Cinzel}.balance{border:1px solid #d9aaff;border-radius:25px;background:#37105e;padding:4px 7px;color:#ffdf7a;font:900 12px Cinzel;white-space:nowrap}.balance button{border:0;border-radius:50%;background:#b24aff;color:white;font-size:17px}.top-actions{display:flex;gap:3px}.top-actions button{width:27px;height:27px;border:1px solid #e5bd68;border-radius:50%;background:#291044;color:#ffdf8a}.hero{height:218px;position:relative;margin:0 -9px;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#e7b9ff77,transparent 45%),linear-gradient(#211044,#69419b 65%,#1a082b);border-bottom:2px solid #e8b65a}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#160724aa)}.temple{position:absolute;bottom:20px;width:115px;height:70px;background:linear-gradient(90deg,#8c603f,#fff0bd,#93633e);clip-path:polygon(0 20%,50% 0,100% 20%,90% 30%,90% 100%,10% 100%,10% 30%);opacity:.8}.temple:after{content:"";position:absolute;inset:30% 12% 0;background:repeating-linear-gradient(90deg,#49305c 0 7px,transparent 7px 19px)}.left{left:-12px}.right{right:-12px;transform:scale(1.1)}.god{position:absolute;z-index:1;left:50%;top:9px;transform:translateX(-50%);width:178px;height:195px;border-radius:48% 48% 10% 10%;background:linear-gradient(105deg,#65445d,#f2d5b0 25%,#a67a62 48%,#f8dfb5 70%,#39204b);clip-path:polygon(30% 0,70% 0,90% 35%,100% 100%,0 100%,10% 35%);filter:drop-shadow(0 0 12px #ffe1a4)}.god:before{content:"";position:absolute;left:42px;top:35px;width:95px;height:90px;border-radius:48%;background:linear-gradient(90deg,#aab6c8,#fff,#aab6c8)}.crown{position:absolute;z-index:3;top:0;left:69px;font-size:42px;color:#ffe18b;text-shadow:0 0 10px #ffb62c}.face{position:absolute;z-index:4;top:56px;left:83px;color:#48324a}.beard{position:absolute;z-index:4;top:85px;left:54px;width:75px;height:68px;background:linear-gradient(90deg,#aebbd0,#fff,#aebbd0);clip-path:polygon(0 0,100% 0,82% 70%,50% 100%,18% 70%)}.orb{position:absolute;z-index:5;top:92px;left:calc(50% + 67px);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:radial-gradient(circle,#fff,#69caff 35%,#4215a3 75%);box-shadow:0 0 25px #68d8ff;animation:pulse 1.7s infinite}.bolt{position:absolute;z-index:2;color:#b9f4ff;font-size:55px;text-shadow:0 0 15px #5af;animation:flash 2.5s infinite}.b1{left:13%;top:36px}.b2{right:12%;top:18px;animation-delay:1s}.brand{position:absolute;z-index:6;bottom:0;left:0;width:100%;text-align:center;text-shadow:0 3px 0 #35104b,0 0 12px #e6aaff}.brand small{display:block;color:#ffe9ad;font:9px Cinzel;letter-spacing:4px}.brand strong{display:block;font:900 43px Cinzel;background:linear-gradient(#fff6c9,#ffc34d 55%,#a84b12);color:transparent;background-clip:text;-webkit-text-stroke:1px #74310b;line-height:40px}.brand b{display:block;font:900 25px Cinzel;color:#d9aaff;letter-spacing:5px}.brand i{display:block;color:#ffe18c;font-style:normal;font-size:20px;line-height:16px}.jackpot{margin-top:0;padding:5px 4px 8px;text-align:center;border:2px ridge #e8b65b;border-radius:10px;background:linear-gradient(#381450,#12071e);box-shadow:0 0 14px #e8a5ff88}.jp-title{font:900 17px Cinzel;color:#ffe5a1;text-shadow:0 2px #70330e}.jp-total{font:900 25px Cinzel;color:#fff0aa;text-shadow:0 2px #8b420d}.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.tiers div{border:1px solid #c99b5c;border-radius:6px;background:#1b0a2a;padding:4px 0;font:800 9px Cinzel}.tiers b{display:block;font-size:9px}.mini b{color:#7effa0}.mega b{color:#e67bff}.super b{color:#ffe17c}.big b{color:#73caff}.colossal b{color:#ff829b}.frame{margin-top:7px;padding:7px 6px;border:5px ridge #e4b95f;border-radius:13px;background:linear-gradient(135deg,#693919,#ffe09a 18%,#3c155b 33%,#12051d 65%,#9a591e);box-shadow:0 0 17px #e4a0ff99,inset 0 0 12px #ffe5a4}.ornament{text-align:center;height:15px;color:#ffe19a;font:900 11px Cinzel;letter-spacing:4px}.reels{direction:ltr;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:#0e0418;border:2px solid #a46b3a;padding:3px}.reel{height:clamp(245px,64vw,320px);overflow:hidden;position:relative;background:linear-gradient(90deg,#13051e,#35104b,#13051e);border-inline:1px solid #70437d}.reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#080211bb,transparent 20%,transparent 80%,#080211bb)}.strip{position:absolute;inset:0;display:flex;flex-direction:column;will-change:transform}.symbol{height:33.3333%;flex:none;display:flex;align-items:center;justify-content:center;position:relative;font-size:clamp(34px,9vw,56px);text-shadow:0 3px 4px #000,0 0 12px currentColor;background:radial-gradient(circle,#a64cff30,transparent 70%)}.symbol small{position:absolute;bottom:4px;font:900 7px Cinzel;color:#ffe9a7}.symbol:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:#dba3ff66}.symbol.win{animation:win .6s infinite alternate}.status{text-align:center;min-height:29px;padding:5px;color:#ffe3a2;font-weight:800;font-size:12px;text-shadow:0 0 8px #bd69ff}.controls{display:grid;grid-template-columns:1fr 1.05fr 1fr;align-items:center;gap:5px}.bet{display:flex;align-items:center;justify-content:space-around;border:2px ridge #d9a44f;border-radius:11px;padding:6px 2px;background:#210c36;min-width:0}.bet button{width:26px;height:29px;border-radius:50%;border:1px solid #ffe18b;background:linear-gradient(#f8d88a,#a75c1d);font-size:20px;color:#4a1c13}.bet div{text-align:center}.bet small{display:block;font-size:9px;color:#f8d99c}.bet b{font:900 11px Cinzel;color:#fff0b7}.spin{width:98px;height:98px;justify-self:center;border-radius:50%;border:5px ridge #ffe28c;background:radial-gradient(circle at 35% 25%,#f6d8ff,#a62aff 32%,#3c0875 72%,#130321);box-shadow:0 0 0 4px #6e2d9d,0 0 22px #b14bff,inset 0 0 14px white;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.spin strong{font:900 24px Cinzel;text-shadow:0 3px #4b0b76}.spin small{font-size:8px;color:#ffe6a7}.spin:disabled{opacity:.6}.side{display:flex;flex-direction:column;gap:6px}.side button{height:39px;border:2px ridge #ffe18b;border-radius:22px;background:linear-gradient(#f9d982,#a64f18 48%,#4c1a2e);color:#fff5ca;font:900 13px Cinzel;text-shadow:0 2px #57200b}footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#bda3d1;font:9px Cinzel}footer button{border:0;background:none;color:#f5d58f;font:700 10px Cairo}.modal{position:fixed;inset:0;background:#05010bdc;display:grid;place-items:center;padding:18px;z-index:20}.hidden{display:none!important}.dialog{position:relative;width:min(100%,420px);padding:22px 18px;border:3px ridge #eac36f;border-radius:18px;background:linear-gradient(160deg,#4a1a65,#170820);box-shadow:0 0 25px #c45aff99;text-align:center}.dialog h2{color:#ffe2a1;font:900 20px Cinzel}.dialog p{font-size:13px;line-height:1.9;color:#f0ddfa}.dialog button{position:absolute;left:10px;top:4px;border:0;background:none;color:#ff9ac8;font-size:27px}@keyframes pulse{50%{transform:scale(1.13);filter:brightness(1.5)}}@keyframes flash{0%,90%,100%{opacity:.15}92%{opacity:1}}@keyframes win{to{filter:brightness(1.8) drop-shadow(0 0 14px white);transform:scale(1.08)}}
/* Custom Fantasy 3D art pack — Drona Olympus */
.hero{height:clamp(210px,58vw,285px);background:#18072e url('../assets/olympus-hero.jpg') center center/100% 100% no-repeat;border-bottom:2px solid #f3c96d}
.hero:after{background:linear-gradient(transparent 72%,#16072455)}
.hero .temple,.hero .god,.hero .orb,.hero .bolt,.hero .brand{display:none}
.reel{background:radial-gradient(ellipse at center,#4a176a,#190725 75%)}
.symbol{padding:4px;background:radial-gradient(circle,#a64cff22,transparent 72%);overflow:hidden}
.symbol img{width:94%;height:90%;object-fit:contain;filter:drop-shadow(0 4px 4px #08010d) drop-shadow(0 0 7px #b35cff66);transition:transform .2s ease}
.symbol small{z-index:2;bottom:2px;padding:1px 5px;border:1px solid #f7d37d;border-radius:8px;background:linear-gradient(#69218d,#210a37);font:900 7px Cinzel;color:#fff0ad;text-shadow:0 1px #2b073f}
.symbol.win img{filter:brightness(1.35) drop-shadow(0 0 12px #fff2a5);transform:scale(1.12)}
.frame{background:linear-gradient(135deg,#6a3b18,#ffe09a 18%,#40145d 33%,#12051d 65%,#9a591e);}