html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% 5%,#30483d 0,#111915 29%,#030504 70%);-webkit-font-smoothing:antialiased}.machine{overflow:visible;border-radius:32px;background:linear-gradient(145deg,#202a24cc,#050706 58%,#101713);box-shadow:0 45px 120px #000,0 0 0 7px #070907,0 0 0 9px #d0a44c,0 0 70px #58e8a51a;backdrop-filter:blur(22px)}header{position:sticky;top:0;z-index:40;background:#050706b8;backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px)}.icon-button,.bet button,.paytable,.spin{transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s,box-shadow .32s}.icon-button:hover,.bet button:hover,.paytable:hover{transform:scale(1.07)}.icon-button:active,.bet button:active,.spin:active{transform:scale(.94)}.machine-top{background:linear-gradient(100deg,#080b09,#24342b 48%,#080b09);backdrop-filter:blur(18px)}
.tiger{width:140px;height:140px;align-self:center;object-fit:cover;border-radius:50%;border:3px solid #f3cc6f;box-shadow:0 0 0 6px #0b0e0c,0 12px 32px #000,0 0 28px #f9c75055;filter:saturate(1.08) contrast(1.06)}.feature-strip{background:#030504e8;border-block:1px solid #e9be5e29}.reel-frame{overflow:hidden;isolation:isolate;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.reel{border-radius:16px;padding:7px;background:#07100c;border-color:#d9ad50;box-shadow:inset 0 0 18px #000}.cell{border-radius:12px;transition:transform .55s cubic-bezier(.2,.85,.2,1),opacity .45s,filter .45s,box-shadow .35s;box-shadow:inset 0 1px #fff8}.cell small{position:absolute;left:4px;right:4px;bottom:3px;padding:2px 3px;border-radius:99px;background:#07100cbb;color:#ffe8a6;font-size:clamp(6px,.8vw,10px);font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell .glyph{font-size:clamp(34px,6vw,74px);color:#e9b94f;text-shadow:0 3px 0 #6c4510,0 0 22px #ffd86d}.cell .g4{color:#42e29a;text-shadow:0 3px 0 #0c6743,0 0 22px #61ffc0}.reels.spinning .cell{filter:blur(4px) brightness(.78);transform:translateY(7px) scale(.96)}
.controls{margin:0 14px 14px;border:1px solid #ffffff14;border-radius:24px;background:linear-gradient(135deg,#ffffff0c,#00000024);box-shadow:inset 0 1px #ffffff12}.spin{box-shadow:0 0 0 5px #9d7a35,0 10px 36px #45efa066}.spin:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 0 0 5px #c89d45,0 15px 42px #45efa088}.spin.free{background:radial-gradient(circle at 50% 28%,#ffec9f,#d6a53e 56%,#76500c);box-shadow:0 0 0 5px #7a581a,0 12px 38px #ffd86a66}.message{transition:color .35s,background .35s}.symbols-bar{backdrop-filter:blur(18px);border-radius:24px}.symbol-item img{object-fit:cover;background:#060806}.audio-only{position:fixed;width:1px;height:1px;opacity:.001;pointer-events:none;left:-10px;top:-10px}
.golden-cell{background:radial-gradient(circle,#fff9c9,#f5c34f 62%,#7b4b08);box-shadow:inset 0 0 25px #fff,0 0 18px #ffd766aa}.golden-cell img{width:96%;height:96%;border-radius:12px;object-fit:cover}.reel:nth-child(1) .golden-lock{--tx:112%}.reel:nth-child(2) .golden-lock{--tx:0%}.reel:nth-child(3) .golden-lock{--tx:-112%}.golden-lock:nth-child(1){--ty:112%}.golden-lock:nth-child(2){--ty:0%}.golden-lock:nth-child(3){--ty:-112%}.golden-lock{transform:translate(var(--tx),var(--ty)) scale(.16) rotate(16deg);opacity:0;filter:brightness(2);box-shadow:0 0 60px #fff6a4}
.golden-takeover{position:absolute;z-index:12;inset:18px 52px;display:grid;place-items:center;overflow:hidden;border:2px solid #ffe995;border-radius:20px;background:radial-gradient(circle,#3b2705,#050403 72%);opacity:0;transform:scale(.22) rotate(-8deg);pointer-events:none;transition:opacity .55s,transform .75s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 0 45px #ffd84d55,0 0 80px #ffce4499}.golden-takeover.show{opacity:1;transform:scale(1) rotate(0)}.golden-takeover img{position:absolute;width:100%;height:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 12px 30px #000)}.golden-takeover span{position:absolute;z-index:3;bottom:14px;padding:8px 20px;border-radius:999px;background:#050403cc;border:1px solid #ffdc73;color:#fff0ac;font-weight:900;letter-spacing:4px}.golden-halo{position:absolute;width:140%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#ffd85c 0 4deg,transparent 5deg 11deg);opacity:.5;animation:goldenSpin 10s linear infinite}
.max-win{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;background:#000d;backdrop-filter:blur(22px);transition:opacity .5s,visibility .5s}.max-win.show{visibility:visible;opacity:1}.max-rays{position:absolute;width:min(1000px,140vw);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#ffdd6e40 0 3deg,transparent 4deg 11deg);animation:goldenSpin 16s linear infinite}.max-card{position:relative;z-index:2;text-align:center;padding:42px clamp(24px,7vw,80px);border:2px solid #ffe9a1;border-radius:34px;background:radial-gradient(circle at 50% 10%,#46300d,#090a08 65%);box-shadow:0 0 0 8px #201706,0 30px 120px #000,0 0 90px #ffd35d66;transform:translateY(26px) scale(.8);transition:transform .7s cubic-bezier(.16,1,.3,1)}.max-win.show .max-card{transform:none}.max-card p{margin:0;color:#ffda72;letter-spacing:5px}.max-card h2{margin:6px 0;font:900 clamp(62px,13vw,130px)/.9 'Barlow Condensed';color:#fff4b8;text-shadow:0 4px #b37213,0 0 32px #ffd967}.max-card strong{display:block;font:900 clamp(32px,7vw,70px)/1 'Barlow Condensed';color:#58efae}.max-card blockquote{margin:20px 0;color:#ffecc4;font-size:clamp(18px,3vw,30px);font-style:italic}.max-card button{padding:15px 28px;border:1px solid #ffe698;border-radius:99px;background:linear-gradient(#fff1a3,#c99027);color:#211506;font-weight:900;letter-spacing:1px}.golden-rule{background:#f6ca5020;border-radius:12px;padding-inline:10px!important}
@keyframes goldenSpin{to{transform:rotate(360deg)}}
@media(max-width:620px){.machine{border-radius:23px}.machine-top{grid-template-columns:82px 1fr}.tiger{width:82px;height:82px}.controls{margin:0 6px 8px;border-radius:18px}.golden-takeover{inset:9px 18px}.golden-takeover span{font-size:10px;letter-spacing:2px}.max-card{border-radius:25px;padding:34px 20px}.cell small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.golden-halo,.max-rays{animation:none}.golden-lock{opacity:.2}.max-card,.max-win,.golden-takeover{transition:none}}