:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#f5e6c8;background-color:#0f172a;background-image:radial-gradient(circle at 50% 0%,#1e293b,#020617 55%,#020617)}*{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,560px);display:grid;justify-items:center;gap:1.2rem;padding:1.5rem 1.25rem 1.8rem;border-radius:28px;background:radial-gradient(circle at 10% 0%,#94a3b829,#0f172afa 45%,#0f172afa);box-shadow:0 18px 40px #0f172ae6,0 0 0 .5px #94a3b866;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.wheel-area{width:100%;display:grid;place-items:center;padding-top:.8rem;position:relative}.wheel-shell{--size: min(78vw, 420px);width:var(--size);height:var(--size);border-radius:999px;background:radial-gradient(circle at 50% 15%,#1e293b,#0b1120 55%,#020617);box-shadow:0 18px 45px #0f172ae6,0 0 0 .75px #94a3b866,inset 0 1px #f8fafc0f;display:grid;place-items:center}.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:-8px;left:50%;width:22px;height:38px;transform:translate(-50%);z-index:10}.pointer:before{content:"";position:absolute;left:50%;top:0;width:18px;height:18px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fefce8,#f5e6c8 45%,#c9a96e);box-shadow:0 4px 10px #0f172acc,0 0 0 .5px #f8fafcbf}.pointer:after{content:"";position:absolute;left:50%;top:12px;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:22px solid #e5ddc1;filter:drop-shadow(0 2px 4px rgba(15,23,42,.8))}.spin-button{border:0;border-radius:999px;padding:.75rem 2.2rem;font-size:1rem;font-weight:600;letter-spacing:.03em;color:#020617;background:linear-gradient(120deg,#f5e6c8,#e4d3b0 35%,#c9a96e);box-shadow:0 10px 24px #0f172ae6,inset 0 1px 2px #ffffffe6;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:600;letter-spacing:.03em}.result-description{margin:.45rem 0 0;color:#e2e8f0e0;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, 360px)}.wheel-area{padding-top:1.2rem}.pointer{top:-4px}}