.gn-game{--gn-gold:#ffd867;min-height:calc(100svh - 48px);max-width:560px;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#85476f 0,#311125 42%,#080309 78%);box-shadow:0 0 80px #000;isolation:isolate;color:#fff;font-family:Georgia,"Times New Roman",serif}.gn-game:before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(90deg,transparent 0 24px,#fff1 25px 26px),linear-gradient(#0000 65%,#0008);opacity:.25}.gn-spark{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;mix-blend-mode:screen}.gn-header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(#260c24,#09040d);border-bottom:1px solid #d89f3b88;position:relative;z-index:10}.gn-brand{font:900 24px Arial;color:#fff;letter-spacing:-1px}.gn-brand span{color:#ffd23f}.gn-status{font:700 10px Arial;letter-spacing:2px;color:#d6b9df}.gn-status b{color:#6dff9a}.gn-header button{border:0;background:none;color:#fff;font-size:20px}.gn-temple{height:118px;background:linear-gradient(120deg,#7a3f17,#f7c95c 12%,#754415 26%,#281026 27%,#391331 73%,#754415 74%,#f7c95c 88%,#7a3f17);display:grid;place-items:center;overflow:hidden}.gn-wheel{width:205px;height:205px;margin-top:78px;border-radius:50%;border:10px double #f9da6a;background:conic-gradient(#cf2949 0 9%,#18a854 9% 20%,#efe23a 20% 30%,#2eb5d9 30% 42%,#de3a4f 42% 54%,#68d443 54% 67%,#f29c26 67% 80%,#2f8be1 80% 90%,#d93e76 90%);box-shadow:0 0 0 7px #6f3510,0 0 24px #ffd45c;position:relative}.gn-wheel:after{content:"";position:absolute;inset:31%;border-radius:50%;background:radial-gradient(circle,#ffeaa0,#ba7120 62%,#3d170a 65%);box-shadow:0 0 0 4px #fff1a5}.gn-wheel-label{position:absolute;z-index:2;left:50%;top:16%;transform:translateX(-50%);font-size:13px;font-weight:900;text-shadow:0 2px #000}.gn-needle{position:absolute;z-index:3;left:50%;bottom:-5px;transform:translateX(-50%);font-size:26px;color:#fff2a3;text-shadow:0 2px 4px #000}.gn-wheel.wheel-spin{animation:gnWheelSpin 1.35s cubic-bezier(.12,.65,.1,1)}.gn-ribbon{height:33px;background:linear-gradient(#8b571e,#1b0c12 25%,#5b3513 50%,#13080d 80%,#8e5b20);border-block:2px solid #f6d273;text-align:center;font-size:13px;line-height:29px;color:#ffe992;text-shadow:0 2px #000}.gn-ribbon strong{font-size:21px;color:#fff4a6}.gn-stage{height:390px;position:relative;background:radial-gradient(circle at 50% 30%,#e5ad5c55,#160817 58%),linear-gradient(90deg,#c5983b33,#0000 20% 80%,#c5983b33);overflow:hidden}.gn-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 42%,#fff5 49%,transparent 54%);animation:gnShine 4s infinite}.gn-guardian{height:200px;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 18px #ffd05e);transition:.25s}.gn-guardian img{width:310px;height:210px;object-fit:cover;object-position:50% 28%;mix-blend-mode:screen;z-index:2;mask-image:radial-gradient(ellipse 47% 48% at 50% 42%,#000 58%,transparent 100%)}.gn-halo{position:absolute;width:176px;height:176px;border:3px dotted #ffe891;border-radius:50%;box-shadow:0 0 25px #ffc400;animation:gnRotate 8s linear infinite}.gn-core{position:absolute;z-index:3;bottom:37px;font-size:27px;color:#75ff9b;text-shadow:0 0 18px #33ff77}.gn-guardian.charging{animation:gnCharge 1.35s ease-in-out}.gn-guardian.charging .gn-halo{animation:gnRotate .3s linear infinite,gnPulse .35s alternate infinite}.gn-guardian.charging img{animation:gnAttack .35s alternate infinite}.gn-side{position:absolute;z-index:4;top:6px;display:flex;flex-direction:column;gap:6px}.gn-side.left{left:5px}.gn-side.right{right:5px}.gn-side i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff,#ed3a75 28%,#711022 62%,#f2c04e 66%,#4e250a 78%);border:2px solid #ffe988;color:#fff7af;font:bold 10px Arial;text-shadow:0 1px 3px #000;box-shadow:0 0 10px #f7b83c}.gn-reels{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:78%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;background:linear-gradient(135deg,#5e2e0e,#f5d271,#5f2d0b);border:3px ridge #fff0a3;box-shadow:0 0 22px #000}.gn-tile{aspect-ratio:1.2;border-radius:10px;background:radial-gradient(circle at 35% 20%,#5d213e,#190717 66%);border:2px solid #ad7136;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 14px #000}.gn-tile span{font-size:34px;filter:drop-shadow(0 0 6px #ffd858)}.gn-reels.rolling .gn-tile span{animation:gnRoll .17s linear infinite}.gn-ribbon.lower{height:29px;line-height:25px}.gn-hud{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;background:#0c0610}.gn-hud>div{text-align:center;border:1px solid #956634;border-radius:10px;padding:7px;background:linear-gradient(#251125,#0b060d);box-shadow:inset 0 0 10px #000}.gn-hud small{display:block;font:700 9px Arial;letter-spacing:1px;color:#c6a9b8}.gn-hud strong{display:block;margin-top:3px;color:#ffe27c;font:800 16px Arial;text-shadow:0 0 8px #f4a423}.gn-controls{display:grid;grid-template-columns:.8fr 1.25fr 1.25fr .8fr;align-items:center;gap:6px;padding:8px 10px 12px;background:linear-gradient(#1b0a1c,#060308)}.gn-controls button,.gn-controls label{height:57px;border-radius:13px;border:1px solid #9f7135;background:linear-gradient(#3b1530,#160919);color:#f1dbbd;display:flex;flex-direction:column;justify-content:center;align-items:center;font:800 9px Arial;letter-spacing:.8px}.gn-controls button span{font-size:22px;color:#ffdb66}.gn-controls button.active{box-shadow:0 0 15px #55ff8c;border-color:#55ff8c}.gn-controls label{gap:2px}.gn-controls select{width:88%;border:0;background:#0000;color:#ffe37a;text-align:center;font:800 12px Arial;outline:0}.gn-controls select option{background:#170815}.gn-controls .gn-spin{height:68px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#ffec99,#e08917 38%,#8d360a 70%);border:4px double #fff5ac;color:#3e1605;box-shadow:0 0 19px #ffb52e,inset 0 0 12px #fff0a0;font-size:11px}.gn-controls .gn-spin span{color:#5a1c07;font-size:25px}.gn-controls button:disabled{filter:grayscale(1);opacity:.6}.gn-footer{text-align:center;color:#846e7d;font:9px Arial;padding:0 8px 9px;background:#060308}.gn-result{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;animation:gnAppear .35s ease-out;background:#040107c9;backdrop-filter:blur(2px)}.gn-result h2{z-index:3;margin:0;font-size:58px;line-height:.86;color:#fff2a0;text-shadow:0 4px 0 #8b2d0d,0 0 12px #fff,0 0 38px #ffad14;animation:gnTitleBoom .7s cubic-bezier(.2,1.5,.3,1)}.gn-result strong{z-index:3;margin-top:24px;font:900 34px Arial;color:#fffbd0;text-shadow:0 0 16px #ffb218}.gn-result p{z-index:3;font-weight:bold;letter-spacing:4px;color:#ffe07c}.gn-result.lose h2{font-size:45px;color:#ff8291;text-shadow:0 3px #5c0712,0 0 20px #f22}.gn-result.lose strong{color:#ff7e8e}.gn-rays{position:absolute;width:850px;height:850px;background:repeating-conic-gradient(#ffdf6233 0 8deg,transparent 8deg 18deg);animation:gnRotate 7s linear infinite}.gn-victory{z-index:2;width:260px;height:260px;object-fit:cover;object-position:center 28%;mask-image:radial-gradient(ellipse,#000 50%,transparent 75%);filter:drop-shadow(0 0 24px #ffd141);animation:gnBird .8s alternate infinite}.gn-coin-rain{position:absolute;inset:0}.gn-coin-rain i{position:absolute;left:calc((var(--i)*31)%100*1%);top:-10%;color:#ffd84e;font-size:16px;text-shadow:0 0 5px #fff;animation:gnFall 1.7s linear infinite;animation-delay:calc((var(--i)%9)*-.14s)}.gn-game.winning{animation:gnShake .6s both}@keyframes gnWheelSpin{to{transform:rotate(1440deg)}}@keyframes gnShine{0%,55%{transform:translateX(-150%)}100%{transform:translateX(150%)}}@keyframes gnRotate{to{transform:rotate(360deg)}}@keyframes gnPulse{to{transform:scale(1.14);box-shadow:0 0 55px #fff}}@keyframes gnCharge{40%{transform:scale(1.08);filter:brightness(2) drop-shadow(0 0 28px #fff)}75%{transform:translateY(-7px) scale(1.04)}}@keyframes gnAttack{to{transform:scale(1.08) translateY(-5px)}}@keyframes gnRoll{to{transform:translateY(12px) scaleY(.65);filter:blur(3px)}}@keyframes gnAppear{from{opacity:0;transform:scale(1.2)}}@keyframes gnTitleBoom{from{transform:scale(.1) rotate(-8deg);opacity:0}65%{transform:scale(1.16)}}@keyframes gnBird{to{transform:translateY(-12px) scale(1.06)}}@keyframes gnFall{to{transform:translateY(115svh) rotate(1080deg)}}@keyframes gnShake{0%,100%{transform:none}20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@media(max-width:420px){.gn-stage{height:350px}.gn-guardian{height:175px}.gn-guardian img{height:185px}.gn-side i{width:38px;height:38px}.gn-result h2{font-size:46px}}@media(min-width:700px){.gn-game{border-radius:24px;border:1px solid #d99e4e55;min-height:calc(100svh - 70px)}}