#shop .hpint{margin:2px 2px 10px;font-size:12px;color:#c9d8bf}
#shop .hpgrid .mcell span{color:#efe6d8!important}
#shop .hpgrid .mcell i img.hpi{width:46px;height:42px;object-fit:contain;image-rendering:pixelated}
#shop .hphd{display:flex;align-items:center;gap:10px;margin:2px 0 12px}
#shop .hpback{flex:none;width:auto!important;padding:7px 11px;border:0;border-radius:12px;font:inherit;font-size:12px;color:#efe7d4;background:rgba(6,18,10,.5);box-shadow:inset 0 0 0 1.5px rgba(150,230,90,.45)}
#shop .hpt{display:flex;align-items:center;gap:8px;font-size:17px;color:#fbf3df}
#shop .hpt img{width:34px;height:30px;object-fit:contain;image-rendering:pixelated}
#shop .hpcard{display:flex;gap:12px;align-items:flex-start;padding:11px;margin:0 0 9px;border-radius:16px;background:linear-gradient(180deg,rgba(40,70,52,.5),rgba(14,30,22,.85));box-shadow:inset 0 0 0 1.5px rgba(201,164,92,.4)}
#shop .hppic{width:64px;height:64px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#4a3d52,#1a141c);overflow:hidden}
#shop .hppic img{width:44px;height:40px;object-fit:contain;image-rendering:pixelated}
#shop .hppic canvas{width:62px!important;height:62px!important;margin:0!important;background:transparent!important}
#shop .hptx b{display:flex;align-items:center;gap:7px;font-size:14px;color:#f3d48a;margin-bottom:4px}
#shop .hptx b em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;color:#0b1a14;background:#8ef03a;flex:none}
#shop .hptx p{margin:0;font-size:12px;line-height:1.45;color:#e2ddcf}