:root{
 --background:#111410;--surface:#1E241C;--text:#F6F1E7;
 --muted:#BCC3B6;--action:#B9E477;--accent:#D9B776;
 --celebration:#D5A0AB;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--background);color:var(--text);
 font:16px/1.6 Arial,system-ui,sans-serif}
.environment{padding:9px 14px;text-align:center;background:#f5df9b;
 color:#242117;font-size:11px;font-weight:bold}
.app{max-width:460px;margin:auto;padding:24px 22px;min-height:90vh}
header{text-align:center;padding:8px 0 24px}
.brand{font:30px/1.2 Georgia,serif;margin:10px 0}
.tagline{color:var(--muted);font-size:12px;letter-spacing:2px;margin:8px 0}
#storeLogo{display:block;width:190px;max-width:100%;height:auto;margin:12px auto}
.eyebrow{text-align:center;color:var(--accent);font-size:11px;letter-spacing:2px}
h1{font:400 36px/1.15 Georgia,serif;text-align:center;margin:16px 0}
.intro{text-align:center;color:var(--muted);font-size:14px;margin-bottom:28px}
.card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:16px;
 align-items:center;background:var(--surface);border:1px solid #414a38;
 border-radius:18px;padding:18px;margin:14px 0}
.card h2{font-size:20px;margin:0 0 3px}
.card p{font-size:12px;color:var(--muted);margin:0 0 12px}
button{font:700 14px Arial;min-height:48px;padding:12px 16px;
 border:0;border-radius:10px;background:var(--action);
 color:var(--background);cursor:pointer;max-width:100%}
button:disabled{opacity:.55;cursor:default}
button:focus-visible,summary:focus-visible{
 outline:3px solid var(--action);outline-offset:4px}
.secondary{background:transparent;color:var(--text);border:1px solid var(--muted)}
.wheel-art{width:70px;height:70px;border:3px solid var(--accent);
 border-radius:50%;display:grid;place-items:center;font:28px Georgia;
 background:conic-gradient(#343e2b 0 60deg,#20271d 60deg 120deg,
 #343e2b 120deg 180deg,#20271d 180deg 240deg,
 #343e2b 240deg 300deg,#20271d 300deg)}
.scratch-art{width:70px;height:80px;border:1px solid var(--accent);
 border-radius:10px;display:grid;place-items:center;color:#262b22;
 font:30px Georgia;background:linear-gradient(135deg,#857c69,#c8c0ad,#8d8575)}
#availability{text-align:center;color:var(--muted);font-size:13px;margin:24px 0 12px}
details{font-size:13px;color:var(--muted);margin:16px 0}
summary{min-height:48px;padding:12px;text-align:center;cursor:pointer;color:var(--text)}
footer{text-align:center;border-top:1px solid #363f30;padding:18px 0;
 color:var(--muted);font-size:11px;margin-top:20px}
footer strong{color:var(--text);letter-spacing:2px}
@media(max-width:350px){
 .app{padding:20px 16px}.card{gap:12px;padding:14px}h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* VOLVE_GAMES_UI_V1 */
.play-wheel{width:240px;height:240px;margin:28px auto;border-radius:50%;
 border:6px solid var(--accent);display:grid;place-items:center;
 font:60px Georgia;background:conic-gradient(
 #343e2b 0 60deg,#20271d 60deg 120deg,#343e2b 120deg 180deg,
 #20271d 180deg 240deg,#343e2b 240deg 300deg,#20271d 300deg)}
.play-wheel.turn{animation:volve-turn 1.5s cubic-bezier(.12,.7,.15,1) forwards}
@keyframes volve-turn{to{transform:rotate(1440deg)}}
.scratch-box{margin:24px 0;background:var(--surface);border-radius:16px;overflow:hidden}
#scratchCanvas{display:block;width:100%;height:210px;touch-action:none}
#gameReveal,#gameBack{display:block;width:100%;margin:18px 0}
#gameResult{padding:20px 0;text-align:center}
#gameResult h2{font:32px Georgia;color:var(--action);overflow-wrap:anywhere}
#resultTerms{font-size:14px;color:var(--muted);white-space:pre-line}
#resultQR{display:block;max-width:100%;height:auto;margin:20px auto}
.result-code{font-size:24px;font-weight:bold;overflow-wrap:anywhere}
.download{display:block;padding:14px;border-radius:10px;
 background:var(--action);color:var(--background);font-weight:bold;text-decoration:none}
.download:focus-visible{outline:3px solid var(--accent);outline-offset:4px}