/* Resource bar: generated by client/themes/resbar/gen.mjs (R5 · Resource chips). Edit the generator, not this file. */
#top { border:none !important; background:none !important; box-shadow:none !important; }
#top::after, #top::before { content:none !important; }
.res + .res { border-left:none !important; box-shadow:none !important; }
#top { padding:0; gap:8px; }
.res { padding:2px 12px 2px 3px; gap:8px; border-radius:999px; background:repeating-linear-gradient(0deg, rgba(40,80,160,.22) 0 1px, transparent 1px 55px), repeating-linear-gradient(90deg, rgba(40,80,160,.22) 0 1px, transparent 1px 55px), repeating-linear-gradient(0deg, rgba(40,80,160,.13) 0 1px, transparent 1px 11px), repeating-linear-gradient(90deg, rgba(40,80,160,.13) 0 1px, transparent 1px 11px), linear-gradient(#f1e5c8, #e0cda6); border:2px solid #8a6a44; box-shadow:0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.5); }
.res + .res { border-left:2px solid #8a6a44 !important; }
.res .ic { width:30px; height:30px; background:radial-gradient(circle at 38% 32%, #fffdf6, #eadcb8); border:1.5px solid #8a6a44; box-shadow:0 1px 2px rgba(60,40,20,.35); }
.res .ic svg { width:20px; height:20px; filter:none; }
.res b { color:#23170b; text-shadow:0 1px 0 rgba(255,255,255,.65); font-size:20px; }
.res small { color:#5a4028; font-weight:800; }
.res b { font-size:18px; } .res small { font-size:9px; }
.res.pop.full { border-color:#b8392c; } .res.pop.full b { color:#b8231a; text-shadow:0 1px 0 rgba(255,255,255,.6); }