*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#080d13;color:#e8e5df;font:14px Arial,sans-serif}button,a,input{font:inherit}button,a{touch-action:none}button{color:#ead8b5;background:#28303cdd;border:1px solid #bea16d77;border-radius:7px;padding:14px;cursor:pointer;min-height:44px}button:disabled{opacity:.4}button:active{background:#655136}input{font-size:16px;color:#fff;background:#131c28;border:1px solid #75808b;border-radius:7px;padding:12px;min-width:0}a{display:block;color:#c9b080;margin:18px auto}button[hidden],[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.panel{position:fixed;inset:0;overflow:auto;touch-action:pan-y;background:linear-gradient(110deg,#080c12f5,#131c24df);padding:28px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));text-align:center;z-index:10}.panel>*{max-width:560px;margin:14px auto}.panel>button,#roomInfo>button{display:block;width:min(300px,90%)}h1{font-size:22px;letter-spacing:2px}h2{font-size:20px}.logo{width:min(300px,75%)}.fine{font-size:11px;line-height:1.7;color:#a2adb7}.join-row{display:flex;gap:8px;max-width:300px;margin:14px auto}.join-row input{width:210px;text-transform:uppercase;letter-spacing:2px}#djPicker{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}#djPicker button{width:82px;padding:5px;font-size:9px;line-height:1.4}#djPicker button.selected{border-color:#f6d198;background:#58452e}#djPicker img{width:100%;height:75px;object-fit:cover;object-position:left top}#roomCode{font-size:30px;letter-spacing:6px;color:#f5d59a}#roster{line-height:2.2}#status{color:#e7cfa3;line-height:1.5}#hud{position:fixed;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}#hud button{pointer-events:auto;position:absolute;font-size:10px;padding:7px}#hud header{display:flex;gap:24px;font-size:10px}#hud header b{display:block;font-size:23px}#pause{right:max(20px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}#crew{font-size:10px;line-height:1.8;margin-top:12px;color:#b6c5d2;max-width:170px}#notice{position:absolute;top:25px;left:32%;width:36%;text-align:center;color:#ead1a2;line-height:1.5}#health{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:calc(166px + env(safe-area-inset-bottom));font-size:11px}#weapon{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:calc(124px + env(safe-area-inset-bottom));font-size:12px;white-space:pre-line}#joystick{pointer-events:auto;position:absolute;left:max(20px,env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));width:88px;height:88px;border:1px solid #9ba7b866;background:#192e4144;border-radius:50%;touch-action:none}#joystick i{position:absolute;left:24px;top:24px;width:38px;height:38px;border-radius:50%;background:#c8d7e755}#fire{right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;background:#5d4228aa;font-size:13px!important}#monkey,#sprint{right:max(20px,env(safe-area-inset-right));width:84px;height:44px}#monkey{bottom:calc(116px + env(safe-area-inset-bottom))}#sprint{bottom:calc(168px + env(safe-area-inset-bottom))}#reload,#swap{right:calc(max(20px,env(safe-area-inset-right)) + 96px);width:48px;height:48px;font-size:8px!important}#reload{bottom:calc(20px + env(safe-area-inset-bottom))}#swap{bottom:calc(80px + env(safe-area-inset-bottom))}#revive{left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom));width:150px;background:#204a43dd}#reticle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:25px;pointer-events:none}#hurt{position:fixed;inset:0;background:radial-gradient(transparent,#bd201a88);opacity:0;pointer-events:none}#downNotice{position:absolute;top:45%;left:15%;width:70%;text-align:center;font-size:18px;color:#f0c69d;text-shadow:0 2px 8px #000}dialog{max-width:85vw;width:430px;background:#111923;color:white;border:1px solid #c7a366;padding:24px;line-height:1.7}dialog::backdrop{background:#000a}dialog button{width:100%}@media(orientation:portrait){#notice{top:155px;left:20%;width:60%}#revive{bottom:225px}.panel{padding-top:20px}}@media(max-height:400px){.panel{padding-top:12px}.logo{max-width:190px}.panel h1{font-size:16px}#crew{font-size:9px;line-height:1.5}#health{bottom:163px}}


#joystick.floating-pad{position:fixed;bottom:auto!important;right:auto!important;pointer-events:none!important;width:88px;height:88px;opacity:0;transition:opacity .12s;z-index:4}#joystick.floating-pad.active{opacity:1}#joystick.floating-pad i{left:24px;top:24px;width:38px;height:38px}



#crew{margin-top:8px;font-size:10px;letter-spacing:1px}.move-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));font-size:9px;color:#b6c5d299;pointer-events:none}#health{bottom:calc(80px + env(safe-area-inset-bottom))}#weapon{bottom:calc(40px + env(safe-area-inset-bottom));font-size:11px}#notice{top:75px;font-size:11px}#hud button{backdrop-filter:blur(6px)}@media(orientation:portrait){#notice{top:110px}#weapon{max-width:45%}.move-hint{max-width:40%;font-size:8px}}