/* Phone HUD: keep the centre of the first-person view open. */
#mobile-nav,#mobile-backdrop{display:none}
@media(max-width:750px), (max-width:1000px) and (max-height:500px){
 body{--safe-bottom:env(safe-area-inset-bottom,0px)}
 .world-header{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;gap:10px;padding:10px 12px;border:1px solid #d9e9c52b;border-radius:16px;background:#0b251ede;backdrop-filter:blur(16px)}
 .world-brand>b{font-size:27px;letter-spacing:-4px}.world-brand>span{display:none}.world-location{text-align:left;flex:1;min-width:0;font-size:12px;font-weight:600}.world-location small{font-size:9px;line-height:1.4;max-width:180px;color:#aac5b3}.world-wallet{padding:0 0 0 10px;border:0;border-left:1px solid #ffffff24;border-radius:0;background:none;backdrop-filter:none}.world-wallet strong{font-size:21px;margin-top:3px}.world-wallet small{font-size:7px;letter-spacing:1px}
 .world-badge{top:87px;left:14px;background:#102820b8;padding:5px 8px;font-size:7px;letter-spacing:.3px;max-width:calc(100% - 28px)}
 #world-hint{top:119px;left:14px;right:14px;transform:none;max-width:none;margin:0;padding:8px 10px;border-radius:10px;font-size:10px;line-height:1.45;text-align:left;background:#122f20a8;pointer-events:none}
 #mini-map,#mouse-guide{display:none!important}
 .world-actions{display:none;top:auto;left:12px;right:12px;bottom:calc(88px + var(--safe-bottom));padding:18px;background:#0c291ff5;border:1px solid #c8e2b744;border-radius:20px;z-index:22;box-shadow:0 14px 60px #0008;max-height:65dvh;overflow:auto;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
 .world-actions::before{content:'YOUR WORLD';grid-column:1/-1;font-size:10px;letter-spacing:2px;color:#bdd69f;margin-bottom:4px}
 .world-actions button,.world-actions a{font-size:12px;min-height:48px;padding:12px;border-radius:12px;background:#244237;text-align:left;display:flex;align-items:center;border:1px solid #ffffff16;max-width:none!important}
 .mobile-menu-open .world-actions{display:grid}
 .world-joined #mobile-nav{position:fixed;bottom:calc(12px + var(--safe-bottom));left:12px;right:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:6px;border:1px solid #cde5b833;border-radius:19px;background:#0a241deb;backdrop-filter:blur(16px);z-index:24}
 #mobile-nav button{min-height:48px;border:0;border-radius:12px;background:transparent;font-size:12px;display:flex;gap:8px;align-items:center;justify-content:center;color:#dce9d3}#mobile-nav button span{font-size:19px;color:#cee9a7}#mobile-nav button[aria-expanded=true]{background:#c9e99b;color:#163325}#mobile-nav button[aria-expanded=true] span{color:inherit}
 .mobile-menu-open #mobile-backdrop,.mobile-chat-open #mobile-backdrop{display:block;position:fixed;inset:0;border:0;border-radius:0;background:#031b1477;z-index:20}
 .world-chat{display:none;left:12px;right:12px;width:auto;bottom:calc(88px + var(--safe-bottom) + var(--keyboard-offset,0px));border-radius:18px;background:#0b291ff5;z-index:22;box-shadow:0 12px 40px #0008}
 .mobile-chat-open .world-chat{display:block}.chat-title{padding:10px 14px;font-size:11px;letter-spacing:1px}.chat-title button{width:44px;height:36px;font-size:20px}#messages{max-height:min(30dvh,200px);font-size:13px;line-height:1.6}#messages:empty::before{content:'Say hello to players in your room.';display:block;padding:15px 0;color:#8fac9b}.world-chat form{padding:12px;gap:8px}.world-chat input{font-size:16px;min-height:46px}.world-chat form button{min-width:46px;min-height:46px}
 .world-chat:focus-within{bottom:calc(12px + var(--keyboard-offset,0px));max-height:calc(var(--visual-height,100dvh) - 24px);overflow:auto}body:has(.world-chat input:focus) #mobile-nav{visibility:hidden}
 #touch-controls{position:fixed;justify-content:space-between;pointer-events:none;display:none;left:14px;right:18px;bottom:calc(98px + var(--safe-bottom));align-items:end;z-index:10}.world-joined #touch-controls{display:flex}.dpad{padding:8px;background:#0d2b2066;border:1px solid #d6ecc82b;border-radius:23px;backdrop-filter:blur(6px)}.dpad button{width:46px;height:46px;border-radius:13px;font-size:23px;background:#183d2fba}.dpad>div{gap:5px;margin-top:5px}.dpad button:active,#touch-look:active{background:#c9e99b;color:#173629}
 #touch-look{width:80px;height:80px;border:1px solid #d6ecc84d;background:#133b2b99;backdrop-filter:blur(6px);border-radius:50%;font-size:11px;letter-spacing:1px}
 #interaction{left:50%;bottom:calc(237px + var(--safe-bottom));width:min(270px,calc(100vw - 40px));gap:8px}#interaction>span{padding:5px 9px;border-radius:7px;background:#0b291db3;font-size:11px;line-height:1.4}#interaction button{min-height:48px;padding:12px 24px;border-radius:14px;font-size:14px;box-shadow:0 4px 24px #0a241c55}
 #speedometer{top:auto;right:22px;bottom:calc(188px + var(--safe-bottom));width:auto;gap:4px;padding:5px 10px;border-radius:10px;background:#0c2b20b3}#speedometer strong{font-size:24px}#speedometer span{font-size:9px}#speedometer small{display:none}
 .mobile-menu-open #touch-controls,.mobile-menu-open #interaction,.mobile-chat-open #touch-controls,.mobile-chat-open #interaction,body:has(dialog[open]) #touch-controls{visibility:hidden}
 #toast{top:169px;left:14px;width:calc(100% - 28px);max-width:none;font-size:11px;padding:12px 14px;border-radius:12px;transform:translateY(-10px)}#toast.show{transform:none}
 dialog{width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding:20px 18px calc(24px + var(--safe-bottom));border-bottom:0}dialog h2{font-size:23px}.dialog-head{align-items:flex-start}.dialog-head>button{min-width:44px;min-height:44px;padding:10px;flex-shrink:0}.world-grid{grid-template-columns:1fr;gap:12px}.world-card{padding:16px}.world-card button,dialog form button{min-height:46px;font-size:13px}dialog input,dialog select{font-size:16px;min-height:46px}.full-map{height:280px}.help-keys{grid-template-columns:1fr}.memory-buttons{display:grid;grid-template-columns:1fr 1fr}.memory-buttons button{min-height:48px;font-size:13px}.memory-sequence{font-size:16px}.social-columns button{min-height:44px}
 #join-screen{padding:28px 20px calc(24px + var(--safe-bottom));gap:18px;align-content:start;background:linear-gradient(160deg,#082b25f2,#163c2adc);min-height:100dvh}#join-screen .eyebrow{font-size:9px;letter-spacing:2px}.join-copy h1{font-size:40px;line-height:1.08;margin:12px 0}.join-copy p{font-size:12px;margin:10px 0;line-height:1.5}.join-features{display:none}#join-form{padding:22px 18px;border-radius:19px;background:#0b281feb}#join-form h2{font-size:21px;line-height:1.3;margin:10px 0 20px}#join-form input,#join-form select{font-size:16px;min-height:48px}#join-form label{margin-bottom:12px}#spawn-description{font-size:11px;padding:11px;line-height:1.5}#join-form .primary{min-height:50px;margin-top:14px;border-radius:12px}
}
@media(max-height:500px) and (max-width:1000px){
 .world-header{right:140px;padding:7px 10px;top:8px}.world-badge{top:76px}.world-location small{font-size:8px}#world-hint{top:104px;max-width:55%}#mobile-nav{left:auto!important;width:112px;right:12px!important;bottom:10px!important;grid-template-columns:1fr!important;padding:4px!important;gap:0!important}#mobile-nav button{min-height:39px;font-size:10px}.world-actions{right:135px;bottom:12px;left:auto;width:340px;max-height:85dvh}#touch-controls{left:14px;right:144px;bottom:14px}#interaction{bottom:25px;width:220px}#speedometer{right:152px;bottom:108px}.world-chat{right:135px;bottom:12px;left:auto;width:340px}.world-chat:focus-within{left:12px;right:12px;width:auto}#toast{top:120px;left:25%;width:50%}#join-screen{grid-template-columns:1fr 1fr;gap:24px}dialog{max-height:96dvh;width:80%;margin:auto;border-radius:18px}.full-map{height:220px}
}

#mobile-nav svg{width:20px;height:20px;display:block}#mobile-menu{position:relative}.has-social-alerts #mobile-menu::after{content:"";position:absolute;right:14px;top:9px;width:6px;height:6px;border-radius:50%;background:#e6ad70}@media(max-width:750px),(max-width:1000px) and (max-height:500px){.desktop-key{display:none}}

@media(max-width:750px),(max-width:1000px) and (max-height:500px){#touch-controls button{pointer-events:auto;touch-action:none}}