*{box-sizing:border-box}body{margin:0;background:#091c35;color:white;font-family:system-ui,sans-serif;overflow:hidden}button,a{touch-action:manipulation}button{min-width:48px;min-height:48px;border:2px solid #fff8;border-radius:14px;background:#126da4;color:white;font-size:18px;font-weight:800;padding:10px 18px;cursor:pointer;user-select:none}button:focus-visible,a:focus-visible{outline:4px solid #ffdf50;outline-offset:3px}[hidden]{display:none!important}#lobby{height:100dvh;display:grid;place-items:center;background:#092c45}.art{position:relative;width:min(100vw,177.78dvh);aspect-ratio:16/9}.art img{width:100%;height:100%;display:block}.art button{position:absolute;right:2.2%;width:23%;height:13%;font-size:clamp(16px,4vw,56px);text-shadow:0 3px #124129;border:3px solid #125629;box-shadow:inset 0 0 0 3px #d5ff73,0 4px 0 #08273f}.art #play{top:67.5%;background:linear-gradient(#8ced20,#2ba80c)}.art #skin{top:82.5%;background:linear-gradient(#35dbfc,#0879e9);border-color:#07579a;box-shadow:inset 0 0 0 3px #94efff,0 4px 0 #08273f;text-shadow:0 3px #06487f}.arcade{position:fixed;top:12px;left:12px;color:white;background:#082641db;padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:800;min-height:48px}#world{width:100vw;height:100dvh;display:block;touch-action:none}.top{position:fixed;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.top span{font-weight:1000;letter-spacing:2px;font-size:clamp(16px,3vw,26px);text-shadow:0 3px 3px #003253}.hint{position:fixed;top:62px;left:50%;transform:translateX(-50%);background:#08324abd;border-radius:12px;padding:10px;text-align:center;font-size:14px;width:max-content;max-width:90vw;pointer-events:none}#touchMove{position:fixed;bottom:32px;left:18px;text-align:center}#touchMove button{width:58px;height:58px;background:#082f57b8;margin:3px;padding:8px}#jump{position:fixed;right:22px;bottom:48px;background:#2baa24;border:3px solid #d4ffb3;min-width:84px;min-height:70px}#coordinates{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);margin:0;background:#08324abf;border-radius:8px;padding:6px 10px;font-size:14px;pointer-events:none}dialog{color:white;background:#092d49;border:3px solid #73daff;border-radius:22px;width:min(880px,94vw);max-height:92dvh;text-align:center;padding:20px}dialog::backdrop{background:#001325bd}dialog button{margin:6px}.mapArt{position:relative}.mapArt img{width:100%;display:block;border-radius:12px}#mapMarker{position:absolute;color:#ff3d51;font-size:24px;-webkit-text-stroke:2px white;transform:translate(-50%,-50%)}footer{position:fixed;bottom:2px;left:0;right:0;text-align:center;font:10px monospace;color:#fff9;pointer-events:none}#error{position:fixed;bottom:32px;left:15%;right:15%;background:#732517;border:2px solid white;border-radius:12px;padding:20px;z-index:10}@media(max-height:480px){.hint{display:none}#touchMove{bottom:20px}#touchMove button{height:48px;width:48px}.top{top:6px}#jump{bottom:28px}}@media(max-width:600px){.hint{font-size:12px}#coordinates{bottom:18px}.top span{letter-spacing:0}}

#lootHud{position:fixed;top:128px;left:16px;display:flex;flex-direction:column;gap:6px;background:#102a32e8;border:1px solid #d9bc80;border-radius:12px;padding:12px;max-width:min(420px,65vw);font-size:14px;pointer-events:none}#lootHud strong{font-size:18px;color:#b8fff3}#lootMessage{max-width:340px}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;color:#fff3d7;text-shadow:0 1px 3px black;pointer-events:none}#lootActions{position:fixed;right:18px;bottom:215px;display:grid;grid-template-columns:repeat(2,minmax(70px,125px));gap:6px}#lootActions button{font-size:14px;padding:8px;background:#214954}#lootActions #fire{background:#9b542e}button:disabled{opacity:.48;cursor:default}.siteMarker{position:absolute;transform:translate(-50%,-50%);background:#142f39e8;color:#ffebbf;border:1px solid #dbb478;border-radius:6px;padding:3px 6px;font-size:clamp(8px,2vw,14px);white-space:nowrap}#mapMarker{z-index:2}@media(max-height:480px){#lootHud{top:65px;max-width:55vw;padding:7px;font-size:12px}#lootHud strong{font-size:14px}#lootMessage{display:none}#lootActions{bottom:174px;right:12px;grid-template-columns:repeat(2,100px)}#lootActions button{min-height:44px;padding:4px;font-size:12px}#punch{bottom:108px!important;right:12px!important}}@media(max-width:600px) and (min-height:481px){#lootHud{top:118px;max-width:90vw;font-size:12px}#lootActions{grid-template-columns:repeat(2,90px);bottom:215px;right:12px}#lootActions button{font-size:12px}}

.top span{margin-right:auto}.top{z-index:2}#powersButton{font-size:16px}.hint{font-size:14px;max-width:90vw}#punch{position:fixed;right:22px;bottom:132px;background:#d77c13}#playerHud{position:fixed;bottom:32px;left:18px;width:280px;display:grid;gap:7px;background:#0a203ee8;border:2px solid #80a7c7;border-radius:14px;padding:14px;font-size:16px;pointer-events:none}#playerHud progress{width:100%;height:14px;border:0;border-radius:8px;overflow:hidden;accent-color:#57de60}#sprintBar{accent-color:#22ccff!important}#xpStatus{color:#ffdc66;font-size:22px}#playerHud progress::-webkit-progress-bar{background:#233952}#healthBar::-webkit-progress-value{background:#57de60}#sprintBar::-webkit-progress-value{background:#22ccff}body[data-aiming=true] #crosshair{color:#54ffce;font-size:22px}body[data-controller=true] #touchMove,body[data-controller=true] #lootActions,body[data-controller=true] #jump,body[data-controller=true] #punch{display:none}body[data-controller=true] .hint{font-size:16px;max-width:calc(100vw - 80px)}#equipped{width:min(1050px,94vw);text-align:left;padding:28px;background:linear-gradient(145deg,#122a52,#090e24);border-color:#83bbff}.equippedHeading{display:flex;justify-content:space-between;align-items:center;gap:20px}.equippedHeading h2{font-size:32px;margin:0}.equippedHeading strong{font-size:28px;color:#ffe282}.screenHint{font-size:16px;color:#cbdced}.powerCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.powerCard{padding:18px;border:2px solid #fff9;border-radius:18px;color:#fff;box-shadow:inset 0 1px 0 #fff8,0 5px 20px #0005;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.powerCard.pink{background:linear-gradient(135deg,#ff84dd 0%,#b01988 30%,#630466 70%,#b916a3 100%)}.powerCard.blue{background:linear-gradient(135deg,#9aefff 0%,#0b82b4 30%,#07467e 70%,#19a8dd 100%)}.powerCard.gold{background:linear-gradient(135deg,#fff29a 0%,#a26b08 30%,#694009 70%,#d69b17 100%)}.powerCard h3{font-size:22px;margin:0;text-shadow:0 2px 3px #0008}.powerCard p{font-size:16px;line-height:1.45;margin:0;flex:1;text-shadow:0 1px 3px #000}.powerCard strong{font-size:18px}.powerCard button{background:#071d3ee8;font-size:16px;margin:0;width:100%}.powerCard[data-equipped=true]{border:4px solid #fff;box-shadow:0 0 16px #fff5}.powerCard button:disabled{opacity:.72}.inventoryCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.weaponCard{font-size:16px;background:#142745;text-align:left;margin:0;padding:16px;border-width:3px}.weaponCard.white{border-color:#fff}.weaponCard.green{border-color:#56ed40}.weaponCard.orange{border-color:#ffa51e}.weaponCard.red{border-color:#ff363e}.weaponCard.black{background:#030509;border-color:#a4a8b1}.weaponCard.gold{border-color:#ffd34c;color:#ffe89b}.weaponCard[aria-pressed=true]{outline:3px solid #fff;outline-offset:3px}.rarityGuide{font-size:14px;line-height:1.7;color:#c5d1e1}#equipped h3{font-size:22px}#shopMessage{min-height:24px;color:#9ef5b1;font-size:16px}#closeEquipped{margin-left:0}#equipped button:focus{outline:4px solid #fff16c;outline-offset:3px}#healthLabel{font-weight:800}
@media(pointer:fine){#touchMove{display:none}}
@media(pointer:coarse){#playerHud{left:220px;width:220px}}
@media(max-height:480px){#playerHud{bottom:22px;left:220px;width:210px;padding:8px;gap:3px;font-size:12px}#xpStatus{font-size:16px}#punch{bottom:108px;right:12px}.top span{font-size:18px}#equipped{padding:16px}.powerCard{padding:12px}.powerCard h3{font-size:18px}.equippedHeading h2{font-size:26px}}
@media(max-width:700px){.top span{display:none}.powerCards,.inventoryCards{grid-template-columns:1fr}#playerHud{width:175px;left:210px}#equipped{padding:18px}.equippedHeading h2{font-size:24px}.equippedHeading strong{font-size:22px}}

/* Compact inventory stays clear of the health display. Full names remain in Inventory. */
#inventoryHud{position:fixed;left:auto;right:16px;bottom:24px;transform:none;width:min(360px,calc(100vw - 32px));min-width:0;background:#091b34ed;border:2px solid #86afdc;border-radius:10px;padding:6px}
.inventoryHeading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;line-height:16px}.inventoryHeading span{font-size:10px;color:#c8dcf2}
#inventoryBar{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:4px;padding:4px}#inventorySlots{display:contents}
.inventorySlot{position:relative;min-width:44px;min-height:44px;height:44px;padding:2px;border-radius:6px;background:#162e4e;font-size:12px;border-width:2px;display:flex;align-items:center;justify-content:center}
.inventorySlot span{position:absolute;left:2px;top:0;font-size:9px;line-height:11px;color:#cbdaf0}.inventorySlot strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.inventorySlot small{position:absolute;right:2px;bottom:0;font-size:10px;line-height:12px;color:#e3eaff}.inventorySlot svg{width:25px;height:20px;margin-bottom:4px}.inventorySlot.pickaxe svg{width:25px;height:25px}.inventorySlot.pickaxe small{font-size:8px;right:1px}
.inventorySlot:disabled{opacity:1;cursor:default}.inventorySlot.empty,.weaponCard.empty{background:#0a1629;border:2px dashed #59718e;color:#b3c6db}.inventorySlot.pickaxe,.weaponCard.pickaxe{border-color:#d2e4f1}.inventorySlot.white{border-color:#fff}.inventorySlot.green{border-color:#56ed40}.inventorySlot.orange{border-color:#ffa51e}.inventorySlot.red{border-color:#ff363e}.inventorySlot.black{border-color:#a4a8b1;background:#030509}.inventorySlot.gold{border-color:#ffd34c}.inventorySlot[aria-pressed=true]{background:#28506b;outline:2px solid #ffe17c;outline-offset:-2px}
.weaponCard{min-height:88px}#inventoryCards{margin:16px 0}#removeWeapon{margin-left:0;background:#6f3349}#playersRemaining{font-size:14px;color:#c8dcf2}
#jump{bottom:116px}#punch{bottom:200px}#lootActions{bottom:270px}
@media(max-width:1100px){.hint{font-size:12px}.top{gap:8px}.top button{padding:8px 12px;font-size:14px}}
@media(max-height:480px){#inventoryHud{right:12px;bottom:20px;width:360px}#playerHud{top:64px;bottom:auto;left:16px;width:195px;padding:8px;gap:3px;font-size:12px}#playersRemaining{font-size:12px}#lootHud{left:230px;top:64px;max-width:min(420px,calc(100vw - 536px))}#lootActions{bottom:186px;right:12px;grid-template-columns:repeat(3,90px)}#lootActions button{height:44px;min-height:44px;padding:2px 2px 16px;font-size:10px;line-height:12px;position:relative}body[data-controller=true] #lootActions [data-xbox]::after{position:absolute;left:2px;right:2px;bottom:1px;font-size:8px;line-height:10px;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top button{min-height:44px;padding:4px;font-size:12px}body[data-controller=true] .top [data-xbox]::after{font-size:8px;line-height:10px;padding:1px;margin-top:1px}#jump{right:12px;bottom:114px}#punch{right:110px!important;bottom:114px!important}#jump,#punch{height:70px;min-height:70px;padding:8px;font-size:14px}body[data-controller=true] #jump::after,body[data-controller=true] #punch::after{font-size:10px;line-height:13px;padding:1px}}
@media(max-width:700px) and (min-height:481px){#playerHud{top:210px;bottom:auto;left:16px;width:175px}#touchMove{bottom:124px}#lootActions{bottom:270px}.inventoryCards{grid-template-columns:repeat(2,minmax(0,1fr))}.weaponCard{padding:10px;font-size:14px}.top span{display:none}.top button{padding:8px;font-size:12px}}

.powerCard.purple{background:linear-gradient(135deg,#8363d7,#342164)}
.powerCard.teal{background:linear-gradient(135deg,#167c8a,#083a56)}
.powerCard.green{background:linear-gradient(135deg,#327847,#143b32)}
.powerCard.silver{background:linear-gradient(135deg,#526784,#202b43)}
.powerControls{font-size:14px;line-height:1.4;color:#fff;font-weight:700}
#activePowers{font-size:12px;line-height:1.4;color:#d9eaff}
#equipped{max-height:calc(100dvh - 40px);overflow-y:auto}
@media(max-height:480px){#activePowers{display:none}}

#pickUpLoot{display:block}#chestOpenProgress{width:100%;height:16px;accent-color:#ffe787}

body[data-controller=true] [data-xbox]::after{content:attr(data-xbox);display:block;font-size:12px;line-height:1.3;background:#123d38;color:#fff7b2;border:1px solid #84d6b3;border-radius:7px;padding:2px 5px;margin-top:3px}body[data-controller=true] :focus-visible{outline:4px solid #ffe787;outline-offset:3px}#pauseMenu button,#pauseMenu a{display:block;margin:12px auto;min-width:220px}body[data-controller=true] #inventorySlots button::after{content:'LB / RB';font-size:10px}body[data-controller=true] #pickaxeSlot::after{content:'LB / RB'}

body[data-controller=true] #lootActions{display:grid}body[data-controller=true] #jump,body[data-controller=true] #punch{display:block}

/* The inventory heading provides the Xbox item-switch hint for all seven slots. */
body[data-controller=true] #inventoryBar button::after{display:none}


#islandStatus{color:#ffe17b}#islandStatus[data-warning=true]{color:#ff9b74;font-weight:900}


#controllerSetup { position:fixed; right:16px; top:16px; z-index:3; max-width:480px; padding:12px 18px; border-radius:12px; background:#10283ee8; color:white; font-size:15px; }
#controllerSetup p { margin:0 0 10px; line-height:1.6; }
#controllerSetup[hidden], #invertLook[hidden] { display:none; }
@media(max-width:600px) { #controllerSetup { right:8px; top:8px; max-width:85vw; font-size:12px; padding:8px; } }

#spectatorHud { position:fixed; top:112px; left:16px; width:min(370px,calc(100vw - 32px)); max-height:calc(100dvh - 150px); overflow:auto; padding:14px; background:#082641ed; border:2px solid #73daff; border-radius:14px; display:grid; gap:8px; }
#spectatorName { font-size:20px; color:#ffe787; } #spectatorInventory { padding-left:22px; margin:4px 0; } #spectatorHealthBar { width:100%; accent-color:#56ed40; } #spectatorHud button { font-size:14px; padding:8px; margin:2px; }
body[data-spectating=true] #lootHud, body[data-spectating=true] #playerHud, body[data-spectating=true] #inventoryHud, body[data-spectating=true] #lootActions, body[data-spectating=true] #touchMove, body[data-spectating=true] #jump, body[data-spectating=true] #punch, body[data-spectating=true] #crosshair, body[data-spectating=true] #inventoryButton, body[data-spectating=true] #powersButton { display:none!important; }
@media(max-height:480px) { #spectatorHud { top:90px; max-height:calc(100dvh - 112px); } }

body[data-spectating=true] #mapButton { display:none!important; }

body[data-split-spectator=true] #spectatorHud, body[data-split-spectator=true] #coordinates { display:none!important; }
#splitSpectatorHud { position:fixed; inset:0; pointer-events:none; display:flex; align-items:flex-end; }
#splitSpectatorHud::after { content:''; position:absolute; left:50%; top:0; bottom:0; width:3px; background:#fff9; }
.splitCpu { width:calc(50% - 24px); margin:12px; padding:10px; max-height:34dvh; overflow:auto; display:grid; gap:4px; background:#082641e6; border-radius:12px; font-size:13px; pointer-events:auto; }
.splitCpu strong { color:#ffe787; font-size:17px; } .splitCpu progress { width:100%; accent-color:#56ed40; } .splitCpu ul { margin:0; padding-left:20px; }
@media(max-height:480px) { .splitCpu { max-height:32dvh; font-size:11px; } .splitCpu strong { font-size:13px; } }

/* Keep the watched CPU's inventory on screen, including empty slots. */
#spectatorHud { width:min(550px,calc(100vw - 32px)); z-index:3; }
#splitSpectatorHud { z-index:3; }
.spectatorInventoryHeading { font-weight:800; color:#cfeaff; }
#spectatorInventory, .splitCpu .spectatorInventoryBar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; list-style:none; padding:0; margin:0; }
.spectatorSlot { min-width:0; padding:6px 3px; min-height:76px; background:#142f4d; border:2px solid #b7c8da; border-radius:7px; display:flex; flex-direction:column; justify-content:space-between; text-align:center; font-size:12px; line-height:1.2; overflow-wrap:anywhere; }
.spectatorSlot span { font-weight:800; }
.spectatorSlot small { font-size:10px; }
.spectatorSlot.green { border-color:#56ed40; } .spectatorSlot.orange { border-color:#ffa51e; } .spectatorSlot.red { border-color:#ff363e; } .spectatorSlot.black { border-color:#a4a8b1; background:#030509; }
.spectatorSlot.empty { border-style:dashed; color:#a9bfd5; background:#0a1629; }
.spectatorSlot[data-equipped=true] { outline:2px solid #ffe17c; outline-offset:-2px; background:#28506b; }
.spectatorSlotEquipped { color:#ffe17c; min-height:12px; }
.splitCpu { max-height:calc(100dvh - 120px); overflow:visible; }
.splitCpu .spectatorSlot { font-size:11px; }
@media(max-height:480px) { #spectatorHud { top:64px; gap:4px; padding:8px; } #spectatorName { font-size:16px; } #spectatorStats, .splitCpu > span:last-child { display:none; } .splitCpu { max-height:calc(100dvh - 70px); } .spectatorSlot { min-height:68px; } }
#itemLocations{text-align:left;padding-left:24px;line-height:1.6}#itemLocations li{margin:8px 0}

.characterPicker{position:relative;z-index:2;background:#15223bee;color:white;padding:12px 20px;border-radius:18px;margin:12px auto;max-width:1100px}.characterPicker h2{margin:0;font-size:22px}.characterPicker p{margin:6px}.characterChoices{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px}.characterChoice{min-height:100px;min-width:44px;padding:10px;border:3px solid transparent;display:flex;flex-direction:column;align-items:center;gap:6px;background:#213b58;color:white;border-radius:12px}.characterChoice img{width:100%;height:90px;object-fit:cover;object-position:left}.characterChoice[aria-pressed="true"]{border-color:#ffdf55;background:#38516a}.characterChoice[aria-pressed="true"] strong::before{content:"✓ "}.characterChoice small{font-size:11px}.characterChoice:focus-visible{outline:4px solid white;outline-offset:2px}#lobby{overflow:auto}#skins{max-width:1100px;width:90vw}@media(max-width:700px){.characterChoices{grid-template-columns:repeat(3,1fr)}.characterPicker{padding:10px}.characterChoice img{height:65px}}

#lobby .art{width:min(100vw,110dvh)}#lobby{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:28px}.characterPicker{width:min(96vw,1100px)}.characterChoice img{height:110px;object-fit:cover;object-position:left top;aspect-ratio:0.71}.characterChoice{overflow:hidden}
/* Keep the optional Shop entry on the lobby, clear of live island controls. */
body:has(#game:not([hidden])) .arcade-shop-link { display: none; }

/* Mobile: one analog movement circle and three primary actions. */
#touchInteract{display:none}
#touchMove{width:144px;height:144px;border:3px solid #d9f4ffb8;border-radius:50%;background:#082f578c;touch-action:none;user-select:none;z-index:4}
#touchThumb{display:block;position:absolute;left:41px;top:41px;width:56px;height:56px;border:3px solid #fff;border-radius:50%;background:#5bb6e5bb;pointer-events:none}
body[data-mobile-controls=true]:not([data-controller=true]) #touchMove{display:block;left:max(20px,env(safe-area-inset-left));bottom:max(44px,env(safe-area-inset-bottom))}
body[data-mobile-controls=true]:not([data-controller=true]) #lootActions{display:contents}
body[data-mobile-controls=true]:not([data-controller=true]) #lootActions button:not(#fire),body[data-mobile-controls=true]:not([data-controller=true]) #punch{display:none!important}
body[data-mobile-controls=true]:not([data-controller=true]) #fire,body[data-mobile-controls=true]:not([data-controller=true]) #jump,body[data-mobile-controls=true]:not([data-controller=true]) #touchInteract{display:flex;position:fixed;align-items:center;justify-content:center;flex-direction:column;z-index:4;width:76px;height:76px;min-width:76px;min-height:76px;padding:6px;border:3px solid #fff;border-radius:50%;font-size:15px;touch-action:none;right:max(20px,env(safe-area-inset-right));bottom:max(44px,env(safe-area-inset-bottom))}
body[data-mobile-controls=true]:not([data-controller=true]) #fire{bottom:132px;background:#a84227}
body[data-mobile-controls=true]:not([data-controller=true]) #touchInteract{right:108px;background:#176ca2}
body[data-mobile-controls=true] #coordinates,body[data-mobile-controls=true] .hint{display:none}
body[data-mobile-controls=true] #playerHud{top:68px;left:12px;bottom:auto;width:145px;padding:6px;gap:2px;font-size:11px}
body[data-mobile-controls=true] #xpStatus{font-size:14px}
body[data-mobile-controls=true] #lootHud{top:68px;left:170px;max-width:calc(100vw - 190px);padding:6px;gap:2px;font-size:11px}
body[data-mobile-controls=true] #lootHud strong{font-size:13px}
body[data-mobile-controls=true] #hordeStatus,body[data-mobile-controls=true] #activePowers{display:none}
body[data-mobile-controls=true] #inventoryHud{bottom:4px;right:12px;width:min(340px,calc(100vw - 24px));max-width:none;padding:2px}
body[data-mobile-controls=true] .inventoryHeading{display:none}
body[data-mobile-controls=true] .inventorySlot{min-height:44px;height:44px;min-width:44px;padding:1px;font-size:9px}
body[data-mobile-controls=true] .inventorySlot svg,body[data-mobile-controls=true] .inventorySlot small{display:none}
body[data-spectating=true] #touchInteract{display:none!important}
@media(max-width:500px){body[data-mobile-controls=true] #lootHud{top:205px;left:12px;max-width:calc(100vw - 24px)}body[data-mobile-controls=true] #touchMove{width:128px;height:128px}body[data-mobile-controls=true] #touchThumb{left:33px;top:33px}}

body[data-mobile-controls=true] #inventoryHud{top:64px;bottom:auto;width:280px}
body[data-mobile-controls=true] #lootHud{max-width:calc(100vw - 480px)}
@media(max-width:500px){body[data-mobile-controls=true] #inventoryHud{top:68px;width:200px}body[data-mobile-controls=true] #lootHud{max-width:calc(100vw - 24px)}}
body[data-mobile-controls=true] #powersButton{display:none}
body[data-mobile-controls=true] #inventoryHud{width:344px}
body[data-mobile-controls=true] #lootHud{max-width:calc(100vw - 540px)}
@media(max-width:600px){body[data-mobile-controls=true] #inventoryHud{width:200px}body[data-mobile-controls=true] #inventoryBar{grid-template-columns:repeat(4,minmax(44px,1fr))}body[data-mobile-controls=true] #lootHud{top:205px;left:12px;max-width:calc(100vw - 24px)}}