.inventory-coming{border-color:#eab85b88;background:radial-gradient(circle at 50% 25%,#57402d99,transparent 60%),linear-gradient(145deg,#20242c,#111416)}.inventory-coming h2{color:#ffda8f}.inventory-coming .inventory-symbol{font-size:64px;filter:drop-shadow(0 4px 12px #efb85a66)}
.item-inventory{max-width:800px;margin:20px auto;color:#f9f5e9}.item-inventory>h2{text-align:center}.item-inventory>p{text-align:center;color:#e7dccb}.item-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin-top:20px}.item-tile{position:relative;border:1px solid #776959;border-radius:12px;background:#252630;color:#fff;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;min-height:133px}.item-tile.selected{border-color:#edc66b;box-shadow:0 0 0 2px #d3ac5266}.item-tile img{width:110px;height:65px;object-fit:contain}.item-tile:first-child img{height:75px;width:75px}.item-tile strong{font-size:12px}.item-tile span{position:absolute;right:8px;top:7px;background:#101114;border:1px solid #d8b762;border-radius:8px;padding:2px 6px;font-weight:bold}.item-use-panel{margin:18px auto;max-width:650px;background:#1d2028;border:1px solid #aa874e;border-radius:12px;padding:16px;display:flex;align-items:center;gap:15px}.item-use-panel img{width:140px;height:100px;object-fit:contain}.item-use-panel h3{margin:0}.item-use-panel p{font-size:13px}.item-use-panel .primary{min-height:42px}.inventory-buff{color:#62eacb!important}@media(max-width:500px){.item-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.item-tile img{width:92px}.item-use-panel{flex-direction:column;text-align:center}}

.inventory-rewards{margin:16px 0;padding:14px;border:1px solid #b99557;border-radius:10px;background:#20212a;text-align:center}.inventory-rewards>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:9px}.inventory-rewards span{border:1px solid currentColor;border-radius:7px;padding:6px 9px;font-weight:bold;font-size:12px}.inventory-rewards .rarity-common{color:#a9b0bb}.inventory-rewards .rarity-uncommon{color:#48c779}.inventory-rewards .rarity-rare{color:#2d9bff}.inventory-rewards .rarity-epic{color:#b370ff}.inventory-rewards .rarity-legendary{color:#ffcc52}.inventory-rewards .rarity-mythic{color:#ff4d59}

/* 034test: janela de uso de item sem painel no rodapé */
.item-use-modal{position:fixed;z-index:10050;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,530px);max-height:85dvh;overflow:auto;margin:0;padding:22px;box-shadow:0 0 0 100vmax rgba(0,0,0,.77),0 18px 65px #000c;border:2px solid #eac16b;background:#1d2028;display:flex;flex-wrap:wrap}
.item-use-modal>div{flex:1;min-width:180px}
.item-use-modal .item-modal-close{border:1px solid #b5a184;border-radius:8px;background:#38343a;color:#fff;padding:10px 14px;min-height:42px;font-weight:800;cursor:pointer}
.item-use-modal .item-modal-close:hover{border-color:#f5cf80}
.item-use-modal select{max-width:100%;min-height:40px}
.culture-tap-feedback.culture-tap-feedback-precise{right:auto;position:absolute;pointer-events:none;transform-origin:center;white-space:nowrap;z-index:12;animation:culture-pop-precise .8s ease-out forwards}
@keyframes culture-pop-precise{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}18%{opacity:1;transform:translate(-50%,-80%) scale(1.18)}100%{opacity:0;transform:translate(-50%,-170%) scale(1)}}
@media(max-width:500px){.item-use-modal{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:12px;padding:18px}.item-use-modal>img{align-self:center}.item-use-modal>div{min-width:0}.item-use-modal .item-modal-close{width:100%}}

/* Janela de itens com a estética do painel de perfil/login do 034GAME */
.item-use-modal{width:min(91vw,430px);padding:28px 26px 24px;border:2px solid #dbad43;border-radius:16px;background:linear-gradient(145deg,#2a2b31,#14161b);box-shadow:0 0 0 100vmax #05070bd9,0 24px 90px #000b;display:flex;flex-direction:column;align-items:center;gap:13px;color:#fff;text-align:center}
.item-use-modal>img{width:116px;height:116px;max-width:100%;object-fit:contain;padding:10px;border:1px solid #6d5a38;border-radius:16px;background:radial-gradient(circle at 50% 35%,#57422899,#17181e 70%);filter:drop-shadow(0 4px 16px #e6a53933)}
.item-use-modal>div{width:100%;min-width:0;display:flex;flex-direction:column;gap:11px;align-items:stretch}
.item-use-modal h3{margin:0;color:#ffcf6b;font:900 clamp(25px,6vw,31px)/1 "Barlow Condensed",sans-serif;letter-spacing:.65px;text-transform:uppercase}
.item-use-modal p{margin:0;color:#d8d9de;font:600 12px/1.6 Inter,sans-serif}
.item-use-modal select{width:100%;max-width:100%;padding:12px;border:1px solid #777580;border-radius:9px;background:#121418;color:#fff;font:700 13px Inter,sans-serif}
.item-use-modal .primary{width:100%;min-height:47px;margin-top:7px;border:0;border-radius:9px;background:linear-gradient(105deg,#f6b624,#e58c2b);color:#101115;font:900 12px Inter,sans-serif;letter-spacing:.5px}
.item-use-modal .primary:disabled{opacity:.45;cursor:not-allowed}
.item-use-modal .item-modal-close{width:100%;min-height:44px;border:1px solid #726e69;border-radius:9px;background:#22242b;color:#e4d9c4;font:900 12px Inter,sans-serif;letter-spacing:.5px}
.item-use-modal .item-modal-close:hover{border-color:#ffcb67;color:#ffcb67}
@media(max-width:500px){.item-use-modal{width:min(92vw,430px);padding:21px 18px;gap:10px}.item-use-modal>img{width:100px;height:100px}.item-use-modal>div{gap:9px}}

/* 034GAME: modal creme com grafites, acompanhando o cenário do jogo. */
.item-use-modal{
  color:#26201e;
  border:3px solid #282126;
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 9%,#fa3e9e50 0 4%,transparent 19%),
    radial-gradient(circle at 6% 73%,#09c5c66b 0 5%,transparent 23%),
    linear-gradient(145deg,#fff8e9f0,#ead9bdf0),
    url('/graffiti-clouds-cream.webp') center center/cover no-repeat;
  box-shadow:0 0 0 100vmax #0d0c14c9,6px 7px 0 #ba2876,0 24px 70px #000b;
  overflow:auto;
  isolation:isolate;
}
.item-use-modal::before{
  content:"034GAME  /  INVENTÁRIO";
  display:block;
  align-self:stretch;
  padding:0 0 9px;
  border-bottom:3px solid #262026;
  color:#a42567;
  font:900 12px/1 "Barlow Condensed",sans-serif;
  letter-spacing:2.3px;
  text-align:left;
}
.item-use-modal>img{
  border:2px solid #272029;
  border-radius:12px;
  background:radial-gradient(circle at 50% 40%,#fff3c8,#f4d8ba 75%);
  box-shadow:4px 4px 0 #05bac0,-3px -3px 0 #db368e;
  filter:drop-shadow(0 7px 9px #48253b25);
}
.item-use-modal h3{
  color:#2a2027;
  font:900 clamp(28px,6vw,36px)/.95 "Barlow Condensed",sans-serif;
  text-shadow:2px 2px 0 #ffcc6b;
  letter-spacing:1px;
}
.item-use-modal p{color:#514740;font:700 12px/1.65 Inter,sans-serif}
.item-use-modal select{
  background:#fff9eb;
  color:#292025;
  border:2px solid #292026;
  box-shadow:3px 3px 0 #0cb7be;
  border-radius:8px;
}
.item-use-modal .primary{
  background:linear-gradient(105deg,#f7ce4c,#f2a72b);
  color:#261b21;
  border:2px solid #261b21;
  border-radius:8px;
  box-shadow:4px 4px 0 #bc2576;
  font:900 13px Inter,sans-serif;
}
.item-use-modal .primary:not(:disabled):hover{filter:brightness(1.04);transform:translateY(-1px)}
.item-use-modal .item-modal-close{
  background:#fff4df;
  color:#352b2b;
  border:2px solid #352b2b;
  border-radius:8px;
  box-shadow:3px 3px 0 #04b9bc;
}
.item-use-modal .item-modal-close:hover{background:#f5e2c7;color:#ac226c;border-color:#ac226c}

/* Cards claros do inventário, destacados sobre o cenário creme. */
.item-inventory .item-tile{
  background:linear-gradient(155deg,#fffef8 0%,#fff8e9 100%);
  border:2px solid #705443;
  color:#30251f;
  box-shadow:3px 4px 0 #37272835;
}
.item-inventory .item-tile strong{
  color:#34241f;
  text-shadow:none;
  font-weight:900;
}
.item-inventory .item-tile.selected{
  border-color:#b02774;
  box-shadow:0 0 0 2px #f17dbf,3px 4px 0 #37272835;
}
.item-inventory .item-tile span{
  color:#fff5db;
  background:#30252c;
  border-color:#dba947;
  text-shadow:none;
}

/* Cabeçalho do inventário legível sobre o cenário creme. */
.item-inventory{color:#2e2327}
.item-inventory>h2{color:#30212a;text-shadow:2px 2px 0 #ffecbf;font-weight:1000}
.item-inventory>p{color:#5b4039;text-shadow:none;font-weight:750}