:root{--felt-dark: #07140d;--felt-mid: #0e2a1d;--felt-light: #18402d;--brass: #b68a3c;--brass-light: #d5b67a;--wood-dark: #2b170f}html,body{margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at 25% 12%,var(--felt-light) 0%,var(--felt-mid) 42%,var(--felt-dark) 100%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.018) 0 2px,transparent 2px 6px);color:#fff;overflow:hidden!important;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html{overflow:hidden!important}body{position:fixed;top:0;right:0;bottom:0;left:0}#ui{position:fixed;left:16px;top:16px;z-index:20;display:flex;gap:12px;align-items:center;background:#080e0b8c;padding:10px 12px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(213,182,122,.28);box-shadow:0 10px 24px #00000059}#spin,#reset{padding:10px 16px;border-radius:10px;border:0;cursor:pointer;background:linear-gradient(180deg,var(--brass-light) 0%,var(--brass) 100%);color:var(--wood-dark);font-weight:700;letter-spacing:.04em}#spin:disabled,#reset:disabled{opacity:.5;cursor:not-allowed}#result-pop{position:fixed;right:4vw;bottom:5vh;z-index:30;min-width:180px;padding:10px 14px;border-radius:14px;color:#f6dfb2;font-weight:800;font-size:clamp(48px,6vw,110px);line-height:1.05;letter-spacing:.04em;text-align:center;opacity:0;transform:scale(.85);pointer-events:none;border:none}#result-pop.show{animation:win-pop 1s ease-out forwards}@keyframes win-pop{0%{opacity:0;transform:scale(.8);filter:brightness(1)}35%{opacity:1;transform:scale(1.1);filter:brightness(1.35)}to{opacity:1;transform:scale(1);filter:brightness(1)}}canvas{display:block;position:fixed;left:50%;top:50%;z-index:0;width:90%;height:90%;transform:translate(-50%,-50%);pointer-events:none}@media (max-width: 700px){#ui{left:12px;top:12px;padding:8px 10px}#spin{padding:8px 12px}}