:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#e8dcc8;background-color:#060a12;background-image:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(30,41,59,.5) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#0f172a,#060a12 40%,#03060d)}*{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 50% 0%,#1e293b59,#0c1222fa,#060a12fa);box-shadow:0 24px 56px #0000008c,0 0 0 .5px #c9a96e33,inset 0 1px #ffffff08;-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%,#0e1424,#0a0f1c,#060a12);box-shadow:0 20px 50px #00000080,0 0 0 1px #c9a96e59,0 0 32px #c9a96e14,inset 0 1px #f8fafc0a;display:grid;place-items:center;position:relative}.wheel-shell:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(201,169,110,.06) 0%,transparent 70%);pointer-events:none}.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:-4px;left:50%;width:20px;height:28px;transform:translate(-50%);z-index:10}.pointer:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:28px solid #e8d4a0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(201,169,110,.3))}.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}}