*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.hud-root{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:linear-gradient(180deg,#0a0a14f2,#0a0a1400);pointer-events:none;z-index:10}#bottom-area{flex:1;min-height:0;display:flex;flex-direction:column;background:#10101c;border-top:1px solid #2a2a4a}.bp-tabs{display:none}#bottom-panel{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:12px}.bp-card{display:flex;flex-direction:column;background:#0e0e1a;border:1px solid #23233f;border-radius:8px;padding:12px 14px;flex-shrink:0;max-width:100%}.bp-card-inventory{flex:1 1 auto;min-width:0}.bp-card-skills{min-width:0}.skill-scroll{overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}#bottom-panel::-webkit-scrollbar,.skill-scroll::-webkit-scrollbar{width:8px;height:8px}#bottom-panel::-webkit-scrollbar-thumb,.skill-scroll::-webkit-scrollbar-thumb{background:#2a2a4a;border-radius:4px}#bottom-panel::-webkit-scrollbar-track,.skill-scroll::-webkit-scrollbar-track{background:transparent}#app-root.vertical{max-width:448px;margin:0 auto}#app-root.vertical .hud-root{position:absolute;flex-direction:column;align-items:stretch;gap:7px;padding:10px 14px 14px;background:linear-gradient(180deg,#0a0a14f2,#0a0a1466 72%,#0a0a1400)}.hud-c-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-c-zone-name{font-size:14px;color:#d4a017;font-family:monospace;font-weight:700;line-height:1.25;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.hud-c-zone-id{font-size:10px;color:#888;font-family:monospace}.hud-c-gold{font-size:14px;color:gold;font-family:monospace;flex-shrink:0;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.hud-c-boss{display:flex;justify-content:center}.mobile-nav{display:flex;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#0a0a14;border-top:1px solid #1e1e32;flex-shrink:0}.mn-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:50px;padding:7px 0;background:#0e0e1a;border:1px solid #23233f;border-radius:8px;color:#99a;font-size:17px;cursor:pointer;position:relative}.mn-btn span{font-family:monospace;font-size:9px;letter-spacing:.5px}.mn-btn:active{background:#15131f}.mn-badge{position:absolute;top:3px;right:8px;background:#2a4a2a;color:#4dff6e;font-size:9px;font-style:normal;border-radius:8px;padding:0 5px;line-height:14px}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0000008c;display:flex;align-items:flex-end}.sheet{width:100%;max-height:82vh;background:#10101c;border-top:1px solid #2a2a4a;border-radius:14px 14px 0 0;display:flex;flex-direction:column;animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1e1e32;font-family:monospace;font-size:13px;color:#d4a017;flex-shrink:0}.sheet-close{background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:4px 10px}.sheet-body{overflow-y:auto;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.menu-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px}.menu-item{display:block;text-align:left;text-decoration:none;padding:14px 16px;min-height:50px;background:#0e0e1a;border:1px solid #23233f;border-radius:8px;color:#c8bfa8;font-family:monospace;font-size:13px;cursor:pointer}.menu-item:active{background:#15131f}@media (max-width: 860px){.hud-root{position:relative;background:#0a0a14;border-bottom:1px solid #1e1e32;padding:6px 10px;flex-wrap:wrap}.hud-zone,.hud-username{display:none}.bp-tabs{display:flex;gap:6px;padding:8px 10px 0;flex-shrink:0}.bp-tab{flex:1;padding:9px 0;font-family:monospace;font-size:11px;letter-spacing:.5px;color:#667;background:#0e0e1a;border:1px solid #23233f;border-radius:6px;cursor:pointer;position:relative}.bp-tab.active{color:#d4a017;border-color:#6a5410;background:#15131f}.bp-badge{display:inline-block;margin-left:5px;padding:0 5px;border-radius:8px;background:#2a4a2a;color:#4dff6e;font-size:9px;line-height:14px}#bottom-panel{flex-direction:column;align-items:stretch;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.bp-card{display:none}.bp-card.bp-active{display:flex}.bp-card-character.bp-active{align-items:center}#inventory-grid,#chest-inventory-grid,#equipment-grid{justify-content:center}}