:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f8ff;background:radial-gradient(circle at 50% 15%,#202547,#0f1328 52%,#090b17)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:1.5rem 1rem}.roulette-card{width:min(92vw,620px);display:grid;justify-items:center;gap:1.2rem}.wheel-area{width:100%;display:grid;place-items:center;padding-top:1.6rem;position:relative}.wheel-shell{--size: min(80vw, 460px);width:var(--size);height:var(--size)}.wheel{width:100%;height:100%;border-radius:50%;overflow:hidden;transform:rotate(var(--rotation));transition:transform 4.2s cubic-bezier(.15,.9,.15,1)}.wheel-svg{width:100%;height:100%;display:block}.pointer{position:absolute;top:0;left:50%;width:30px;height:45px;transform:translate(-50%);z-index:10}.pointer:before{content:"";position:absolute;left:50%;top:0;width:22px;height:22px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbfcff,#8ea0c8 55%,#35445f);box-shadow:inset 0 1px 3px #ffffffe6,0 2px 5px #00000059}.pointer:after{content:"";position:absolute;left:50%;top:14px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:26px solid #f2f5ff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.spin-button{border:0;border-radius:999px;padding:.75rem 2.2rem;font-size:1rem;font-weight:700;color:#0d1730;background:linear-gradient(110deg,#d0f5ff,#9ec3ff 45%,#96f3ba);box-shadow:0 5px 16px #74c2ff73,inset 0 1px 2px #ffffffd9;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.spin-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}.spin-button:disabled{cursor:not-allowed;opacity:.75}.spin-button.loading{animation:pulse 1s ease-in-out infinite}.result-text{text-align:center;max-width:560px;padding:0 .75rem}.result-title{margin:0;font-size:clamp(1rem,3.8vw,1.35rem);font-weight:700}.result-description{margin:.45rem 0 0;color:#ebf1ffe6;font-size:clamp(.92rem,3.6vw,1.02rem)}@keyframes pulse{0%,to{box-shadow:0 5px 16px #74c2ff73,inset 0 1px 2px #ffffffd9}50%{box-shadow:0 8px 20px #98fed5bf,inset 0 1px 3px #ffffffe6}}@media (max-width: 480px){.wheel-shell{--size: min(88vw, 380px)}.wheel-area{padding-top:1.2rem}.pointer{top:-1px}}