.hotspot-urine-mage{left:73.1%;top:37.2%;width:6.6%;height:33%;border-radius:8% 8% 22% 22%}
.hotspot-urine-mage span{position:absolute;left:50%;top:20%;transform:translateX(-50%);padding:7px 10px;border:1px solid #e6c96d;border-radius:5px;background:#172333ed;color:#fff1b5;font-size:clamp(12px,1.5vw,22px);font-weight:800;white-space:nowrap;text-shadow:0 2px 4px #000;pointer-events:none}
.urine-mage-intro,.urine-mage-battle-loading{position:fixed;inset:0;z-index:40;width:100%;height:100dvh;overflow:hidden;background:#080c11;color:#fff}
.urine-mage-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
.urine-mage-viewport:active{cursor:grabbing}
.urine-mage-slide{position:absolute;top:0;left:50%;width:max-content;height:100dvh;transform:translate3d(-50%,0,0);will-change:transform}
.urine-mage-image{display:block;height:100dvh;width:auto;max-width:none;pointer-events:none;-webkit-user-drag:none}
.urine-mage-intro button,.urine-mage-battle-loading button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer;min-height:44px}
.urine-mage-intro button:focus-visible,.urine-mage-battle-loading button:focus-visible{outline:2px solid #fff1b5;outline-offset:4px}
.urine-mage-dialogue{position:absolute;z-index:2;bottom:calc(env(safe-area-inset-bottom,0px) + 128px);left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:45dvh;overflow-y:auto;padding:20px 22px 26px;text-align:left;line-height:1.65;font-size:clamp(16px,4.2vw,21px);background:#07121bdc;border:1px solid #ffffff65;border-radius:12px;box-shadow:0 5px 24px #0007}
.urine-mage-dialogue-cue{position:absolute;right:12px;bottom:7px;font-size:10px;opacity:.7}
.urine-mage-continue{position:absolute;z-index:2;right:calc(env(safe-area-inset-right,0px) + 20px);bottom:calc(env(safe-area-inset-bottom,0px) + 66px);padding:12px 25px;border:1px solid #ffffffa6;border-radius:8px;background:#101e2ad9;font-weight:700!important;opacity:0;visibility:hidden;transition:opacity .35s ease}
.urine-mage-continue.is-ready{opacity:1;visibility:visible}
.urine-mage-continue.urine-mage-purge{position:absolute;left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 70px);transform:translateX(-50%);z-index:3;padding:14px 34px;background:linear-gradient(135deg,#e8d77c,#faac35);border:2px solid #fff2ab;color:#171b24;font-size:24px;letter-spacing:.1em;box-shadow:0 0 24px #fbc94780}
.urine-mage-skip{position:absolute;z-index:2;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translateX(-50%);padding:8px 28px;border:1px solid #ffffff70;border-radius:6px;background:#0a1019bf;letter-spacing:.16em;font-size:13px!important}
.urine-mage-load-status{position:absolute;top:40%;left:0;width:100%;text-align:center;pointer-events:none;text-shadow:0 2px 4px #000}
.urine-mage-retry{position:absolute;top:50%;left:50%;transform:translateX(-50%);padding:10px 20px;border:1px solid #fff;border-radius:6px;background:#102433}
.urine-mage-intro [hidden]{display:none!important}
.urine-mage-battle-loading{display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-sizing:border-box;text-align:center;background:radial-gradient(ellipse at top,#293246,#080c11 70%)}
.urine-mage-battle-loading h1{font-size:36px;color:#f2df9f}.urine-mage-battle-loading p{margin:20px 0 30px}.urine-mage-battle-loading button{padding:12px 30px;border:1px solid #f2df9f;border-radius:8px;background:#172838}
body[data-app-screen^="URINE_MAGE"] #crosshair{display:none!important}
@media(prefers-reduced-motion:reduce){.urine-mage-continue{transition:none}}

.urine-mage-recenter{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 64px);z-index:30;pointer-events:auto;padding:8px 18px;border:1px solid #ffffff70;border-radius:6px;background:#0a1019bf;font-size:13px!important}
.urine-mage-battle-loading button+button{margin-left:12px}.urine-mage-battle-loading [hidden]{display:none!important}

.urine-mage-viewport.is-ajie-hit{animation:urine-mage-ajie-tap 220ms ease-out both;transform-origin:50% 50%}
@keyframes urine-mage-ajie-tap{0%{transform:translate(0,0) rotate(0)}24%{transform:translate(10px,9px) rotate(1.2deg)}58%{transform:translate(-4px,-3px) rotate(-.5deg)}100%{transform:translate(0,0) rotate(0)}}
@media(prefers-reduced-motion:reduce){.urine-mage-viewport.is-ajie-hit{animation-duration:180ms}@keyframes urine-mage-ajie-tap{0%,100%{transform:translate(0,0)}25%{transform:translate(3px,2px)}60%{transform:translate(-1px,-1px)}}}