@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#101014;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(#0c0d13a6,#0c0d13b8),url('assets/background.png') center/cover fixed}header{height:120px;display:flex;align-items:center;justify-content:space-between;max-width:1380px;margin:auto;padding:0 50px}.logo{width:163px;height:50px;position:relative;overflow:hidden}.logo img{width:195px;position:absolute;left:-16px;top:-72px;filter:url(#logo-cutout)}.demo{font-size:9px;letter-spacing:2px;color:#c6c9d0}main{max-width:1170px;margin:80px auto 0;text-align:center;padding:0 35px}.switches{display:inline-flex;gap:5px;background:#13161dcc;border:1px solid #ffffff15;padding:5px;border-radius:9px}.switches button{background:none;border:0;color:#9ba0ad;padding:12px 25px;border-radius:5px;font:600 12px Manrope,Arial,sans-serif;cursor:pointer}.switches button[aria-selected=true]{background:#ffffff13;color:#fff}.switches button:disabled{cursor:wait}h1{font-size:28px;font-weight:700;letter-spacing:-.8px;margin:30px 0 48px}.roulette{position:relative;filter:drop-shadow(0 18px 40px #0005)}.viewport{overflow:hidden;padding:10px 0;background:#0e1118e8;border:1px solid #ffffff14;border-radius:12px;position:relative}.viewport:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101219 0,transparent 17%,transparent 83%,#101219 100%)}.track{display:flex;gap:8px;width:max-content;will-change:transform}.prize{flex:0 0 156px;width:156px;height:174px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;border:1px solid color-mix(in srgb,var(--c) 18%,transparent);border-radius:5px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--c) 14%,transparent),#181d2700 80%),#171c25;overflow:hidden}.prize:after{content:'';position:absolute;bottom:0;left:22%;right:22%;height:2px;background:var(--c);box-shadow:0 0 22px var(--c)}.prize svg{color:var(--c);width:68px;height:62px;margin:0 0 18px;filter:drop-shadow(0 5px 13px color-mix(in srgb,var(--c) 30%,transparent))}.prize strong{font-size:12px;font-weight:700}.prize small{color:var(--c);font-size:9px;margin-top:7px}.arrow{position:absolute;z-index:3;top:-20px;left:calc(50% - 12px);width:24px;height:27px;clip-path:polygon(0 0,100% 0,50% 100%);background:#ff813d;filter:drop-shadow(0 0 10px #ff813d)}.center-line{position:absolute;pointer-events:none;left:50%;top:8px;bottom:0;width:1px;background:linear-gradient(#ff813d80,transparent 65%);z-index:2}.chances{display:flex;justify-content:center;gap:25px;margin:25px 0 34px;font-size:10px;color:#bdc3ce}.chances span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--c);margin-right:6px}.chances b{color:var(--c);font-weight:700;margin-left:5px}.spin{background:#ff813d;border:0;border-radius:7px;color:#1b140f;font:800 14px Manrope,Arial,sans-serif;padding:17px 64px;cursor:pointer;min-width:230px;box-shadow:0 8px 35px #ff813d18;transition:background .2s,transform .2s}.spin:hover{background:#ff965c;transform:translateY(-1px)}.spin:disabled{opacity:.65;cursor:wait;transform:none}.result{font-size:13px;min-height:20px;color:#c4c8d1;margin:22px 0 0}.note{color:#8c939f;font-size:9px;margin:55px 0 25px}button:focus-visible,a:focus-visible{outline:2px solid #ff813d;outline-offset:5px}@media(min-height:950px){main{margin-top:130px}}@media(max-width:700px){header{height:95px;padding:0 25px}.logo{width:135px;height:45px}.logo img{width:170px;left:-18px;top:-61px}.demo{font-size:7px;letter-spacing:1px}main{margin-top:65px;padding:0 16px}.switches button{padding:11px 17px;font-size:11px}h1{font-size:23px;margin-bottom:40px}.chances{gap:12px 20px;max-width:340px;margin:23px auto 30px;flex-wrap:wrap;font-size:9px}.prize{height:165px}.note{line-height:1.7;margin-top:45px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

