#character-wheel{position:absolute;inset:0;z-index:35;background:linear-gradient(90deg,#24423a22,#263f3c9c);backdrop-filter:blur(3px);color:#fff8e9;touch-action:none;user-select:none}.wheel-heading{position:absolute;left:7vw;top:34vh;width:35vw;text-shadow:0 2px 18px #203e3977}.wheel-heading small{font-size:.75rem;letter-spacing:.2em;color:#e6dbb9}.wheel-heading h2{font-size:2.2rem;margin:.7rem 0;font-weight:500}.wheel-heading p{font-size:.8rem;line-height:1.8}.pet-wheel{position:absolute;left:73%;top:46%;transform:translate(-50%,-50%);width:min(72vh,38vw);aspect-ratio:1;border-radius:50%;border:1px solid #fff2ca70;background:radial-gradient(circle,#fff9e81a 0 29%,#fff8db1c 30% 68%,#fff8db38 69% 70%,transparent 71%);box-shadow:0 20px 70px #153b392b}.wheel-cross{position:absolute;inset:12%;border-radius:50%;background:repeating-conic-gradient(from 45deg,#fff4d658 0deg 1deg,transparent 1deg 90deg)}.wheel-center{position:absolute;inset:32%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:.3rem}.wheel-center small{font-size:.65rem;color:#f1deac}.wheel-center b{font-size:1.3rem}.wheel-center span{font-size:.56rem;line-height:1.5;color:#eee5d0}.pet-choice{position:absolute;width:29%;height:29%;transform:translate(-50%,-50%);background:#fff5dfeb;border-radius:50%;border:3px solid #fff4dd;box-shadow:0 5px 20px #18342b33;padding:0;transition:box-shadow .15s,background .15s}.pet-portrait{display:block;width:100%;height:100%;border-radius:50%;background-image:url('../uploads/0d4c23c0-f508-4e68-a2ba-57845d50e179.png');background-repeat:no-repeat;pointer-events:none}.pet-choice>span:not(.pet-portrait){position:absolute;bottom:-.3rem;left:50%;transform:translateX(-50%);border-radius:1rem;padding:.18rem .65rem;background:#fff5df;color:#526653;font-size:.7rem;white-space:nowrap}.pet-choice>small{position:absolute;top:-.7rem;left:50%;transform:translateX(-50%);width:1.4rem;height:1.4rem;line-height:1.4rem;border-radius:50%;background:#536e62;color:white;font-size:.7rem}.pet-0{left:50%;top:15%}.pet-1{left:85%;top:50%}.pet-2{left:50%;top:85%}.pet-3{left:15%;top:50%}.pet-choice.chosen{border-color:#ffe29c;box-shadow:0 0 0 .35rem #ffdf9755,0 0 35px #ffdf9755}.pet-choice.chosen>span:not(.pet-portrait){background:#ffdf97;color:#665334}.pet-choice.current>span:not(.pet-portrait):before{content:'● ';font-size:.5rem}.wheel-footer{position:absolute;bottom:6vh;left:52%;right:3%;display:flex;justify-content:center;gap:.65rem;align-items:center;flex-wrap:wrap}.wheel-footer>span{width:100%;text-align:center;font-size:.7rem;color:#eee5d0;margin-bottom:.4rem}.wheel-footer button{min-height:3.5rem;border-radius:2rem;padding:.7rem 1.2rem;background:#fff4df;color:#526653;font-size:.75rem}.wheel-footer #wheel-cancel{background:#ffffff22;color:#fff4df;border:1px solid #fff4df66}body.choosing-pet #hud{pointer-events:none}body.choosing-pet #hud button,body.choosing-pet #joystick{pointer-events:none}body.choosing-pet #context,body.choosing-pet #leader{opacity:.15}.actions #switch{position:relative;width:4.4rem;height:4.4rem;touch-action:none}.actions #switch img{width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}.actions #switch small{position:absolute;bottom:-.4rem;left:50%;transform:translateX(-50%);padding:.25rem .4rem;white-space:nowrap;border-radius:1rem;background:#fff6e5;color:#536b5e;font-size:.55rem}@media(max-height:500px){.wheel-heading h2{font-size:1.7rem}.wheel-heading{left:5vw;width:35vw}.wheel-footer{bottom:3vh}.wheel-footer button{min-height:3rem}.pet-wheel{top:43%;width:min(72vh,37vw)}}