.luck-page { min-height: 100vh; }
.luck-back { color: #957b7d; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-decoration: none; transition: .2s; }
.luck-back:hover { color: var(--cream); }
.luck-main { padding: 64px 0 84px; }
.luck-intro { text-align: center; }
.luck-intro h1 { margin: 0; font: 600 clamp(64px, 9vw, 104px)/.73 var(--serif); letter-spacing: -.08em; }
.luck-intro h1 em { color: var(--bright); font-style: italic; font-weight: 400; text-shadow: 0 0 40px rgba(240,75,94,.3); }
.luck-intro > p:last-child { max-width: 470px; margin: 28px auto 34px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.slot-card { position: relative; width: min(100%, 690px); margin: 0 auto; padding: 31px 34px 28px; overflow: hidden; border: 1px solid rgba(212,168,106,.28); border-radius: 18px; background: linear-gradient(145deg,rgba(49,14,21,.88),rgba(15,8,10,.92)); box-shadow: 0 32px 90px rgba(0,0,0,.38); text-align: center; }
.slot-card:before,.slot-card:after { content:""; position:absolute; width:115px; height:115px; border:1px solid rgba(212,168,106,.14); border-radius:50%; }
.slot-card:before { top:-72px; left:-45px; }
.slot-card:after { right:-45px; bottom:-72px; }
.slot-glow { position:absolute; inset:20% 25%; background:rgba(207,45,61,.18); filter:blur(70px); pointer-events:none; }
.slot-heading { position:relative; display:flex; align-items:center; justify-content:center; gap:16px; }
.slot-heading > span { color:var(--gold); font-size:18px; }
.slot-heading small { color:var(--bright); font-size:8px; font-weight:800; letter-spacing:.24em; }
.slot-heading h2 { margin:5px 0 0; color:#edc8b9; font:600 27px var(--serif); }
.reels { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:27px auto 23px; max-width:500px; }
.reel { position:relative; display:grid; place-items:center; aspect-ratio:1/1.04; overflow:hidden; border:1px solid rgba(245,232,217,.17); border-radius:12px; background:linear-gradient(180deg,#12090b,#281116 49%,#10080a); box-shadow:inset 0 0 30px rgba(0,0,0,.45),0 8px 25px rgba(0,0,0,.2); }
.reel:before,.reel:after { content:""; position:absolute; z-index:2; left:0; right:0; height:28%; pointer-events:none; }
.reel:before { top:0; background:linear-gradient(#0b0607,transparent); }
.reel:after { bottom:0; background:linear-gradient(transparent,#0b0607); }
.reel-symbol { font-size:clamp(43px,8vw,67px); filter:drop-shadow(0 7px 8px rgba(0,0,0,.35)); transform:translateZ(0); }
.reel.spinning .reel-symbol { animation:reelFlip .16s linear infinite; }
@keyframes reelFlip { 0%{transform:translateY(-52px) scale(.72);opacity:.2} 50%{transform:translateY(0) scale(1);opacity:1} 100%{transform:translateY(52px) scale(.72);opacity:.2} }
.reel.winner { border-color:rgba(212,168,106,.85); box-shadow:inset 0 0 32px rgba(212,168,106,.12),0 0 26px rgba(240,75,94,.22); animation:winnerPulse .8s ease 2; }
@keyframes winnerPulse { 50%{transform:translateY(-4px);box-shadow:inset 0 0 32px rgba(212,168,106,.2),0 0 34px rgba(240,75,94,.38)} }
.result { position:relative; min-height:61px; }
.result strong,.result span { display:block; }
.result strong { color:#f1c7b9; font:600 24px var(--serif); }
.result span { max-width:450px; margin:6px auto 0; color:#9f8082; font-size:10px; line-height:1.6; }
.result.is-win strong { color:var(--gold); }
.spin-button { position:relative; min-width:235px; margin-top:17px; }
.spin-button:disabled { cursor:wait; opacity:.72; transform:none; }
.slot-note { position:relative; margin:14px 0 0; color:#735e61; font-size:8px; letter-spacing:.06em; }
.luck-stats { display:flex; align-items:center; justify-content:center; gap:28px; margin:28px auto 0; color:#8e7375; }
.luck-stats div { min-width:90px; text-align:center; }
.luck-stats strong,.luck-stats span { display:block; }
.luck-stats strong { color:#d8aba1; font:600 25px var(--serif); }
.luck-stats span { margin-top:2px; font-size:8px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.luck-stats i { width:1px; height:30px; background:rgba(255,255,255,.12); }
@media (max-width:620px) { .luck-main{padding:45px 0 60px}.luck-intro h1{font-size:68px}.slot-card{padding:25px 15px 24px}.slot-heading{gap:9px}.slot-heading h2{font-size:23px}.reels{gap:7px}.reel-symbol{font-size:43px}.luck-back{font-size:8px}.slot-note{font-size:7px} }
@media (prefers-reduced-motion:reduce) { .reel.spinning .reel-symbol,.reel.winner{animation:none} }