.game{transition:transform .25s,box-shadow .25s,border-color .25s}
.game.is-selected{border-color:#91548c;box-shadow:0 0 0 3px #c88ab8,0 12px 26px #714c7526;transform:translateY(-6px);background:#fff3fb}
.roulette-demo{text-align:center;margin:35px auto 0;max-width:550px}
.roulette-demo button{font-family:inherit;border:0;cursor:pointer;min-height:50px}
.roulette-demo button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
.roulette-demo button:disabled{cursor:wait;opacity:.75;transform:none}
.roulette-result{min-height:2em;font-size:18px;font-weight:700;margin:18px 0 6px}
.roulette-demo .note{margin:0;font-size:13px}
@media(hover:hover){.game:hover{transform:translateY(-5px);box-shadow:0 10px 24px #714c7517}.perk{transition:transform .25s}.perk:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.game,.perk,.button{transition:none!important;transform:none!important}}
.wheel-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.double-wheel{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 14px #68486b20)}
.double-wheel text{font-family:inherit;font-size:23px;font-weight:700;fill:var(--ink)}
#outer-wheel,#inner-wheel{transform-origin:300px 300px}
.wheel-caption{text-align:center;font-size:14px;margin-top:10px}
.wheel-key{border-bottom:1px solid var(--line);padding:20px 0}
.wheel-key h3{font-size:21px;margin:0 0 8px}.wheel-key p{margin:0;font-size:16px}.wheel-key .kicker{font-size:12px;margin-bottom:8px}
.wheel-guide .roulette-demo{text-align:left;margin-top:25px}.wheel-guide .roulette-result{font-size:18px;min-height:5.5em}
@media(max-width:700px){.wheel-layout{grid-template-columns:1fr;gap:12px}.double-wheel{max-width:480px;margin:auto}.wheel-guide .roulette-demo{text-align:center}.wheel-guide button{font-size:14px;gap:12px}.wheel-caption{font-size:12px}.wheel-key{padding:16px 0}.wheel-key p{font-size:15px}}
.rule-descriptions{margin-top:60px;border-top:1px solid var(--line);padding-top:48px}
.guide-label{font-size:20px;margin:30px 0 16px}
.description-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.description-card{background:#fffafc;border:1px solid var(--line);border-radius:10px;padding:24px}
.description-card h4{font-size:18px;margin:0 0 10px}.description-card p{font-size:16px;line-height:1.9;margin:0}
.selected-rules{border:2px solid #b47ca9;border-radius:12px;background:#fff5fc;padding:28px;margin-bottom:35px}
.selected-rules h3{font-size:20px;margin:18px 0 8px}.selected-rules p{font-size:16px;margin:0}.selected-rules .kicker{font-size:12px}
@media(max-width:600px){.description-grid{grid-template-columns:1fr}.description-card,.selected-rules{padding:21px}.rule-descriptions{margin-top:40px;padding-top:35px}}