/* Reference layout: two header rows, mission/map band, unobstructed play field. */
:root{--glass:linear-gradient(140deg,#259dadcf,#125779df);--edge:#d1ffffa8;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
#hud>header{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.35fr) 44px;grid-template-rows:60px 48px;gap:8px;padding:calc(10px + var(--safe-top)) 12px 0;background:linear-gradient(#06496066,transparent);pointer-events:none}
#hud>header button{pointer-events:auto}
#hud>header .brand{grid-area:1/1/2/2;align-self:center;max-width:none;min-width:0;width:100%;padding:0}
#hud>header .hud-logo{width:100%;max-width:245px;height:64px;max-height:none;object-fit:contain;object-position:left center;transform:none;filter:drop-shadow(0 3px 2px #03435866)}
#hud>header .resources{grid-area:1/2/2/3;display:flex;width:100%;max-width:none;gap:4px;margin:0;overflow:visible;background:none;border:0;padding:0}
#hud>header .resources>div{display:flex;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:9px 5px;border:1px solid var(--edge);border-radius:22px;background:var(--glass)}
#hud>header .resources b{font-size:clamp(11px,2.9vw,19px);font-variant-numeric:tabular-nums;white-space:nowrap}#hud>header .resources span{font-size:19px}#hud>header .resources small{display:none}
#hud>header .utilities{grid-area:1/3/2/4;margin:0;display:flex}#hud>header .utilities button{width:44px;min-width:44px;height:44px;border-radius:50%;background:var(--glass);border:1px solid var(--edge)}
#hud-profile{grid-area:2/1/3/2;background:var(--glass);border:1px solid var(--edge);border-radius:28px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;padding:3px 6px 3px 47px;color:white}
#hud-profile #account-open{background:none;border:0;color:white;padding:0;text-align:left;min-height:22px;width:100%;font-size:15px}#account-name{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-avatar-frame{position:absolute;left:4px;top:1px;width:38px;height:38px;overflow:hidden;border:2px solid #ecffff;border-radius:50%;background:#68c6d6;display:block}.profile-avatar-frame #profile-icon{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;transform:translateY(-2px) scale(1.18);transform-origin:center center}
#hud-profile #online-status{display:block;color:#bdff9b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hud-location{grid-area:2/2/3/4;display:flex;align-items:center;gap:5px;min-width:0}
#hud-location #island-title{position:static;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;padding:6px 10px;background:var(--glass);border:1px solid var(--edge);border-radius:24px;font-size:clamp(12px,2.6vw,17px);font-weight:800;letter-spacing:0;color:white;text-shadow:none;line-height:1.15;text-align:center;white-space:normal}
#hud-location #ranking-open{width:44px;height:44px;flex-shrink:0;background:var(--glass);border:1px solid var(--edge);border-radius:50%;padding:8px}
#quest{top:calc(140px + var(--safe-top));left:12px;width:calc(100% - 132px);max-width:350px;background:linear-gradient(135deg,#fffffff2,#e8ffffe8);color:#18506a;border:1px solid #fff;border-radius:18px;padding:10px 12px;box-shadow:0 4px 14px #07597922;backdrop-filter:blur(8px)}
#quest h2{font-size:13px;line-height:1.25;min-height:22px;margin:0;padding-right:28px}#quest .eyebrow,#quest p{display:none}#quest .progress{height:6px;background:#abcbd1;margin:7px 0}#quest .progress i{background:linear-gradient(90deg,#169b59,#8cdb3d)}#quest footer,#quest footer #quest-reward{font-size:11px;color:#23607b}#quest-toggle{width:40px;height:40px;color:#277795}#quest-claim{padding:5px;min-height:32px;font-size:12px;margin-top:5px}
#map-wrap{top:calc(140px + var(--safe-top));right:12px;width:100px;height:100px;border:3px solid #efffff;box-shadow:0 0 0 3px #61c6d7aa,0 4px 14px #0b607544}
#bottom{bottom:calc(12px + var(--safe-bottom));width:calc(100% - 24px);max-width:760px;gap:0}#bottom nav{display:flex;justify-content:space-around;background:linear-gradient(150deg,#b8fff2aa,#1c99aaa8);border:2px solid var(--edge);border-radius:24px;padding:7px 4px;gap:0;box-shadow:0 7px 25px #00526444;backdrop-filter:blur(12px)}
#bottom nav button,#bottom nav button:nth-child(n){flex:1;min-width:0;min-height:64px;padding:3px 1px;background:none;border:0;border-radius:14px;color:white;gap:5px;text-shadow:0 1px 3px #164e64;box-shadow:none}#bottom nav button+button{border-left:1px solid #e3ffff50;border-radius:0}#bottom nav button>span{height:32px}#bottom nav button>span .icon-pack{width:35px;height:35px}#bottom nav button div{font-size:11px}#bottom nav kbd,#bottom .move-help,#team{display:none}
#joystick{display:block;width:100px;height:100px;left:20px;bottom:calc(118px + var(--safe-bottom));border:2px solid #ffffffb8;background:#d9ffff40;touch-action:none}#stick{width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px)}
#jump{display:flex;width:86px;height:86px;right:20px;bottom:calc(124px + var(--safe-bottom));background:radial-gradient(circle at 35% 25%,#b8ff72,#4ecb3c 60%,#219c44);border:3px solid #e2ffce;box-shadow:0 0 0 4px #98e58b66,0 5px 10px #1b664a44;color:white;touch-action:none}#jump span{font-size:40px}#jump small{font-size:12px}
#context{left:50%;right:auto;transform:translateX(-50%);bottom:calc(234px + var(--safe-bottom));width:min(300px,calc(100% - 32px));padding:8px 10px;border-radius:18px;background:var(--glass);border:1px solid var(--edge);box-shadow:0 4px 12px #16536333}#context-kind,#context-info{display:none}#context strong{font-size:13px}#context button{min-height:40px;padding:8px;margin-top:5px;font-size:13px}
#toast{bottom:calc(285px + var(--safe-bottom));max-width:calc(100% - 32px);font-size:13px}
#more-menu{width:min(440px,92vw)}.more-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-actions button{display:flex!important;align-items:center;gap:8px;min-height:54px;background:#d9f4ee;color:#164c62;padding:10px;border-radius:12px}.more-actions button span{font-size:14px}.more-actions small,.more-actions kbd{display:none}
body.coop-active #joystick,body.coop-active #jump{display:flex!important;visibility:visible;pointer-events:auto;z-index:110}body.coop-active #joystick{bottom:calc(30px + var(--safe-bottom))}body.coop-active #jump{bottom:calc(140px + var(--safe-bottom));width:70px;height:70px}
#coop{padding:calc(12px + var(--safe-top)) 12px 12px;align-items:stretch;gap:5px}#coop header{width:100%;max-width:600px;margin:0 auto;padding:7px 10px;border-radius:16px;background:var(--glass)}#coop header h2{font-size:16px}#coop header small{font-size:9px}#coop-countdown{font-size:12px;align-self:center}body.coop-active #coop-roster{width:min(600px,100%);max-height:86px;align-self:center;gap:3px}body.coop-active #coop-roster>span{display:none}.coop-enemy{width:100%;font-size:11px;padding:8px 10px 12px;gap:8px}.coop-enemy b{font-size:11px;flex:1}.coop-enemy span{white-space:nowrap}#coop-status{align-self:center;text-align:center;font-size:12px}body.coop-active #map-wrap{top:calc(200px + var(--safe-top));width:68px;height:68px}
#coop-controls{position:absolute;bottom:calc(30px + var(--safe-bottom));right:20px;margin:0;padding:0}#coop-attack{width:86px;height:86px;min-height:86px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;border:3px solid #fff1bd;touch-action:none}#coop-attack small{font-size:12px}#coop-attack:disabled{opacity:.6}body.coop-active #toast{bottom:calc(235px + var(--safe-bottom))}
@media(min-width:760px){#hud>header{grid-template-columns:240px 300px 44px;grid-template-rows:70px 48px;justify-content:space-between}#hud-location{max-width:344px}#quest,#map-wrap{top:calc(155px + var(--safe-top))}#quest{width:320px}#map-wrap{width:120px;height:120px}#hud>header .hud-logo{height:78px}#joystick{width:120px;height:120px}#jump{width:100px;height:100px}}
@media(max-width:360px){#hud>header{grid-template-columns:minmax(98px,1fr) minmax(140px,1.3fr) 40px;gap:5px;padding-left:8px;padding-right:8px}#hud>header .resources>div{padding:8px 2px}#hud>header .resources span{font-size:14px}#hud>header .resources .icon-pack{width:14px}#quest{left:8px;width:calc(100% - 110px);padding:8px}#map-wrap{width:82px;height:82px;right:8px}#bottom nav button div{font-size:10px}#hud-profile{padding-left:39px}#profile-icon{width:32px;height:32px}}
@media(orientation:landscape) and (max-height:550px){#hud>header{grid-template-columns:180px 260px 44px;grid-template-rows:44px 40px;padding-top:calc(6px + var(--safe-top));justify-content:space-between;gap:4px}#hud>header .hud-logo{height:52px}#quest,#map-wrap{top:calc(104px + var(--safe-top))}#quest{width:220px}#map-wrap{width:68px;height:68px}#bottom{width:min(430px,calc(100% - 270px));bottom:calc(8px + var(--safe-bottom))}#bottom nav button,#bottom nav button:nth-child(n){min-height:52px}#bottom nav button>span .icon-pack{width:26px;height:26px}#bottom nav button>span{height:26px}#joystick,#jump{bottom:calc(18px + var(--safe-bottom));width:76px;height:76px}#context{bottom:calc(92px + var(--safe-bottom));width:240px}#coop header{max-width:420px}#coop-countdown{position:static}#coop-status{position:static}body.coop-active #coop-roster{max-width:420px}body.coop-active #jump{bottom:calc(114px + var(--safe-bottom))}body.coop-active #map-wrap{top:20px}#toast{bottom:185px}}
[hidden]{display:none!important}
#coop-base-track{height:5px;width:min(420px,85%);align-self:center;border-radius:4px;background:#153a5bb0;overflow:hidden}#coop-base-fill{display:block;height:100%;background:#96e76c;transition:width .15s}#coop-retry{align-self:center;padding:8px 14px;background:#ffdf83;color:#174966;border-radius:12px}
#coop-attack{position:relative;overflow:hidden}#coop-attack::after{content:'';position:absolute;inset:auto 0 0;height:calc(var(--cooldown,0)*100%);background:#143a5c55;pointer-events:none}

#coop header .coop-logo{width:96px;height:30px;object-fit:contain;vertical-align:middle;margin-right:8px}#coop header h2{font-size:14px}