/* Referência inventario-topo-mobile-conceito-v1.png. Interface real, assets originais. */
:root{--resource-hud-height:76px}
.topbar{border-bottom:3px solid #754321;background:repeating-linear-gradient(2deg,#ffffff00 0 12px,#7846220c 13px 14px),linear-gradient(#c99053,#a56736);box-shadow:inset 0 2px 0 #efc68b;color:#fff1cd}
.topbar .wordmark{color:#432a19;font-family:Georgia,serif;font-weight:800;text-shadow:0 1px #f6d29a66}
.topbar button{border:1px solid #6d4225;background:#fff0cd;color:#56361e;box-shadow:inset 0 1px #fff8e0,0 2px 0 #704323}
.topbar .balance small{color:#74502b}
.resource-hud{height:var(--resource-hud-height);padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));border-top:2px solid #edbc7b;border-bottom:3px solid #6e4226;background:linear-gradient(#b47a44,#9d6032);box-shadow:inset 0 -2px #d29655;position:relative;z-index:2}
.resource-hud ul{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:min(720px,100%);height:100%;padding:0;margin:0 auto}
.resource-hud li{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 2px;border:1px solid #88542d;border-radius:5px;background:linear-gradient(#fff5d9,#f5ddb0);box-shadow:inset 0 1px #fff9e7,0 1px #754323;color:#4d2c18;overflow:hidden;cursor:default}
.resource-hud img{display:block;width:32px;height:32px;object-fit:contain;flex:none;pointer-events:none;user-select:none}
.resource-hud img[src*="stone-icon"]{image-rendering:pixelated}
.resource-hud strong{font-size:15px;font-weight:850;line-height:19px;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;pointer-events:none}
main{height:calc(100dvh - 60px - env(safe-area-inset-top) - var(--resource-hud-height))}
@media(max-width:360px){.resource-hud{padding-inline:5px}.resource-hud ul{gap:2px}.resource-hud li{padding-inline:1px}.resource-hud strong{font-size:12px}.topbar .wordmark{font-size:13px}.top-actions{gap:5px}}
@media(min-width:741px){.resource-hud ul{gap:6px}.resource-hud li{flex-direction:row;gap:10px}.resource-hud strong{font-size:17px}}