.app-screen[hidden],.lobby-dialog[hidden],.lobby-beam[hidden],.lobby-start-gate[hidden]{display:none!important}
.lobby-screen,.stage-select-screen{position:fixed;inset:0;z-index:20;min-width:0;min-height:0;overflow:hidden}
.lobby-screen{display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background:#03090d;touch-action:none}
.lobby-stage{position:relative;width:min(100%,150dvh,1536px);max-height:1024px;aspect-ratio:3/2;flex:none}
.lobby-stage,.lobby-stage *,.lobby-beam,.lobby-aim-label,body[data-app-screen="lobby"] #crosshair{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lobby-background{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
.lobby-hotspots{position:absolute;inset:0;z-index:1}
.lobby-hotspot{position:absolute;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:transparent;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.lobby-hotspot:focus{outline:0}
.lobby-hotspot:focus-visible{outline:3px solid #6be7ff;outline-offset:-3px;background:#35d9ff20}
.lobby-hotspot[data-aimed="true"]{background:radial-gradient(circle,#7cecff16,transparent 72%);box-shadow:inset 0 0 22px #6be7ff1c}
.lobby-hotspots[data-debug="true"] .lobby-hotspot{border:2px solid #ffdf42;background:#ff4c4c40;color:#fff}
.hotspot-achievements{left:2.4%;top:20.5%;width:7.6%;height:17.5%}
.hotspot-inventory{left:9.6%;top:30.4%;width:6.7%;height:14.8%}
.hotspot-upgrade{left:25.8%;top:40.9%;width:7.4%;height:14.5%}
.hotspot-settings{left:2.2%;top:59.9%;width:7.6%;height:18.9%}
.hotspot-missions{left:42.5%;top:16.5%;width:13.2%;height:9.2%}
.hotspot-urinal-cleaning{left:45.5%;top:37.2%;width:9.1%;height:29.6%;border-radius:8% 8% 22% 22%}
.hotspot-electric-wire{left:54.7%;top:37.2%;width:9.2%;height:29.6%;border-radius:8% 8% 22% 22%}
.hotspot-bottle{left:63.9%;top:37.2%;width:9.2%;height:29.6%;border-radius:8% 8% 22% 22%}
.hotspot-news{left:79.9%;top:25.5%;width:19.4%;height:17.6%}
.hotspot-challenge{left:87.1%;top:53.5%;width:12.1%;height:12.4%}
.hotspot-abandoned-service{left:79.9%;top:63.3%;width:19.1%;height:22.9%}
.hotspot-start-training{left:39.5%;top:84.2%;width:23.5%;height:13.4%;border-radius:50%}
.lobby-splash-layer{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.urine-splash-effect--2d{position:absolute;transform:translate(-50%,-50%) rotate(var(--urine-splash-rotation));pointer-events:none;isolation:isolate}
.urine-splash-effect--2d i{position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.urine-splash-primary{filter:drop-shadow(0 0 4px #ffcf3eaa);animation:urine-splash-primary var(--urine-splash-duration) cubic-bezier(.12,.68,.22,1) forwards}
.urine-splash-wet{mix-blend-mode:screen;animation:urine-splash-wet var(--urine-wet-duration) ease-out forwards}
@keyframes urine-splash-primary{0%{opacity:.08;transform:scale(.2)}22%{opacity:1;transform:scale(1.12)}100%{opacity:0;transform:scale(1)}}
@keyframes urine-splash-wet{0%{opacity:0;transform:scale(.72)}10%{opacity:.28;transform:scale(.94)}72%{opacity:.2;transform:scale(1)}100%{opacity:0;transform:scale(1.03)}}
.lobby-beam{position:fixed;inset:0;z-index:2;pointer-events:none}
.lobby-aim-label{position:fixed;left:50%;top:calc(50% + 43px);z-index:4;margin:0;transform:translateX(-50%) translateY(5px);padding:5px 10px;border:1px solid #6be7ff45;border-radius:3px;background:#06151dcf;color:#e9fcff;font-size:13px;letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .12s ease,transform .12s ease;pointer-events:none}
.lobby-aim-label[data-visible]{opacity:1;transform:translateX(-50%) translateY(0)}
body[data-app-screen="lobby"] #crosshair{z-index:30}
body[data-app-screen="lobby"] #crosshair[data-lobby-aimed]::before{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #42e9ff)}
.lobby-dialog{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:24px;background:#02080db8;backdrop-filter:blur(6px)}
.lobby-dialog-card,.stage-select-card{width:min(420px,100%);border:1px solid #55dfff88;border-radius:16px;background:linear-gradient(145deg,#0b2634f5,#07151df7);box-shadow:0 24px 80px #000b,0 0 32px #22c9ff22;text-align:center}
.lobby-dialog-card{padding:40px 32px}
.lobby-dialog-eyebrow,.stage-select-card>p{margin:0;color:#66e8ff;font-size:12px;font-weight:700;letter-spacing:3px}
.lobby-dialog-card h1{margin:12px 0 28px;font-size:30px}
.lobby-dialog-card button,.stage-select-back{min-width:160px;border:1px solid #66e8ff;background:#102b38;color:#fff;border-radius:8px;padding:12px 20px}
.stage-select-screen{display:flex;align-items:center;justify-content: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));background:radial-gradient(circle at 50% 30%,#153d4b,#03090d 68%)}
.stage-select-card{width:min(720px,100%);padding:42px}
.stage-select-card h1{margin:10px 0 30px;font-size:clamp(34px,6vw,58px);letter-spacing:.04em}
.stage-select-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stage-select-options button{min-height:150px;border:1px solid #64ddff88;border-radius:12px;background:#0b1f2ad9;color:#fff;padding:24px;text-align:left;touch-action:manipulation}
.stage-select-options button:active{transform:scale(.98)}
.stage-select-options strong,.stage-select-options span{display:block}
.stage-select-options strong{font-size:22px;color:#dff9ff}
.stage-select-options span{margin-top:10px;color:#a8c3ca;font-size:13px;line-height:1.6}
.stage-select-back{margin-top:26px}
.lobby-start-gate{position:fixed;inset:0;z-index:50;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));background:#02080dd9;backdrop-filter:blur(5px)}
.lobby-start-gate button{min-width:min(280px,78vw);border:1px solid #6be7ff;border-radius:10px;background:#0b2835ed;color:#effdff;padding:18px 28px;font-size:20px;font-weight:800;letter-spacing:.08em;box-shadow:inset 0 0 20px #26cfff20,0 0 28px #26cfff28;touch-action:manipulation}
.lobby-start-gate button:active{transform:scale(.98)}
.lobby-start-gate button:disabled{opacity:.58}
.lobby-start-gate-content{max-width:min(350px,86vw);text-align:center}
.lobby-start-gate-content p{margin:0 0 18px;color:#e9fcff;font-size:16px;line-height:1.6}
.back-to-lobby{width:100%;margin-top:12px;border:1px solid #ffffff55;border-radius:4px;background:transparent;color:#fff;padding:13px 20px}
@media(max-width:600px){.stage-select-card{padding:28px 20px}.stage-select-options{grid-template-columns:1fr}.stage-select-options button{min-height:112px}.stage-select-card h1{margin-bottom:20px}}
@media(max-width:900px) and (orientation:portrait){
 .lobby-screen{display:block;padding:0}
 .lobby-stage{position:absolute;top:0;left:50%;width:150dvh;height:100dvh;max-width:none;max-height:none;aspect-ratio:3/2;transform:translate3d(calc(-50% + var(--lobby-pan-x,0px)),0,0);transform-origin:center center;will-change:transform}
}
@media(prefers-reduced-motion:reduce){.urine-splash-primary{animation-duration:1ms!important}.urine-splash-wet{animation:none;opacity:.22}}