/* Mobile control mode: full gyro aim with direct hold-to-pee control. */
#game,#game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#crosshair{position:absolute;top:50%;left:50%;z-index:2;width:clamp(52px,13vw,64px);height:clamp(52px,13vw,64px);transform:translate(-50%,-50%);pointer-events:none;border-radius:50%}
#crosshair::before,#crosshair::after{content:"";position:absolute;inset:3px;border-radius:50%;background:repeating-conic-gradient(from -26deg,#bffcff 0 2deg,#42e9ff 3deg 53deg,transparent 54deg 90deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.6px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.6px))}
#crosshair::before{filter:drop-shadow(0 0 2px #42e9ff) drop-shadow(0 0 5px #42e9ff99)}#crosshair::after{opacity:.45;filter:blur(3px)}#crosshair>i{position:absolute;inset:-8px;background:linear-gradient(90deg,#66f4ff22,#bffcff 70%,#42e9ff) left center/15px 1.5px no-repeat,linear-gradient(270deg,#66f4ff22,#bffcff 70%,#42e9ff) right center/15px 1.5px no-repeat,linear-gradient(180deg,#66f4ff22,#bffcff 70%,#42e9ff) center top/1.5px 15px no-repeat,linear-gradient(0deg,#66f4ff22,#bffcff 70%,#42e9ff) center bottom/1.5px 15px no-repeat;filter:drop-shadow(0 0 3px #42e9ffaa)}.pee-arrow{display:none}
@media(max-width:600px){
  header{left:20px;right:20px;top:max(16px,env(safe-area-inset-top))}
  header .level{display:flex;position:absolute;left:0;top:48px;align-items:center;gap:7px;font-size:14px}
  header .level span{font-size:10px;margin:0;letter-spacing:1.5px}
  .counter{left:20px;top:max(88px,calc(env(safe-area-inset-top) + 70px))}
  .power{display:none}
  .reservoir{left:16px;bottom:max(116px,calc(env(safe-area-inset-bottom) + 116px));width:min(230px,calc(100% - 160px));padding:11px 13px 10px;border:1px solid #d7f8e02e;border-radius:12px;background:#0921287a;box-shadow:0 8px 24px #0014193d;backdrop-filter:blur(5px)}
  .help{left:18px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px));transform:none;width:112px;text-align:left;white-space:normal;font-size:10px;line-height:1.5}
  #pee{display:block;left:50%;right:auto;bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px));width:108px;height:108px;padding:12px;border:0;border-radius:50%;color:transparent;transform:translateX(-50%);z-index:4;background:#54736a;box-shadow:0 8px 28px #061a1c8a;isolation:isolate}
  #pee::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#c5f564;z-index:-1;transition:background .08s}
  #pee svg{display:block;width:100%;height:100%;pointer-events:none;position:relative;z-index:1}
  #pee:active{transform:translateX(-50%) scale(.94)}
  #pee.flowing{background:#efffc0}#pee.flowing::before{background:#dfff92}
}
@media(max-width:600px) and (max-height:700px){.counter{top:max(76px,calc(env(safe-area-inset-top) + 58px))}.reservoir{bottom:max(104px,calc(env(safe-area-inset-bottom) + 104px))}#pee{width:94px;height:94px}.help{width:104px}}