:root{--black:#0d0908;--wine:#2a0a13;--wine2:#541426;--gold:#d9a441;--gold-light:#f6d67f;--cream:#fff4d7;--muted:#b9a997;--line:#d9a44147}body{background:radial-gradient(700px 450px at 50% -110px,#571a2d 0,transparent 72%),radial-gradient(450px 450px at 5% 65%,#2a0a13 0,transparent 70%),var(--black);color:var(--cream);font-family:Georgia,"Times New Roman",serif}.app{max-width:660px;padding:22px 16px 54px}.head{position:relative;overflow:hidden;padding:17px 5px 23px;text-align:center;border-bottom:1px solid var(--line)}.head:before,.head:after{content:'✦';position:absolute;color:var(--gold);font-size:14px}.head:before{left:13%;top:23px}.head:after{right:13%;top:23px}.eyebrow{color:var(--gold-light);letter-spacing:.22em;font:700 10px Arial,sans-serif}.head h1{margin:8px 0 7px;color:var(--gold-light);font:700 42px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 2px 0 #2e090f,0 0 25px #d9a44142}.head p:last-child{margin:0 auto;max-width:330px;color:var(--muted);font-size:13px;line-height:1.4}.strip{margin:20px 0 23px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(100deg,#21090f,#3b101d);box-shadow:inset 0 1px #ffffff12,0 8px 30px #0008}.stat span,.muted{color:var(--muted);font:11px Arial,sans-serif}.stat b{color:var(--gold-light);font-size:18px}.topup{border:1px solid var(--gold);border-radius:5px;background:transparent;color:var(--gold-light);box-shadow:none;font:700 11px Arial,sans-serif}.wheel-wrap{width:min(80vw,395px);margin:28px auto 20px}.wheel-wrap:before{content:'';position:absolute;width:110%;height:110%;border-radius:50%;background:conic-gradient(var(--gold),transparent 10%,var(--gold),transparent 35%,var(--gold),transparent 60%,var(--gold));filter:blur(20px);opacity:.25}.pointer{top:-12px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:48px solid var(--gold-light);filter:drop-shadow(0 2px 2px #000)}.wheel{position:relative;border:10px solid var(--gold);box-shadow:0 0 0 3px #3e171a,0 0 0 5px var(--gold-light),0 18px 38px #000b,0 0 28px #d9a44155;background:conic-gradient(#6e253b 0 16.66%,#3c1020 16.66% 33.32%,#6e253b 33.32% 49.98%,#3c1020 49.98% 66.64%,#6e253b 66.64% 83.3%,#3c1020 83.3% 100%)!important}.wheel:before{display:block;content:'';position:absolute;z-index:1;inset:0;border-radius:50%;background:repeating-conic-gradient(transparent 0 58deg,#d9a441 58.5deg 60deg);opacity:.7}.wheel:after{z-index:3;width:62px;height:62px;border:5px solid var(--gold-light);background:var(--wine);color:var(--gold-light);box-shadow:0 3px 11px #000}.wheel-label{position:absolute;z-index:2;top:50%;left:50%;width:100px;color:#fff2d4;font:700 10px/1.15 Arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.03em;pointer-events:none;transform:translate(-50%,-50%) rotate(calc((var(--slot) * 360deg / var(--count)) + 30deg)) translateY(-125px) rotate(calc((var(--slot) * -360deg / var(--count)) - 30deg));text-shadow:0 1px 3px #000}.wheel-label:nth-of-type(5){color:var(--gold-light);font-size:11px}.spin{padding:16px;border:1px solid var(--gold-light);border-radius:6px;background:linear-gradient(#f0c55e,#bd7e22);color:#260b0d;box-shadow:0 5px 0 #673c17,0 12px 25px #0008;font:700 14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.spin:active{transform:translateY(3px);box-shadow:0 2px 0 #673c17,0 8px 18px #0008}.msg{margin:13px 0 24px;color:var(--muted);font:12px Arial,sans-serif}.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#1b080d,#260b14);box-shadow:inset 0 1px #ffffff0c;margin-top:14px;padding:16px}.panel .eyebrow{color:var(--gold)}.row h2,.panel h2{color:var(--cream);font:700 20px Georgia,"Times New Roman",serif}.prizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.prize,.prize:nth-child(3n+2),.prize:nth-child(3n){padding:10px;border:1px solid #d9a4413d;border-radius:5px;background:#ffffff06}.dot{border:1px solid var(--gold-light);width:10px;height:10px}.prize b{color:var(--cream);font-size:12px}.prize small,.history small{color:var(--muted);font-size:10px}.history li{border-top:1px solid #d9a4412b}.history b{color:var(--gold-light);font:700 12px Arial,sans-serif}.admin{background:#16070b}.admin .eyebrow{color:var(--gold)}.admin label{color:var(--muted)}.admin input{border:1px solid #d9a4414a;background:#0f0507;color:var(--cream)}.admin button{border:1px solid var(--gold);border-radius:5px;background:#4d1623;color:var(--gold-light);box-shadow:none}.admin h3{font-family:Georgia,"Times New Roman",serif;color:var(--cream)}@media(max-width:390px){.app{padding-inline:12px}.head h1{font-size:35px}.prizes{grid-template-columns:1fr}.wheel-wrap{width:min(86vw,365px)}.wheel-label{width:84px;font-size:9px;transform:translate(-50%,-50%) rotate(calc((var(--slot) * 360deg / var(--count)) + 30deg)) translateY(-108px) rotate(calc((var(--slot) * -360deg / var(--count)) - 30deg))}}