.game{display:grid;justify-items:center;grid-gap:18px;gap:18px;width:100%}.game-hint{color:var(--ink-2);font-size:14px;text-align:center}.wheel-wrap{position:relative;width:min(300px,82vw);aspect-ratio:1}.wheel{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 24px rgba(22,22,29,.25))}.wheel-pointer{position:absolute;top:-14px;left:50%;width:34px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}.scratch-ticket{position:relative;width:min(320px,86vw);aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--soleil);box-shadow:inset 0 0 0 3px var(--ink),0 14px 30px -14px rgba(22,22,29,.45)}.scratch-ticket:after,.scratch-ticket:before{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--ink);transform:translateY(-50%);z-index:3}.scratch-ticket:before{left:-11px}.scratch-ticket:after{right:-11px}.scratch-result{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px;grid-gap:4px;gap:4px}.scratch-result small{font-weight:700;font-size:14px}.scratch-result strong{font:800 28px/1.05 var(--font-display)}.scratch-cover{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:10px;touch-action:none;cursor:-webkit-grab;cursor:grab;transition:opacity .6s ease}.scratch-cover.is-gone{opacity:0;pointer-events:none}.chests{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;width:min(340px,90vw)}.chest{position:relative;background:var(--mist);border:0;border-radius:var(--radius-m);padding:18px 10px 14px;cursor:pointer;transition:transform .2s ease,opacity .3s ease}.chest:hover{transform:translateY(-3px)}.chest svg{width:100%;overflow:visible}.chest-lid{transform-origin:6px 34px;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.chest.is-picked:not(.is-open) svg{animation:wobble .35s ease-in-out infinite}.chest.is-open .chest-lid{transform:rotate(-38deg) translateY(-6px)}.chest.is-dim{opacity:.35}.chest-prize{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;white-space:nowrap;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes wobble{50%{transform:rotate(-4deg)}}@keyframes pop{0%{transform:translate(-50%,10px) scale(.6);opacity:0}}