:root{--obsidian:#111416;--night:#172329;--jade:#2b9b90;--jade-deep:#126f6d;--sun:#f3bb42;--sun-light:#ffe292;--clay:#c85c35;--sand:#f5d58b;--ink:#241d18}body{background-color:var(--obsidian);background-image:radial-gradient(700px 420px at 50% -100px,#28453d 0,transparent 74%),linear-gradient(45deg,#ffffff05 25%,transparent 25%,transparent 75%,#ffffff05 75%),linear-gradient(45deg,#ffffff05 25%,transparent 25%,transparent 75%,#ffffff05 75%);background-size:auto,20px 20px,20px 20px;background-position:0 0,0 0,10px 10px}.app{max-width:670px}.head{padding:23px 12px 27px;border-bottom:0;text-align:center}.head:before{content:'';position:absolute;left:50%;top:-68px;width:156px;height:156px;transform:translateX(-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--sun) 0 5deg,transparent 5deg 10deg);opacity:.35}.head:after{content:'☀';position:absolute;right:50%;top:-36px;transform:translateX(50%);color:var(--sun);font-size:92px;line-height:1;text-shadow:0 0 20px #f3bb4259}.eyebrow{position:relative;z-index:1;color:var(--sun-light);letter-spacing:.28em}.head h1{position:relative;z-index:1;margin:8px 0;color:var(--sand);font:700 37px/.95 Georgia,serif;letter-spacing:.03em;text-shadow:2px 2px 0 #172329}.head p:last-child{position:relative;z-index:1;color:#bed4c7}.strip{border:2px solid var(--sun);border-radius:3px;background:linear-gradient(110deg,#1a302e,#264b42);box-shadow:6px 6px 0 #061012,inset 0 0 0 3px #f3bb422b}.strip:before{content:'';position:absolute;inset:5px;pointer-events:none;background:linear-gradient(90deg,var(--sun) 8px,transparent 8px) 0 0/18px 6px repeat-x,linear-gradient(90deg,var(--sun) 8px,transparent 8px) 0 100%/18px 6px repeat-x;opacity:.55}.stat span{color:#b3d3be}.stat b{color:var(--sun-light)}.topup{position:relative;z-index:1;border:1px solid var(--sun);border-radius:2px;background:#172329;color:var(--sun-light)}.wheel-wrap{width:min(81vw,405px);margin:30px auto 24px}.wheel-wrap:before{width:114%;height:114%;background:repeating-conic-gradient(var(--sun) 0 3deg,transparent 3deg 10deg);filter:blur(7px);opacity:.36}.pointer{top:-14px;border-left:22px solid transparent;border-right:22px solid transparent;border-top:52px solid var(--sun-light);filter:drop-shadow(0 3px 0 #52351b)}.wheel{border:10px solid var(--sun);box-shadow:0 0 0 4px var(--jade-deep),0 0 0 7px var(--sun-light),0 19px 33px #000c,0 0 36px #f3bb4240;background:conic-gradient(#c85c35 0 16.66%,#1d726f 16.66% 33.32%,#395c4f 33.32% 49.98%,#c85c35 49.98% 66.64%,#1d726f 66.64% 83.3%,#395c4f 83.3% 100%)!important}.wheel:before{background:repeating-conic-gradient(transparent 0 56deg,#f3bb42 56.5deg 60deg);opacity:.95}.wheel:after{width:66px;height:66px;border:5px solid var(--sun-light);background:var(--obsidian);color:var(--sun);box-shadow:0 0 0 4px var(--jade-deep),0 3px 11px #000}.wheel-label{color:#fff4d4;font:700 9px/1.15 Arial,sans-serif;letter-spacing:.04em;text-shadow:0 2px 1px #132020,0 0 4px #000}.wheel-label.winner{color:var(--sun-light);font-size:11px}.spin{border:2px solid var(--sun-light);border-radius:3px;background:linear-gradient(#f1c554,#c3732b);color:#1d2421;box-shadow:5px 5px 0 #09302e,0 10px 23px #0008;font-family:Arial,sans-serif}.spin:active{box-shadow:2px 2px 0 #09302e,0 7px 18px #0008}.panel{border:2px solid #2e8c83;border-radius:3px;background:#172a28;box-shadow:5px 5px 0 #081716,inset 0 0 0 2px #f3bb4224}.panel:before{content:'';display:block;height:5px;margin:-10px -10px 13px;background:linear-gradient(90deg,var(--sun) 12px,transparent 12px) 0 0/24px 5px repeat-x}.panel .eyebrow{color:var(--sun)}.row h2,.panel h2{color:var(--sand);font-family:Georgia,serif}.prize,.prize:nth-child(3n+2),.prize:nth-child(3n){border:1px solid #2f8f84;border-radius:2px;background:#203937}.prize:nth-child(2n){background:#2a493f}.dot{border:1px solid var(--sun-light)}.prize b{color:#f9eac7}.prize small,.history small{color:#aac7b8}.history li{border-top:1px dashed #3c9489}.history b{color:var(--sun-light)}.admin{background:#142422}.admin input{border-color:#3b9a8e;background:#0e1a19}.admin button{border:1px solid var(--sun);border-radius:2px;background:#285a53;color:var(--sun-light)}@media(max-width:480px){.wheel-label{color:#fff5d7}.head h1{font-size:31px}.head:after{font-size:75px}.wheel-wrap{width:min(86vw,375px)}}