@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/threejs/water-ring-toss-game/assets/grandstander-latin-800-normal-C5RZ1tt5.woff2)format("woff2"),url(/threejs/water-ring-toss-game/assets/grandstander-latin-800-normal-CCyNXI-Z.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/threejs/water-ring-toss-game/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/threejs/water-ring-toss-game/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/threejs/water-ring-toss-game/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/threejs/water-ring-toss-game/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}html,body,#root{background-color:#eee4b0;background-image:radial-gradient(#fff 0%,#fffff8 28%,ivory 58%,#eee4b0 100%);width:100%;height:100%;position:fixed;top:0;left:0}.hud{left:max(1.15rem, env(safe-area-inset-left));bottom:max(1.15rem, env(safe-area-inset-bottom));z-index:10;box-sizing:border-box;pointer-events:none;background:#fffaf0;border-radius:1.15rem;width:min(20.5rem,100vw - 2.3rem);padding:1rem 1.15rem 1.05rem;position:fixed;box-shadow:0 12px 28px #78521233}.hud-toggle{display:none}.hud h1{letter-spacing:-.02em;color:#d62828;margin:0 0 .4rem;font-family:Grandstander,Trebuchet MS,Segoe UI,sans-serif;font-size:1.28rem;font-weight:800;line-height:1.15}.hud p{color:#4a3214;margin:0;font-family:Nunito,Trebuchet MS,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;line-height:1.4}.hud-cross,.hud-plus{font-weight:800}.hud-cross{color:#1557b5}.hud-plus{color:#5f6800}@media (prefers-reduced-motion:no-preference){.hud{animation:.55s cubic-bezier(.16,1,.3,1) both hud-in}}@keyframes hud-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:none}}@media (width<=480px){.hud h1{font-size:1.12rem}.hud p{font-size:.88rem}}@media (width<=1024px){.hud{width:auto;max-width:min(20.5rem,100vw - 2.3rem);box-shadow:none;background:0 0;border-radius:0;flex-direction:column-reverse;align-items:flex-start;gap:.7rem;padding:0;display:flex}.hud-toggle{box-sizing:border-box;color:#d62828;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fffaf0;border:0;border-radius:50%;place-items:center;width:3rem;height:3rem;padding:0;display:grid;box-shadow:0 12px 28px #78521233}.hud-toggle-i,.hud-toggle-close{grid-area:1/1;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.hud-toggle-i{letter-spacing:0;font-family:Grandstander,Trebuchet MS,Segoe UI,sans-serif;font-size:1.42rem;font-weight:800;line-height:1;transform:translateY(.04em)}.hud-toggle-close{opacity:0;width:1.05rem;height:1.05rem;position:relative;transform:rotate(-90deg)scale(.55)}.hud-toggle-close:before,.hud-toggle-close:after{content:"";background:currentColor;border-radius:99px;width:100%;height:.18rem;position:absolute;top:50%;left:50%}.hud-toggle-close:before{transform:translate(-50%,-50%)rotate(45deg)}.hud-toggle-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.hud.is-open .hud-toggle-i{opacity:0;transform:translateY(.04em)rotate(90deg)scale(.55)}.hud.is-open .hud-toggle-close{opacity:1;transform:none}.hud-toggle:focus{outline:none}.hud-toggle:focus-visible{outline-offset:3px;outline:2px solid #d62828}.hud-body{box-sizing:border-box;pointer-events:auto;transform-origin:1.5rem calc(100% + 2.2rem);background:#fffaf0;border-radius:1rem;width:min(20.5rem,100vw - 2.3rem);max-height:min(18rem,100dvh - 6.5rem);padding:.85rem .95rem .9rem;display:none;overflow:auto;box-shadow:0 12px 28px #78521233}.hud.is-open .hud-body{display:block}@media (prefers-reduced-motion:no-preference){.hud{animation:none}.hud-toggle{animation:.55s cubic-bezier(.16,1,.3,1) both hud-in}.hud.is-open .hud-body{animation:.38s cubic-bezier(.16,1,.3,1) both hud-pop}}}@keyframes hud-pop{0%{opacity:0;transform:translateY(.45rem)scale(.96)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.hud-toggle:hover{transform:translateY(-1px)}.hud-toggle:active{transform:none}}