*{-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}@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}}