body{background:linear-gradient(to left,#8a3434,#6161c7)}.App{text-align:center;font-family:sans-serif;position:relative}button{background:none;border:1px solid black;font-size:20px;border-radius:5px;cursor:pointer}#spin,#reset{position:absolute}#spin:hover{color:#00b478;border-color:#00b478}#reset:hover{color:red;border-color:red}.wheel-container{position:relative;width:90vw;max-width:400px;aspect-ratio:1/1;margin:40px auto}canvas{width:100%;height:100%;display:block}#selector{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:32px}#spin,#reset{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px}#selector{position:absolute;font-size:40px;z-index:3}.location-modal{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10}.modal-box{background:#fff;padding:20px;border-radius:8px;text-align:center;width:90%;max-width:300px}.modal-box button{margin:8px;padding:8px 14px}.denied-text{color:red;font-size:14px;margin-top:10px}#result{font-size:50px;color:#00b478}