.golden-reels-page{padding:0px 0 56px}.golden-reels-hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:10px 2px 22px}.golden-reels-hero h1{margin:6px 0 9px;font-size:clamp(42px,6vw,64px);line-height:.95}.golden-reels-hero p{max-width:650px;margin:0;color:var(--muted);font-size:12px;line-height:1.8}.golden-reels-wallet{display:flex;align-items:center;gap:10px;min-width:180px;padding:13px 16px;background:#fff6c7;border:1px solid #dfc65e;border-radius:14px}.golden-reels-wallet>span{font-size:30px}.golden-reels-wallet small,.golden-reels-wallet strong{display:block}.golden-reels-wallet small{font-size:8px;color:#7d6a29;font-weight:800;letter-spacing:.8px}.golden-reels-wallet strong{font-size:28px;color:#6d5211}.golden-reels-stage{position:relative;aspect-ratio:1672/941;border-radius:20px;overflow:hidden;background:#34563a;box-shadow:0 12px 32px #273d2c20}.golden-reels-stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.golden-reels-live-window{position:absolute;left:20.45%;top:37.3%;width:59.15%;height:34.9%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.38%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.golden-reel{position:relative;display:grid;place-items:center;overflow:hidden;background:rgba(255,253,242,.96);border:0;border-radius:3px}.golden-reel-symbol{font-size:clamp(30px,5vw,62px);line-height:1;transition:transform .12s ease}.golden-reel.is-spinning .golden-reel-symbol{filter:blur(.7px)}.golden-reel.has-stopped{box-shadow:inset 0 0 0 3px #f0c94e}.golden-reels-payline{position:absolute;z-index:3;left:1%;right:1%;top:50%;height:2px;background:#f2c84e99;pointer-events:none}.golden-reels-spin{position:absolute;left:50%;bottom:5.2%;transform:translateX(-50%);width:min(360px,38%);height:9.5%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fffce6;background:linear-gradient(#47a31f,#1c7d1a);border:3px solid #e8bd3b;border-radius:999px;box-shadow:inset 0 0 0 2px #fff27f55,0 5px 15px #4d2c132e;font-weight:900;font-size:clamp(15px,2.4vw,28px);cursor:pointer}.golden-reels-spin small{display:block;font-size:8px;font-weight:700}.golden-reels-spin:disabled{filter:grayscale(.6);opacity:.65;cursor:not-allowed}.golden-reels-status{margin:14px 0 18px;padding:14px 17px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.golden-reels-status strong,.golden-reels-status small{display:block}.golden-reels-status strong{margin-top:4px;font-size:18px}.golden-reels-status small{margin-top:4px;color:var(--muted);font-size:9px}.golden-reels-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:16px}.golden-reels-prizes,.golden-reels-odds{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.golden-reels-section-heading h2,.golden-reels-odds h2{margin:5px 0 14px;font-size:24px}.golden-reels-prize-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.golden-reels-prize-grid article{display:flex;gap:10px;padding:11px;background:#f5f3e8;border:1px solid #e4e1d2;border-radius:10px}.golden-reels-prize-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;background:#fffdf4;border-radius:9px;font-size:20px}.golden-reels-prize-grid strong{font-size:10px}.golden-reels-prize-grid p{margin:3px 0;color:var(--muted);font-size:8px;line-height:1.45}.golden-reels-prize-grid small{font-size:8px;color:var(--green)}.golden-reels-odds-list{display:grid;gap:7px}.golden-reels-odds-list div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;background:#f5f3e8;border-radius:9px}.golden-reels-odds-list strong{font-size:10px}.golden-reels-odds-list span{font-size:9px;color:var(--muted)}.golden-reels-odds-list small{grid-column:1/-1;color:#8b6810;font-size:8px}.golden-reels-odds>p{color:var(--muted);font-size:9px;line-height:1.55}.golden-reels-cost-note{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff4bf;border:1px solid #dec761;border-radius:10px}.golden-reels-cost-note span{font-size:9px;color:#75631f}.golden-reels-cost-note strong{font-size:17px}.golden-reels-status.is-win{background:#edf6e8;border-color:#b7d5a8}.golden-reels-status.is-loss{background:#f5f0e6}@media(max-width:760px){.golden-reels-hero{align-items:flex-start;flex-direction:column}.golden-reels-wallet{min-width:0}.golden-reels-stage{aspect-ratio:1672/941}.golden-reels-stage-art{object-position:center}.golden-reels-live-window{left:20.45%;top:37.3%;width:59.15%;height:34.9%}.golden-reels-spin{left:50%;width:42%;bottom:4.5%;height:10%;font-size:18px}.golden-reels-grid{grid-template-columns:1fr}.golden-reels-prize-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.golden-reels-page{padding-top:12px}.golden-reels-prize-grid{grid-template-columns:1fr}.golden-reels-live-window{gap:2px;padding:4px;border-width:3px}.golden-reel-symbol{font-size:29px}.golden-reels-spin{font-size:15px}.golden-reels-spin small{display:none}}


/*
 * Keep the absolutely positioned Spin button centred while pressed.
 * The global button:active rule uses transform: translateY(1px), which would
 * otherwise replace this button's translateX(-50%) centring transform.
 */
.golden-reels-spin {
    transition:
        transform .08s ease,
        filter .15s ease,
        opacity .15s ease;
}

.golden-reels-spin:not(:disabled):active {
    transform: translateX(-50%) translateY(1px) scale(.99);
}


/* =========================================================
   Golden Reels wager selector — v3
   ========================================================= */
.golden-reels-wager{
    display:grid;
    grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
    gap:18px;
    align-items:center;
    margin:14px 0 12px;
    padding:17px 18px;
    background:linear-gradient(135deg,#fff9d7 0%,#fffdf2 55%,#f3f0df 100%);
    border:1px solid #dcc45d;
    border-radius:15px;
    box-shadow:0 5px 16px #4a3c1d12
}
.golden-reels-wager-copy h2{margin:4px 0 6px;font-size:22px;line-height:1.08}
.golden-reels-wager-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}
.golden-reels-wager-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.golden-reels-wager-option{
    min-width:0;
    padding:11px 9px 10px;
    border:1px solid #d9d4b9;
    border-radius:11px;
    background:#fffef7;
    color:var(--ink);
    text-align:center;
    cursor:pointer;
    box-shadow:0 2px 0 #d8d2b5;
    transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease
}
.golden-reels-wager-option:not(:disabled):hover{transform:translateY(-1px);border-color:#c6a62e}
.golden-reels-wager-option.is-active{
    background:linear-gradient(#fff3a9,#f5d75c);
    border-color:#b98d14;
    box-shadow:inset 0 0 0 2px #fff6b6,0 3px 0 #997513,0 7px 15px #8065171c
}
.golden-reels-wager-option:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}
.golden-reels-wager-amount,.golden-reels-wager-option strong,.golden-reels-wager-option small{display:block}
.golden-reels-wager-amount{margin-bottom:4px;color:#765b0f;font-size:18px;font-weight:900}
.golden-reels-wager-option strong{font-size:10px}
.golden-reels-wager-option small{margin-top:3px;color:#7a6d36;font-size:7px;font-weight:700}
.golden-reels-wager-detail{
    grid-column:1/-1;
    margin:0;
    padding-top:10px;
    border-top:1px solid #ded5aa;
    color:#725f1b;
    font-size:8px;
    line-height:1.5;
    text-align:center
}

@media(max-width:760px){
    .golden-reels-wager{grid-template-columns:1fr}
}
@media(max-width:520px){
    .golden-reels-wager{padding:14px 12px}
    .golden-reels-wager-options{gap:5px}
    .golden-reels-wager-option{padding:9px 5px}
    .golden-reels-wager-amount{font-size:15px}
    .golden-reels-wager-option strong{font-size:8px}
    .golden-reels-wager-option small{font-size:6px}
}