html,body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#login-screen input{touch-action:manipulation;-webkit-user-select:text;user-select:text}#joystick-zone{position:absolute;left:0;bottom:0;width:50%;height:60%;pointer-events:auto;touch-action:none;z-index:10}html:not(.touch) #joystick-zone{display:none}html.touch #joystick-zone{display:block}#joystick-base{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);pointer-events:none}#joystick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.5);transition:none}#action-buttons{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));display:none;flex-direction:column;gap:12px;z-index:10;pointer-events:auto}html.touch #action-buttons{display:flex}html:not(.touch) #action-buttons{display:none}.action-btn{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.3);color:#fff;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .1s}.party-header{font-size:10px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;padding-left:2px}#btn-attack{background:#e74c3cb3}#btn-attack:active,#btn-attack.flash{background:#e74c3c;transform:scale(.92)}#btn-party{background:#3498dbb3}#btn-party:active,#btn-party.flash{background:#3498db;transform:scale(.92)}#btn-leave-party{width:64px;height:40px;border-radius:20px;background:#95a5a680;font-size:8px;display:none}#btn-leave-party:active{background:#95a5a6cc}#hud{top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px))}#zone-name{top:max(10px,env(safe-area-inset-top,0px))}#joystick-zone{left:max(0px,env(safe-area-inset-left,0px));bottom:max(0px,env(safe-area-inset-bottom,0px))}@media(max-width:768px){#login-screen form{width:min(300px,85vw)}#login-screen h1{font-size:36px}.bar-container{width:160px;height:20px}#party-hud{width:150px;top:45px}#party-invite-modal{width:min(90vw,400px);padding:20px}#party-invite-modal button{padding:12px 24px;font-size:16px;min-height:44px}#death-overlay h2,#dungeon-wipe-overlay h2{font-size:28px}#settings-panel{width:min(380px,90vw)}}@media(max-width:430px){#login-screen form{width:90vw}#login-screen input{padding:14px 16px;font-size:16px}#login-screen button{padding:16px;font-size:18px;min-height:48px}#login-screen h1{font-size:30px;margin-bottom:20px}.bar-container{width:130px;height:18px}.bar-label{font-size:10px}#party-hud{width:120px}.party-member{padding:3px 6px}.party-member-name{font-size:10px}.party-hp-container{height:12px}.party-hp-text{font-size:8px}#zone-name{font-size:14px;top:6px}#party-invite-modal{top:auto;bottom:0;left:0;transform:none;width:100%;border-radius:12px 12px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}#dungeon-complete-banner{width:90vw;padding:16px 20px}#dungeon-complete-banner h2{font-size:22px}.skill-slot{width:36px;height:36px;font-size:12px}.skill-slot .keybind{font-size:8px}#settings-panel{width:calc(100% - 20px);max-height:85vh;padding:16px}.settings-slider{width:120px}#hud-buttons{right:4px;gap:6px}.hud-btn{width:36px;height:36px;font-size:16px}#inventory-panel{right:48px;width:280px}#inventory-panel .inv-grid{grid-template-columns:repeat(5,40px);grid-template-rows:repeat(6,40px)}.inv-slot{width:40px;height:40px;min-height:40px}.inv-grid{grid-template-columns:repeat(5,40px);grid-template-rows:repeat(6,40px)}#skills-panel{right:48px;width:200px}}@media(max-width:320px){#login-screen form{width:95vw}#login-screen h1{font-size:24px}.bar-container{width:110px;height:16px}.action-btn{width:48px;height:48px;font-size:9px}.skill-slot{width:32px;height:32px;font-size:10px}}