.zr-wheel{--wheel-gold:#f4d798;--wheel-line:#eac07a30;--wheel-muted:#b9adb0;padding-bottom:4rem}
.zr-wheel-banner,.zr-wheel-panel{border:1px solid var(--wheel-line);border-radius:20px;background:linear-gradient(145deg,#221618,#110e13 75%)}
.zr-wheel-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.28fr);align-items:center;gap:1.5rem;padding:clamp(1rem,3vw,2rem);margin-bottom:1.5rem}
.zr-wheel-icon{display:inline-block;flex:none;width:1.2rem;height:1.2rem;background:currentColor;mask:var(--icon) center/contain no-repeat}
.zr-wheel-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--wheel-gold);font-size:.72rem;font-weight:800;letter-spacing:.14em}
.zr-wheel h2{font-size:clamp(1.05rem,2vw,1.45rem);margin:.2rem 0 .7rem;color:var(--wheel-gold)}
.zr-wheel-banner p,.zr-wheel-panel p{margin:.4rem 0;color:var(--wheel-muted);line-height:1.55}
.zr-wheel-free h2{font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.03em}
.zr-wheel-rules{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;list-style:none;margin:1rem 0;padding:0}
.zr-wheel-rules li{display:flex;gap:.6rem;align-items:flex-start;color:var(--wheel-gold)}
.zr-wheel-rules li div{display:grid;gap:.15rem}
.zr-wheel-rules li b{font-size:.86rem;color:#f2e3d1}
.zr-wheel-rules li div span{color:var(--wheel-muted);font-size:.82rem}
.zr-wheel-availability{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .55rem;padding-inline-start:1rem;font-size:.85rem;color:var(--wheel-muted)}
.zr-wheel-availability::before{content:"";position:absolute;inset-inline-start:0;top:.54rem;width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.zr-wheel-availability p{margin:0;color:inherit}
.zr-wheel-availability [data-state]{display:none}
.zr-wheel-availability[data-wheel-state="guest"] [data-state="guest"],
.zr-wheel-availability[data-wheel-state="loading"] [data-state="loading"],
.zr-wheel-availability[data-wheel-state="ready"] [data-state="ready"],
.zr-wheel-availability[data-wheel-state="waiting"] [data-state="waiting"],
.zr-wheel-availability[data-wheel-state="error"] [data-state="error"]{display:inline}
.zr-wheel-availability[data-wheel-state="ready"]{color:#bde6b0}
.zr-wheel-availability[data-wheel-state="ready"]::before{box-shadow:0 0 .7rem currentColor}
.zr-wheel-availability[data-wheel-state="waiting"]{color:var(--wheel-gold)}
.zr-wheel-availability b{font-variant-numeric:tabular-nums}
.zr-wheel-balance{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;background:#07060960;border:1px solid var(--wheel-line);padding:1rem;border-radius:14px}
.zr-wheel-balance>.zr-wheel-icon{width:1.6rem;height:1.6rem;color:var(--wheel-gold)}
.zr-wheel-balance div{display:grid;gap:.25rem}
.zr-wheel-balance div span{color:var(--wheel-muted);font-size:.8rem}
.zr-wheel-balance b{font-size:1.6rem;line-height:1.1;color:#fff2d6}
.zr-wheel-balance a{grid-column:1/-1;font-size:.86rem;min-width:0;text-align:center}
.zr-wheel-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,2fr) minmax(195px,.9fr);gap:1rem;align-items:start}
.zr-wheel-panel{padding:1rem;min-width:0}
.zr-wheel-panel ul{margin:.85rem 0 0;padding:0;list-style:none}
.zr-wheel-panel h2 span{display:inline-grid;place-items:center;min-width:1.6rem;height:1.6rem;border-radius:50%;background:#74292b;font:700 .8rem system-ui;color:#fff}
.zr-wheel-prizes ul,.zr-wheel-history ul{display:grid;gap:.4rem;max-height:30rem;overflow:auto;scrollbar-width:thin;scrollbar-color:#715637 transparent}
.zr-wheel-prizes li,.zr-wheel-history li{display:flex;align-items:center;gap:.55rem;padding:.55rem;background:#08070a80;border-radius:9px}
.zr-wheel-prizes :is(img,i){flex:none;width:30px;height:30px;object-fit:contain}
.zr-wheel-prizes i{display:grid;place-items:center;font-style:normal}
.zr-wheel-prizes li b{font-size:.84rem;color:var(--rarity)}
.zr-wheel-prizes li small,.zr-wheel-history li small{display:block;color:var(--wheel-muted);font-size:.72rem}
.zr-wheel-prizes li>span{color:var(--rarity);font-size:.75rem;margin-inline-start:auto;white-space:nowrap}
.zr-wheel-history li{display:grid}
.zr-wheel-stage{min-width:0;display:grid;justify-items:center;align-content:start;gap:1rem;padding:1rem 0;text-align:center}
.zr-wheel-art{width:min(100%,30rem);aspect-ratio:1;position:relative;isolation:isolate;margin:.5rem 0}
.zr-wheel-disc{width:100%;height:100%;transform-origin:center;transition:transform 3.8s cubic-bezier(.12,.7,.12,1);filter:drop-shadow(0 0 1.5rem #a63b2b50)}
.zr-wheel-pin,.zr-wheel-hub,.zr-wheel-art>span{position:absolute;left:50%;translate:-50% 0;pointer-events:none}
.zr-wheel-pin{width:12%;top:-4%;z-index:2}
.zr-wheel-hub{width:32%;top:50%;translate:-50% -50%}
.zr-wheel-art>span{top:50%;translate:-50% -50%;color:#fff4d2;font:bold clamp(.65rem,1.4vw,1rem) Georgia,serif;letter-spacing:.13em;text-shadow:0 2px 5px #200608}
.zr-wheel-actions{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}
.zr-wheel-actions button:disabled{opacity:.5;cursor:default}
.zr-wheel-result{margin:0;color:var(--wheel-gold)}
.zr-wheel-result:not([hidden]){background:#24151b;border:1px solid var(--wheel-line);border-radius:12px;padding:.8rem 1.1rem}
.zr-wheel-shop{scroll-margin-top:7rem;margin-top:2rem;padding:clamp(1rem,3vw,2rem);background:radial-gradient(ellipse at 12% 0%,#80532e38,transparent 45%),linear-gradient(140deg,#24171b,#120e13 65%)}
.zr-wheel-shop fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.zr-key-head,.zr-key-heading,.zr-key-summary{display:flex;align-items:center;gap:1rem}
.zr-key-head,.zr-key-summary{justify-content:space-between}
.zr-key-heading>.zr-wheel-icon{width:2.4rem;height:2.4rem;color:var(--wheel-gold);filter:drop-shadow(0 0 .65rem #c7873c66)}
.zr-key-head h2{font-size:clamp(1.35rem,3vw,2.1rem);margin:.15rem 0;letter-spacing:-.03em}
.zr-key-head p{font-size:.88rem;margin:.25rem 0 0}
.zr-key-currency legend,.zr-key-options legend{font-size:.82rem;font-weight:700;color:#eee0cf}
.zr-key-currency div{display:flex;gap:.2rem;background:#0d0a0e;border:1px solid var(--wheel-line);border-radius:99px;padding:.23rem;margin-top:.3rem}
.zr-key-currency label,.zr-key-pack{position:relative;cursor:pointer}
.zr-key-currency input,.zr-key-pack input{position:absolute;width:1px;height:1px;opacity:0}
.zr-key-currency label span{display:block;padding:.45rem .72rem;border-radius:99px;color:var(--wheel-muted);font-size:.78rem;font-weight:800}
.zr-key-currency input:checked+span{background:var(--wheel-gold);color:#21150f}
.zr-wheel-shop .zr-key-options{margin-top:1.5rem}
.zr-wheel-packs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}
.zr-key-pack{display:block;height:100%}
.zr-key-tile{display:grid;align-content:space-between;min-height:7.5rem;height:100%;gap:.6rem;padding:.8rem;border:1px solid var(--wheel-line);border-radius:12px;background:#100c11;transition:border-color .18s,background .18s,box-shadow .18s}
.zr-key-tile-top{display:flex;justify-content:space-between;align-items:center;gap:.3rem;min-height:1.4rem;color:var(--wheel-gold)}
.zr-key-saving{color:var(--wheel-gold);background:#60472860;border-radius:5px;padding:.15rem .35rem;font-size:.68rem;font-weight:800}
.zr-key-amount{font-size:.85rem;color:var(--wheel-muted)}
.zr-key-amount b{color:#fff1d7;font-size:1.33rem;font-variant-numeric:tabular-nums}
.zr-key-tile strong{font-size:.9rem;color:#f8ddae}
.zr-key-pack:hover .zr-key-tile{border-color:#aa854d}
.zr-key-pack input:checked+.zr-key-tile{border-color:#e1b96f;background:linear-gradient(145deg,#38231c,#1d1215);box-shadow:inset 0 0 0 1px #edc78955}
.zr-wheel-shop input:focus-visible+span{outline:2px solid #fff0c9;outline-offset:3px}
.zr-wheel-shop [data-pack-price="USD"],.zr-wheel-shop:has([name="currency"][value="USD"]:checked) [data-pack-price="BRL"]{display:none}
.zr-wheel-shop:has([name="currency"][value="USD"]:checked) [data-pack-price="USD"]{display:block}
.zr-wheel-shop .zr-key-discount{font-size:.74rem;margin:.65rem 0 0}
.zr-key-summary{flex-wrap:wrap;border-top:1px solid var(--wheel-line);padding-top:1rem;margin-top:1rem}
.zr-key-total{display:grid;gap:.2rem}
.zr-key-total span,.zr-key-checkout p{font-size:.8rem;color:var(--wheel-muted)}
.zr-key-total strong{font-size:clamp(1.4rem,3vw,2rem);color:var(--wheel-gold)}
.zr-key-checkout{text-align:end}
.zr-key-checkout p{margin:.4rem 0 0}
.zr-key-order-result{flex-basis:100%}
.zr-wheel-dialog{box-sizing:border-box;width:min(100% - 2rem,27rem);max-height:calc(100dvh - 2rem);padding:clamp(1rem,4vw,1.65rem);margin:auto;overflow:auto;border:1px solid #c89d6459;border-radius:18px;color:#fff3e5;background:radial-gradient(ellipse at 0 0,#4b2824,transparent 62%),#071022;box-shadow:0 1.5rem 5rem #000a}
.zr-wheel-dialog::backdrop{background:#09070bcc;backdrop-filter:blur(5px)}
.zr-wheel-dialog-head,.zr-wheel-dialog-links{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.zr-wheel-dialog-close{min-width:2.25rem;min-height:2.25rem;border-radius:50%;border:1px solid var(--wheel-line);background:#071022;color:#fff3e5;font:1.5rem/1 system-ui;cursor:pointer}
.zr-wheel-dialog h2{font-size:clamp(1.45rem,4vw,1.85rem);margin:.3rem 0 .4rem}
.zr-wheel-dialog>p{margin:0 0 1.2rem;color:var(--wheel-muted)}
.zr-wheel-dialog form{display:grid;gap:.65rem}
.zr-wheel-dialog form .form-msg:empty{display:none}
.zr-wheel-dialog-links{margin-top:1rem;flex-wrap:wrap}
.zr-wheel-dialog-links a{color:var(--wheel-gold);font-size:.85rem;text-decoration:underline;text-underline-offset:.2em}
@media(max-width:990px){.zr-wheel-grid{grid-template-columns:1fr 1.65fr}.zr-wheel-history{grid-column:1/-1}}
@media(max-width:820px){.zr-wheel-packs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.zr-wheel-grid,.zr-wheel-banner{grid-template-columns:minmax(0,1fr)}.zr-wheel-stage{grid-row:1}.zr-wheel-prizes ul{max-height:19rem}}
@media(max-width:480px){.zr-wheel-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.zr-key-head{align-items:start;flex-wrap:wrap}.zr-key-checkout{text-align:start}}
@media(prefers-reduced-motion:reduce){.zr-wheel-disc,.zr-key-tile{transition:none}}