/* Guitar Game beta demo — additive premium spinning wheel. No Guitix art changes. */
.ggp-wallet{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 0%,#455b55 0%,#203b37 32%,#112727 100%);border:1px solid #c8ad69;box-shadow:0 14px 30px #071f2329,inset 0 0 0 1px #eddaa02b;padding:18px;}
.ggp-wallet>h3{font-family:Georgia,serif;letter-spacing:.02em;font-size:clamp(23px,5.7vw,29px);color:#ffe6a8;margin:0 0 7px;}
.ggp-wallet>p{max-width:62ch}
.ggp-wallet button:not(.ggp-exit){cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.ggp-wallet button:active{transform:scale(.98)}
.ggp-wallet button:nth-of-type(1){background:linear-gradient(110deg,#f3db9a,#c29c51);border:1px solid #fff0bb;color:#2c2516;font-weight:800;box-shadow:0 5px 0 #836536}
.ggp-wallet button:nth-of-type(2){background:linear-gradient(110deg,#453251,#735e91);border:1px solid #c9acfa;color:#fff6df;font-weight:800;box-shadow:0 5px 0 #37283c}
.ggp-wallet button:disabled{opacity:.53;cursor:not-allowed}
.ggp-wallet>p[role="status"]{min-height:1.4em;font-weight:650;color:#fbe2a0}
.ggw-shell{color:#f7eddd;font-family:system-ui,-apple-system,sans-serif;text-align:center;display:grid;justify-items:center;gap:10px;max-width:100%;margin:0 auto}
.ggw-eyebrow{letter-spacing:.19em;text-transform:uppercase;font-size:10px;color:#f9d587;font-weight:800}
.ggw-cost{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ggw-chip{border:1px solid #baa77086;color:#f8e8ba;background:#172e30;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700}
.ggw-roulette{width:min(68vw,294px);height:min(68vw,294px);min-width:204px;min-height:204px;max-width:294px;max-height:294px;position:relative;display:grid;place-items:center;isolation:isolate;filter:drop-shadow(0 9px 16px #06191dc0)}
.ggw-rim{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#f0dba8,#89632b,#e4c382,#755727,#f0dba8);border:3px solid #ffedbe;box-shadow:inset 0 0 0 4px #422d22,inset 0 0 0 7px #ffe5a4}
.ggw-disc{position:absolute;inset:11px;border:3px solid #322e2b;border-radius:50%;overflow:hidden;will-change:transform;box-shadow:inset 0 0 0 1px #ffe5b8,0 0 0 3px #503d26}
.ggw-disc::after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px dashed #fff6d780;pointer-events:none}
.ggw-wedge-text{position:absolute;transform:translate(-50%,-50%);font-size:clamp(11px,3.2vw,13px);font-weight:900;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 3px #081319,0 0 8px #081319;color:#fff7de;pointer-events:none}
.ggw-wedge-text.tiny{font-size:11px}
.ggw-center{position:relative;z-index:3;width:31%;height:31%;border-radius:50%;display:grid;align-content:center;place-items:center;background:radial-gradient(circle at 38% 25%,#fff0b5,#cfa854 67%,#67502e);border:3px solid #fff0b6;box-shadow:0 3px 0 #715328,0 0 0 4px #1c3535}
.ggw-center strong{font-family:Georgia,serif;font-size:clamp(19px,5vw,28px);color:#2b2a27;line-height:1.05}
.ggw-center small{font-size:9px;color:#382f25;font-weight:800;letter-spacing:.13em}
.ggw-pointer{position:absolute;z-index:5;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:38px solid #f9e7aa;filter:drop-shadow(0 3px 0 #643c18)}
.ggw-pointer::after{content:"";position:absolute;left:-7px;top:-35px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:19px solid #af6c31}
.ggw-lights{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff0c900 0deg 17deg,#ffefbe 17deg 19deg,#fff0c900 19deg 30deg);mask:radial-gradient(transparent 0 91%,#000 92% 96%,transparent 97%)}
.ggw-wheel-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:340px}
.ggw-wheel-legend span{display:inline-flex;align-items:center;gap:4px;border:1px solid #a891654e;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;background:#173030;color:#f6eddb}
.ggw-swatch{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.ggw-instruction{font-size:12px;color:#e8dcbf;line-height:1.45;max-width:34ch}
.ggw-sim{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#ffeab7;font-weight:700}
.ggp-dialog.ggw-active{width:min(calc(100vw - 20px),444px);max-width:444px;max-height:min(90dvh,750px);overflow:auto;background:linear-gradient(165deg,#1b3435,#102628 75%);color:#f7ebd7;border:2px solid #dfc488;border-radius:20px;padding:16px;box-shadow:0 25px 90px #06191dc9}
.ggp-dialog.ggw-active h2{font-family:Georgia,serif;font-size:24px;text-align:center;color:#ffe4a5;margin:6px 0 13px}
.ggp-dialog.ggw-active>button{display:block;margin:10px auto 0;background:#f2dfb4;color:#2b2a22;padding:9px 20px;border:0;border-radius:9px;font-weight:700}
.ggp-dialog.ggw-active .ggw-action{background:linear-gradient(#fbe7b6,#bc934a);color:#1e2828;border:1px solid #fcebbf;border-radius:13px;font-size:15px;font-weight:800;padding:12px 20px;min-height:48px;box-shadow:0 4px 0 #775b35;cursor:pointer}
.ggp-dialog.ggw-active .ggw-action:disabled{opacity:.65}
.ggw-winning{animation:ggw-reveal .5s ease-out;max-width:330px;width:100%;margin:2px auto;padding:14px;border-radius:14px;background:linear-gradient(140deg,#f6e6b9,#baa06a 55%,#f0ddae);color:#283134;border:3px solid #fff0c8;box-shadow:0 12px 22px #0716199e}
.ggw-winning img{width:min(40vw,130px);max-height:176px;object-fit:contain;display:block;margin:4px auto 8px;border-radius:8px;filter:drop-shadow(0 5px 8px #51462e7d)}
.ggw-winning strong{display:block;font-family:Georgia,serif;font-size:23px;line-height:1.17}
.ggw-winning .ggp-prize{font-size:13px;font-weight:800;letter-spacing:.08em;color:#3b3b37;animation:none;margin:4px 0 6px}
.ggw-winning small{display:block;font-size:11px;color:#4b4639;font-weight:650}
.ggw-winning[data-rarity="Lendária"]{background:linear-gradient(140deg,#ffeca6,#c99931 55%,#fff6bc);border-color:#ffe8a0;box-shadow:0 0 27px #ecca6985,0 12px 22px #0716199e}
.ggw-spin-status{font-size:12px;font-weight:700;color:#ffe6af;min-height:18px}
@keyframes ggw-reveal{from{opacity:0;transform:translateY(12px) scale(.91)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ggw-disc{transition:none!important}.ggw-winning{animation:none!important}.ggp-wallet button:not(.ggp-exit){transition:none!important}}
@media(max-width:360px){.ggp-dialog.ggw-active{padding:10px}.ggw-roulette{width:216px;height:216px;min-width:0;min-height:0}.ggw-disc{inset:9px}.ggw-wedge-text{font-size:10px}}

/* After the spin the illustration becomes the focal point on short iPhone screens. */
.ggw-shell.ggw-finished{gap:7px}
.ggw-shell.ggw-finished .ggw-roulette{width:146px;height:146px;min-width:146px;min-height:146px;max-width:146px;max-height:146px}
.ggw-shell.ggw-finished .ggw-cost,.ggw-shell.ggw-finished .ggw-wheel-legend,.ggw-shell.ggw-finished .ggw-instruction,.ggw-shell.ggw-finished .ggw-eyebrow{display:none}
.ggw-shell.ggw-finished .ggw-wedge-text{display:none}
.ggw-shell.ggw-finished .ggw-center strong{font-size:18px}
.ggw-shell.ggw-finished .ggw-center small{font-size:7px}
.ggw-shell.ggw-finished .ggw-winning{padding:10px 12px}
.ggw-shell.ggw-finished .ggw-winning img{width:96px;max-height:118px;margin:2px auto 5px}
.ggw-shell.ggw-finished .ggw-winning strong{font-size:21px}
@media(max-height:690px){.ggw-shell.ggw-finished .ggw-roulette{width:108px;height:108px;min-width:108px;min-height:108px}.ggw-shell.ggw-finished .ggw-winning img{max-height:96px}}

/* Roulette interaction refinement: all overrides scoped to the existing wheel/wallet. */
.ggp-wallet{padding:14px}.ggp-wallet>h3{font-size:21px;margin-bottom:4px}.ggp-wallet .ggw-wallet-note,.ggp-wallet .ggw-unlock{font-size:12px;margin:4px 0;color:#e6d7b7}.ggp-wallet>button{display:block;width:100%;margin:8px 0!important;min-height:48px}.ggp-wallet>p[role="status"]:empty{display:none}.ggw-demo-options{margin-top:10px;font-size:12px}.ggw-demo-options summary{cursor:pointer;min-height:32px;display:list-item}.ggp-wallet .ggw-demo-options button{background:transparent;color:#f6e8cb;box-shadow:none;border:1px solid #a99366;width:100%;margin:6px 0;}
.ggp-dialog.ggw-active{box-sizing:border-box;padding:14px;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:min(calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),420px);overscroll-behavior:contain;scroll-padding:14px;}
.ggp-dialog.ggw-active h2{font-family:inherit;font-size:18px;margin:0 0 6px;}.ggw-shell{gap:8px;width:100%;min-width:0}.ggw-sim{font-size:11px;letter-spacing:.06em;font-weight:500}.ggw-chip{font-size:11px;padding:4px 8px}.ggw-roulette{width:min(100%,280px);height:auto;aspect-ratio:1;min-width:0;min-height:0;max-width:280px;max-height:none;margin:10px auto 0;}
.ggp-dialog.ggw-active .ggw-center{appearance:none;box-sizing:border-box;margin:0;padding:0;min-width:44px;min-height:44px;border-radius:50%;cursor:pointer;font:inherit;touch-action:manipulation;}.ggw-center:focus-visible{outline:3px solid #fff;outline-offset:5px}.ggw-center:disabled{cursor:default;opacity:1}.ggw-spin-status{margin:4px 0;line-height:1.4}.ggw-spin-status:focus{outline:none}.ggw-winning{box-sizing:border-box}.ggw-winning strong{overflow-wrap:anywhere}.ggp-dialog.ggw-active>button{min-height:44px;margin-bottom:2px}.ggp-dialog.ggw-active>button:focus-visible,.ggw-demo-options summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:360px){.ggp-dialog.ggw-active{padding:12px}.ggw-roulette{width:min(100%,246px);height:auto}.ggw-cost{gap:4px}}
@media(prefers-reduced-motion:reduce){.ggp-dialog.ggw-active{scroll-behavior:auto}.ggw-winning{animation:none!important}}