.spin-page{max-width:820px!important;margin:auto!important;padding-top:38px;padding-bottom:60px}.spin-card{background:#fffdf9;border:1px solid #e1dbd1;border-radius:30px;padding:clamp(20px,4vw,40px);box-shadow:0 7px 0 #e7dfd3;text-align:center}.spin-card h1{font-size:clamp(32px,5vw,50px);margin:12px 0}.spin-colors{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:330px;margin:32px auto}.spin-color{display:grid;place-items:center;aspect-ratio:1;border-radius:30px;color:white;font-size:42px;box-shadow:inset 0 -7px 0 #0002;opacity:.7;transition:transform .15s,opacity .15s}.spin-color:nth-child(1){background:#ef4655}.spin-color:nth-child(2){background:#1467d8}.spin-color:nth-child(3){background:#29a978}.spin-color:nth-child(4){background:#efc54c}.spin-color.lit{opacity:1;transform:scale(1.07);box-shadow:0 0 0 5px #20211f,inset 0 -7px 0 #0002}.spin-card #spin-button{margin:10px auto 24px;justify-content:center;min-width:210px}.spin-result{border-radius:20px;background:#edf5ff;padding:20px;margin:18px 0;font-weight:700;line-height:1.7}.spin-prizes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.spin-prizes article{border:1px solid #e1dbd1;border-radius:18px;padding:16px;text-align:left}.spin-prizes strong,.spin-prizes small{display:block}.spin-prizes small{margin-top:8px;line-height:1.5}.spin-rules{font-size:13px;line-height:1.7}.spin-inventory{padding:20px;background:#f5f0e8;border-radius:18px;margin:20px 0;text-align:left;line-height:1.7}.spin-inventory img{width:80px;vertical-align:middle}@media(max-width:450px){.spin-prizes{grid-template-columns:1fr}}
.spin-colors{grid-template-columns:repeat(4,1fr);max-width:440px;gap:10px}.spin-color{border-radius:20px;font-size:30px}.spin-color.spin-empty{background:#e5dfd5;color:#62615e}.spin-prizes article:has(strong){min-width:0}

.roulette{position:relative;width:min(100%,390px);aspect-ratio:1;margin:28px auto 30px;filter:drop-shadow(0 10px 0 #e4dbcd)}.roulette-disc{display:block;width:100%;height:100%;border-radius:50%;transform-origin:center}.roulette-pointer{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:32px solid #20211f;filter:drop-shadow(0 3px 2px #0003)}.roulette-hub{position:absolute;inset:38%;display:grid;place-items:center;background:#fffdf9;border:5px solid #f4d268;border-radius:50%;box-shadow:0 4px 8px #0003;pointer-events:none}.roulette-hub img{width:75%;height:75%;object-fit:contain}