.roulette-open{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffdc55;color:#142d54;border:1px solid #efc744;border-radius:12px;padding:12px 16px;font-weight:800;white-space:nowrap;box-shadow:0 3px 0 #d9af2c;transition:transform .15s}.roulette-open:hover{transform:translateY(-2px)}.roulette-mini{width:25px;height:25px;display:inline-block;background:conic-gradient(#1857d2 0 45deg,#ffdc55 45deg 90deg,#8adebd 90deg 135deg,#ad96ed 135deg 180deg,#ffad85 180deg 225deg,#83b2ff 225deg 270deg,#f3a6d5 270deg 315deg,#bce477 315deg);border:2px solid white;outline:1px solid #142d54;border-radius:50%}#rouletteDialog{width:min(800px,94vw);padding:26px;max-height:94dvh;overflow-y:auto;background:#f8fbff}#rouletteDialog .roulette-close{position:absolute;right:15px;top:15px;background:#e7eef9;width:34px;height:34px;border-radius:50%;color:#142d54;font-size:18px}#rouletteDialog h2{margin:7px 30px 6px 0;font-size:30px}#rouletteDialog .roulette-intro{margin:0 0 14px;font-size:13px}.roulette-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:26px}.roulette-stage{position:relative;padding:16px 5px 8px;max-width:380px;width:100%;margin:auto}.roulette-disc{width:100%;aspect-ratio:1;border-radius:50%;box-shadow:0 6px 0 #b9cbe6,0 10px 24px #142d5420;border:6px solid white;background:#dbeaff;will-change:transform}.roulette-disc svg{display:block;width:100%;height:100%}.roulette-pointer{position:absolute;z-index:2;top:5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:31px solid #1857d2;filter:drop-shadow(0 2px 1px #142d5433)}.roulette-hub{position:absolute;top:calc(50% + 4px);left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:white;border:5px solid #1857d2;border-radius:50%;display:grid;place-items:center;font-size:24px;box-shadow:0 3px 8px #142d5425}.roulette-side{text-align:center;min-width:0}.roulette-status{min-height:46px;color:#1857d2!important;font-weight:700;font-size:15px!important}.roulette-result{background:white;border:1px solid #dce7f7;border-radius:14px;overflow:hidden;text-align:left;margin-bottom:14px}.roulette-result[hidden],#roulettePlay[hidden]{display:none!important}.roulette-result img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.roulette-result h3{font-family:Outfit,Arial;font-size:21px;line-height:1.2;margin:14px 16px 6px}.roulette-result .roulette-duration{margin:0 16px 16px;font-size:12px}.roulette-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.roulette-actions a,.roulette-actions button{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:12px 18px;font-weight:700}.roulette-actions a{background:#1857d2;color:white}.roulette-actions button{background:#ffdc55;color:#142d54}.roulette-actions button:disabled{opacity:.55;cursor:wait}.roulette-note{font-size:11px!important;line-height:1.5!important;margin:14px 0 0!important}#rouletteDialog .eyebrow{font-size:10px}@media(max-width:900px){.sectiontop{flex-wrap:wrap}.roulette-open{font-size:13px}}@media(max-width:650px){.roulette-open{width:100%}#rouletteDialog{padding:22px 18px}.roulette-layout{grid-template-columns:1fr;gap:5px}.roulette-stage{max-width:255px}.roulette-status{min-height:0;margin:8px 0!important}.roulette-result{display:grid;grid-template-columns:100px 1fr;align-items:center;margin-bottom:10px}.roulette-result img{grid-row:1/3;height:100%;min-height:80px}.roulette-result h3{font-size:17px;margin:10px 12px 4px}.roulette-result .roulette-duration{margin:0 12px 10px}.roulette-hub{width:48px;height:48px;font-size:20px}#rouletteDialog h2{font-size:26px}.roulette-note{margin-top:9px!important}}
@media(prefers-reduced-motion:reduce){.roulette-open{transition:none}}

.roulette-card{border-color:#bad2f7;background:#edf4ff}.roulette-tile{display:block;width:100%;height:100%;text-align:left;padding:0;color:#142d54;background:transparent}.roulette-tile-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,#fff6c8 0 36%,transparent 37%),#dcecff;overflow:hidden}.roulette-tile-art .roulette-mini{width:43%;height:auto;aspect-ratio:1;border:5px solid white;outline:3px solid #1857d2;box-shadow:0 5px 0 #a7bddd;transform:rotate(-12deg);transition:transform .5s}.roulette-tile:hover .roulette-mini{transform:rotate(35deg)}.roulette-tile-star{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:white;border:3px solid #1857d2;color:#1857d2;font-size:17px}.roulette-tile-pointer{position:absolute;top:7%;left:50%;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:19px solid #1857d2}.roulette-spark{position:absolute;color:#1857d2;font-size:26px}.roulette-spark.one{left:13%;top:18%;transform:rotate(12deg)}.roulette-spark.two{right:13%;bottom:16%;color:#b77d00;font-size:20px}.roulette-tile .info{display:block}.roulette-tile strong{display:block;font-size:16px;margin:7px 0;line-height:1.3}.roulette-tile-sub{display:block;font-size:11px;color:#536b8c}@media(prefers-reduced-motion:reduce){.roulette-tile-art .roulette-mini{transition:none}.roulette-tile:hover .roulette-mini{transform:rotate(-12deg)}}