*{box-sizing:border-box}body{margin:0;background:#184a31;color:#143e31;font-family:system-ui,sans-serif}main{max-width:600px;margin:auto;position:relative}section{position:relative;aspect-ratio:9/16;background-size:100% 100%;container-type:inline-size}#reg{background-image:url(art/register.jpg)}#spin{background-image:url(art/spin.jpg);overflow:hidden}section button,#consent,form>input,.greeting,#wheel,.share{position:absolute}section button{background:transparent;border:0;color:transparent;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #0a86b0;outline-offset:1px}#form>input{left:26%;width:56%;height:4.8%;border:none;background:#dce5d1;color:#183729;font:500 max(16px,3.3cqw) system-ui;border-radius:5px}#name{top:65.9%}#phone{top:74.6%}#consent{left:16%;top:81%;width:68%;height:4%}#agree{margin:0;width:8%;height:100%;accent-color:#11653d}#register{left:16%;top:86%;width:67%;height:6%}.greeting{left:0;top:10.7%;width:100%;height:6%;background:linear-gradient(#fbf9f3,#f6f2e7);text-align:center;align-content:center;font-size:5cqw;color:#183b31;overflow-wrap:anywhere;line-height:1.1;padding:0 2%}#wheel{top:31.23%;left:23.3%;width:52.2%;border-radius:50%;background:#e6c77e}#go{left:9%;width:82%;top:77.3%;height:6.8%}.lights{position:absolute;inset:21% 0 27%;pointer-events:none;background:radial-gradient(circle at 13% 30%,#fff8 0,transparent 2%),radial-gradient(circle at 85% 60%,#fffa 0,transparent 3%),radial-gradient(circle at 75% 15%,#ffe894aa 0,transparent 2%);animation:glow 3s ease-in-out infinite alternate}.rolling .lights{animation-duration:.7s}@keyframes glow{to{opacity:.2;transform:translateY(-2%)}}@media(prefers-reduced-motion:reduce){.lights{animation:none}}.share{top:56.8%;left:14%;width:73%;height:7.1%;display:flex}.share button{position:static;flex:1}#redeem,#exit{top:65%;height:5%;left:15%;width:47%}#exit{left:64%;width:23%}#terms{top:92%;height:5.8%;left:6%;width:88%}#notice:not(:empty){position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:5;background:#143829;color:white;padding:.65em;width:min(100%,600px);text-align:center}dialog{border:0;border-radius:16px;max-width:88vw;padding:24px;color:#123d2b}dialog a{display:block;margin-bottom:1em}dialog [hidden],[hidden]{display:none!important}
