
.gs{min-height:100vh;padding:88px 16px 40px;color:#fff6df;background:
	radial-gradient(ellipse at 50% 0%, #7a2a18 0%, #1a0a0e 46%, #090608 100%);}
.gs-head{max-width:980px;margin:0 auto 8px;display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:12px}
.gs-back{color:#ffe7a8;text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.gs-head .gs-back:last-child{text-align:right}
.gs-logo{width:min(520px,100%);height:92px;object-fit:cover;object-position:center;display:block;margin:0 auto;border-radius:18px;box-shadow:0 10px 30px #0008}
.gs-cabinet{max-width:980px;margin:12px auto 0;padding:16px 16px 14px;border-radius:28px;
	background:linear-gradient(180deg,#8a341c,#3a120f 40%,#24100c);
	box-shadow:0 24px 70px #000a, inset 0 0 0 3px #e7b23a, inset 0 0 0 8px #5a2414}
.gs-marquee{display:flex;justify-content:center;gap:18px;margin-bottom:10px;color:#ffe7a8;letter-spacing:.16em;font-size:12px}
.gs-screen{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:18px;background:#12080c;border:2px solid #f0cc74;box-shadow:inset 0 0 40px #000}
.gs-reel{display:grid;gap:8px}
.gs-cell{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#1a0c10;position:relative}
.gs-cell img{width:100%;height:100%;object-fit:cover;display:block}
.gs-cell.is-win{box-shadow:inset 0 0 0 3px #ffe27a, 0 0 18px #f6d56a}
.gs-cell.is-spin img{filter:blur(1.2px) brightness(1.15)}
.gs-hud{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-top:14px}
.gs-hud small{display:block;color:#e7c98a;letter-spacing:.12em;font-size:11px}
.gs-hud strong{font-size:22px;font-variant-numeric:tabular-nums}
.gs-betbox div{display:flex;align-items:center;gap:8px}
.gs-betbox button,.gs-sound{width:36px;height:36px;border-radius:999px;border:1px solid #e7b23a;background:#2a120c;color:#fff6df}
.gs-sound{padding:0 14px;width:auto;height:44px}
.gs-spin{border:0;border-radius:999px;padding:14px 28px;min-width:160px;font-size:18px;font-weight:800;letter-spacing:.04em;
	background:linear-gradient(#ffe9a4,#e2a21a);color:#3a160c;box-shadow:0 8px 0 #8a5a10}
.gs-spin:disabled{opacity:.55;box-shadow:none}
.gs-status{margin:10px 0 0;text-align:center;color:#f0d7a4;font-size:14px}
.gs-pay{max-width:980px;margin:16px auto 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.gs-pay article{background:#1c0d12ee;border:1px solid #e7b23a55;border-radius:14px;padding:8px;text-align:center}
.gs-pay img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.gs-pay strong,.gs-pay span,.gs-pay em{display:block}
.gs-pay strong{margin-top:6px;font-size:12px;letter-spacing:.08em}
.gs-pay span,.gs-pay em{color:#f0d7a4;font-size:11px;font-style:normal}
.gs-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#16081988;z-index:30}
.gs-overlay[hidden]{display:none}
.gs-overlay div{padding:18px 36px;border:3px solid #fff1a8;border-radius:18px;background:linear-gradient(135deg,#8d262b,#e3a52f);text-align:center}
.gs-overlay b{display:block;letter-spacing:3px;font-size:28px}
.gs-overlay strong{display:block;font-size:42px}
.gs-lock{text-align:center}
@media(max-width:800px){
	.gs{padding-top:78px}
	.gs-logo{height:64px}
	.gs-pay{grid-template-columns:repeat(3,minmax(0,1fr))}
	.gs-hud{justify-content:center}
}


.gs-reel{overflow:hidden;position:relative}
.gs-strip{display:grid;gap:8px;will-change:transform}
.gs-cell{aspect-ratio:1}
.gs-cell.is-land img{animation:gs-land .38s ease}
.gs-cell.is-win{box-shadow:inset 0 0 0 3px #ffe27a, 0 0 18px #f6d56a}
.gs-cell.is-wild img{animation:gs-shimmer 2.4s ease-in-out infinite}
.gs-cell.is-win img{animation:gs-pop .7s ease-in-out infinite}
.gs-reel.is-rolling .gs-cell img{filter:blur(.6px) brightness(1.12)}
@keyframes gs-land{0%{transform:translateY(-22%)}60%{transform:translateY(5%)}100%{transform:translateY(0)}}
@keyframes gs-pop{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.07);filter:brightness(1.28) saturate(1.2)}}
@keyframes gs-shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.15)}}


.gs-cabinet{position:relative}
.gs-screen{position:relative;overflow:hidden}
.gs-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,236,180,.18) 48%,transparent 60%);transform:translateX(-120%);animation:gs-sweep 3.8s ease-in-out infinite}
.gs-marquee span{display:inline-block;animation:gs-lamp 1.4s ease-in-out infinite}
.gs-marquee span:nth-child(2){animation-delay:.2s}
.gs-marquee span:nth-child(3){animation-delay:.4s}
.gs-marquee span:nth-child(4){animation-delay:.6s}
.gs-cabinet.is-glow{box-shadow:0 24px 70px #000a, inset 0 0 0 3px #ffe27a, inset 0 0 40px #e7b23a55}
.gs-cabinet.is-shake{animation:gs-shake .45s linear}
.gs-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
.gs-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff6d0,#e7b23a 60%,transparent 70%);animation:gs-spark .9s ease-out forwards}
.gs-spark.is-big{width:10px;height:10px}
.gs-overlay div{animation:gs-popin .45s cubic-bezier(.15,1.2,.3,1)}
.gs-overlay.is-big div{animation:gs-popin .55s cubic-bezier(.15,1.4,.3,1), gs-winpulse 0.8s ease-in-out .4s infinite}
.gs-cell.is-win::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 42%);mix-blend-mode:screen;animation:gs-sheen .8s linear infinite}
@keyframes gs-sweep{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@keyframes gs-lamp{0%,100%{opacity:.55}50%{opacity:1;text-shadow:0 0 12px #ffe27a}}
@keyframes gs-shake{20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
@keyframes gs-spark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@keyframes gs-popin{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes gs-winpulse{50%{transform:scale(1.05)}}
@keyframes gs-sheen{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@media (prefers-reduced-motion: reduce){
  .gs-screen::after,.gs-marquee span,.gs-cell.is-win img,.gs-cell.is-wild img{animation:none}
}