body{background:none}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#0c0d1399,#0c0d13b3),url("assets/background.png") center/cover no-repeat}
body:before{z-index:0}header,main{position:relative;z-index:1}
.header-tools{display:flex;align-items:center;gap:24px}.admin-link{border:0;background:none;color:#aeb4c2;font:500 11px Manrope,Arial,sans-serif;cursor:pointer;padding:10px 0}.admin-link:hover{color:#fff}.admin-link:disabled{opacity:.4;cursor:wait}dialog{color:#fff;background:#151922;border:1px solid #ffffff24;border-radius:13px;width:min(430px,calc(100vw - 32px));padding:25px;box-shadow:0 25px 100px #0009;max-height:90vh;overflow:auto;font:12px Manrope,Arial,sans-serif}dialog::backdrop{background:#070a10bd;backdrop-filter:blur(6px)}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-heading h2{font-size:20px;letter-spacing:-.5px;margin:0}.admin-heading button{border:0;background:none;color:#99a1b0;font-size:27px;cursor:pointer;line-height:1}.admin-note{font-size:10px;color:#929dad;line-height:1.7;margin:13px 0 23px}.wheel-label{display:block;margin-bottom:8px;color:#b5bdcb;font-size:11px}#adminWheel{width:100%;padding:12px;color:#fff;border:1px solid #ffffff24;background:#202633;border-radius:6px;font:inherit;margin-bottom:18px}.odds-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.odds-row>span:first-child:before{content:'';display:inline-block;background:var(--c);width:6px;height:6px;border-radius:50%;margin-right:9px}.odds-input{display:flex;align-items:center;border:1px solid #ffffff20;border-radius:6px;background:#0f131b;padding-right:11px;color:#818d9f}.odds-input input{width:85px;border:0;padding:10px;background:none;color:#fff;font:600 13px Manrope,Arial,sans-serif;outline-offset:1px}.odds-total{display:flex;justify-content:space-between;padding:16px 0 0;margin-top:12px;border-top:1px solid #ffffff18;color:#a9b2c2}#adminMessage{font-size:10px;min-height:32px;line-height:1.7;margin:13px 0 18px;color:#b4bac5}.admin-actions{display:flex;gap:10px}.admin-actions button{font:700 12px Manrope,Arial,sans-serif;cursor:pointer;border-radius:6px;padding:13px 19px;border:1px solid #ffffff20;background:#ffffff08;color:#bac3d0;flex:1}.admin-actions button[type=submit]{background:#ff813d;color:#1b140f;border-color:#ff813d}.admin-actions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.header-tools{gap:15px}.admin-link{font-size:10px}.header-tools .demo{display:none}}
.wheel-picker{display:flex;align-items:center;justify-content:center;gap:15px}.wheel-picker label{font-size:11px;color:#b8c0ce}.wheel-picker select{font:700 13px Manrope,Arial,sans-serif;background:#171d29e8;color:#fff;border:1px solid #ffffff25;padding:13px 40px 13px 17px;border-radius:7px;min-width:190px;cursor:pointer}.prize{padding:13px 10px}.prize svg{height:43px;min-height:43px;margin:0 0 10px}.prize strong{font-size:10px;line-height:1.5;min-height:45px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.prize small{font-size:9px;margin-top:9px}.chance-summary{font-size:11px;color:#bbc2ce;margin:25px 0 32px;line-height:1.8}.result{max-width:650px;line-height:1.7;margin-left:auto;margin-right:auto}dialog{width:min(650px,calc(100vw - 28px));padding:24px}.admin-help{font-size:11px;color:#a6b1c3;line-height:1.8;margin:0 0 18px}.setting-head,.prize-setting{display:grid;grid-template-columns:minmax(0,1fr) 78px 70px;gap:12px;align-items:center}.setting-head{font-size:9px;color:#7e8c9e;margin-bottom:10px}.setting-head span:last-child{text-align:right}#prizeFields{max-height:38vh;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#566073 transparent}.prize-setting{padding:10px 0;border-top:1px solid #ffffff0e}.prize-setting>span{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.prize-setting input{width:100%;border:1px solid #ffffff20;background:#0f141e;color:#fff;border-radius:5px;padding:9px 6px;font:600 12px Manrope,Arial,sans-serif}.prize-setting output{color:#ffc390;text-align:right;font-size:11px}.admin-actions{position:sticky;bottom:0;background:#151922;padding-top:3px}@media(max-width:700px){.setting-head,.prize-setting{grid-template-columns:minmax(0,1fr) 60px 58px;gap:8px}.prize-setting>span{font-size:10px}dialog{padding:20px 16px}.chance-summary{font-size:10px}}
[hidden]{display:none!important}#loginForm{display:flex;flex-direction:column;gap:10px}#loginForm label{font-size:11px;color:#bac3d1;margin-top:5px}#loginForm input{padding:12px;border:1px solid #ffffff25;border-radius:6px;color:#fff;background:#0e1420;font:inherit}#loginForm button{padding:14px;background:#ff813d;border:0;border-radius:6px;color:#1b140f;font:800 13px Manrope,Arial,sans-serif;cursor:pointer}#loginForm button:disabled{opacity:.5;cursor:wait}#loginMessage{font-size:11px;line-height:1.7;color:#ffb28a;margin:0;min-height:18px}#adminLogout{border:0;background:none;padding:0 0 18px;color:#c1c8d4;font:11px Manrope,Arial,sans-serif;text-decoration:underline;cursor:pointer}
.track{transform:translate3d(-36px,0,0);backface-visibility:hidden}.prize{transition:opacity .35s ease,border-color .35s ease,box-shadow .35s ease}.track.is-finished .prize:not(.is-winner){opacity:.42}.prize.is-winner{border-color:#ff965c;box-shadow:inset 0 0 30px #ff813d18,0 0 22px #ff813d26;background:radial-gradient(ellipse at 50% 15%,#ff813d24,transparent 80%),#20242d}.prize.is-winner:after{background:#ff965c;left:0;right:0;box-shadow:0 0 22px #ff813d}.roulette.is-spinning .arrow{background:#ff9a61}.roulette.is-spinning .viewport{border-color:#ff813d36}
.roulette{margin-bottom:34px}
.viewport{contain:layout paint}.roulette.is-spinning{filter:none}.roulette.is-spinning .prize svg{filter:none}
.prize.has-image{padding:8px 10px}.prize-image{height:112px;width:80px;object-fit:contain;flex-shrink:0;margin:0 auto 4px;user-select:none}.prize.has-image strong{min-height:28px}
