/* V450 — Offering do Crisol. Mesma moldura dourada das janelas (V431) e a
   paleta do HUD; cada selo tem a sua cor (ambar, ciano, violeta). */
.offeringOverlayV450{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;
  padding:24px;background:radial-gradient(circle at 50% 40%,#1a0f2acc,#030406ee 70%)}
.offeringOverlayV450.open{display:flex}
.offeringWindowV450{position:relative;width:min(980px,100%);max-height:100%;overflow:auto;box-sizing:border-box;
  background:var(--window-ground,#080b0f);border:2px solid var(--window-gold,#b27d1b);color:#cbd5da;
  box-shadow:0 0 0 3px var(--window-edge,#050709),0 0 0 5px var(--window-gold-deep,#5d4218),0 22px 70px #000;
  font-family:var(--font-ui)}
.offeringHeadV450{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #2e424f;
  background:linear-gradient(#111b23,#080d12)}
.offeringHeadV450 div{flex:1}
.offeringHeadV450 small{display:block;color:#aebdc6;font:900 14px var(--font-ui);letter-spacing:.12em}
.offeringHeadV450 h2{margin:2px 0 0;color:var(--window-title,#ffe092);font:700 27px var(--font-display);letter-spacing:.06em}
.offeringGoldV450{color:#ffe08c;font:900 16px var(--font-ui);font-variant-numeric:tabular-nums}
.offeringCloseV450{width:36px;height:36px;border:1px solid #7d4a4a;background:#1b1517;color:#f3d2c8;font:900 16px var(--font-ui);cursor:pointer}
.offeringCloseV450:hover,.offeringCloseV450:focus-visible{border-color:#d58d37;outline:none}

.offeringBodyV450{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:18px;padding:18px}
.offeringMainV450{display:flex;flex-direction:column;gap:14px;min-width:0}

.offeringSealsV450{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.offeringSealV450{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;
  padding:8px 10px;border:1px solid #2e424f;background:linear-gradient(#111b23,#080d12);color:#aebdc6;text-align:left;cursor:pointer}
.offeringSealV450 img{grid-row:1/3;width:44px;height:44px;object-fit:contain}
.offeringSealV450 span{font:900 14px var(--font-ui);color:#e2e9ec}
.offeringSealV450 b{font:900 14px var(--font-ui);color:#aebdc6;font-variant-numeric:tabular-nums}
.offeringSealV450.cracked{--seal:#e0a45a}.offeringSealV450.rift{--seal:#5fd4f5}.offeringSealV450.abyssal{--seal:#c77dff}
.offeringSealV450:hover,.offeringSealV450:focus-visible{border-color:var(--seal);outline:none}
.offeringSealV450.selected{border-color:var(--seal);box-shadow:inset 0 0 0 1px var(--seal),0 0 14px color-mix(in srgb,var(--seal) 35%,transparent)}

.offeringAltarV450{position:relative;display:grid;place-items:center;height:190px;border:1px solid #2e424f;
  background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--altar,#e0a45a) 28%,transparent),#05080b 70%)}
.offeringAltarV450[data-tier="cracked"]{--altar:#e0a45a}.offeringAltarV450[data-tier="rift"]{--altar:#5fd4f5}.offeringAltarV450[data-tier="abyssal"]{--altar:#c77dff}
.offeringAltarV450 img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 18px var(--altar));animation:offeringFloatV450 3.2s ease-in-out infinite}
@keyframes offeringFloatV450{50%{transform:translateY(-6px)}}

.offeringTributeV450{padding:12px 14px;border:1px solid #2e424f;background:#070b0f}
.offeringTributeHeadV450{display:flex;justify-content:space-between;font:900 16px var(--font-ui);color:#e2e9ec}
.offeringTributeHeadV450 b{color:#ffe08c}
.offeringTributeV450 input[type=range]{width:100%;margin:10px 0 6px;accent-color:#d58d37}
.offeringCostV450{margin:0;color:#ffe08c;font:900 16px var(--font-ui);font-variant-numeric:tabular-nums}
.offeringHintV450{display:block;margin-top:4px;color:#8d9ba3;font:700 14px var(--font-ui)}

.offeringActionsV450{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.offeringOfferV450{padding:12px;border:1px solid #d58d37;background:linear-gradient(#43200f,#24130c);color:#ffe08c;
  font:700 20px var(--font-display);letter-spacing:.06em;cursor:pointer}
.offeringOfferV450:hover:not(:disabled),.offeringOfferV450:focus-visible{filter:brightness(1.18);outline:none}
.offeringOfferV450:disabled{opacity:.42;cursor:not-allowed}
.offeringMessageV450{min-height:20px;margin:0;color:#aebdc6;font:700 14px var(--font-ui)}
.offeringMessageV450.error{color:#ff9b82}.offeringMessageV450.success{color:#7ee2a0}

.offeringOddsV450{padding:12px 14px;border:1px solid #2e424f;background:#070b0f;align-self:start}
.offeringOddsV450 h3{margin:0 0 8px;color:#e2e9ec;font:700 20px var(--font-display);letter-spacing:.08em}
.offeringOddsTableV450{display:grid;gap:3px}
.offeringOddsRowV450{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-left:3px solid var(--rarity);background:#0c1217;
  font:900 14px var(--font-ui);font-variant-numeric:tabular-nums}
.offeringOddsRowV450 span{color:var(--rarity)}
.offeringOddsRowV450 b{color:#e2e9ec}
.offeringOddsRowV450.up b{color:#7ee2a0}.offeringOddsRowV450.down b{color:#8d9ba3}
.offeringOddsNoteV450{display:block;margin-top:8px;color:#8d9ba3;font:700 14px var(--font-ui)}

/* Revelacao: a cor e a intensidade seguem a maior raridade do resultado. */
.offeringRevealV450{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#020305ee;z-index:2}
.offeringRevealV450[hidden]{display:none}
.offeringRevealCardV450{width:min(640px,100%);padding:18px;text-align:center;border:2px solid var(--rarity);background:#070a0d;
  box-shadow:0 0 30px color-mix(in srgb,var(--rarity) 45%,transparent)}
.offeringRevealCardV450 small{color:#aebdc6;font:900 14px var(--font-ui);letter-spacing:.14em}
.offeringRevealCardV450 h3{margin:4px 0 14px;color:var(--rarity);font:700 27px var(--font-display);letter-spacing:.1em}
.offeringRevealGridV450{display:grid;grid-template-columns:1fr;gap:10px;justify-items:center}
.offeringRevealGridV450.many{grid-template-columns:repeat(5,1fr)}
.offeringRevealItemV450{display:grid;justify-items:center;gap:4px;padding:10px 6px;width:100%;box-sizing:border-box;border:1px solid var(--rarity);background:#0b1015}
.offeringRevealItemV450 b{color:#e2e9ec;font:900 14px var(--font-ui);overflow-wrap:anywhere}
.offeringRevealItemV450 span{color:var(--rarity);font:900 14px var(--font-ui)}
.offeringItemArtV450{width:72px;height:72px;display:grid;place-items:center;background-repeat:no-repeat;font-size:40px}
.offeringItemArtV450 img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 8px var(--rarity))}
.offeringItemArtV450 img[src*="consumables/"]{image-rendering:auto}
.offeringRevealGridV450:not(.many) .offeringItemArtV450{width:128px;height:128px}
.offeringRevealCloseV450{margin-top:14px;padding:10px 18px;border:1px solid #45cf75;background:linear-gradient(#0f2a1a,#08160e);color:#bff3cf;font:900 16px var(--font-ui);cursor:pointer}
.offeringRevealV450.visible .offeringRevealCardV450{animation:offeringRevealV450 .5s ease-out both}
.offeringRevealV450.visible[data-tier="great"] .offeringRevealCardV450{animation:offeringRevealV450 .7s ease-out both,offeringPulseV450 1.6s ease-in-out .7s 2}
.offeringRevealV450.visible[data-tier="mythic"]{animation:offeringFlashV450 .9s ease-out both}
.offeringRevealV450.visible[data-tier="mythic"] .offeringRevealCardV450{animation:offeringRevealV450 1s ease-out .35s both,offeringPulseV450 1.4s ease-in-out 1.35s infinite}
@keyframes offeringRevealV450{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
@keyframes offeringPulseV450{50%{box-shadow:0 0 60px color-mix(in srgb,var(--rarity) 80%,transparent)}}
@keyframes offeringFlashV450{0%{background:#fff}40%{background:color-mix(in srgb,var(--rarity) 55%,#020305)}100%{background:#020305ee}}

@media (max-width:760px){
  .offeringBodyV450{grid-template-columns:1fr}
  .offeringSealsV450{grid-template-columns:1fr}
  .offeringRevealGridV450.many{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .offeringAltarV450 img,.offeringRevealV450.visible,.offeringRevealV450.visible .offeringRevealCardV450{animation:none!important}
}

/* V454 — Revelacao sozinha na tela (Sintese do Crisol), por cima da janela do Crisol (520). */
.itemRevealOverlayV454{position:fixed;inset:0;z-index:1250;display:none}
.itemRevealOverlayV454.open{display:block}

/* V455 — Artes novas de equipamento (assets/items/gear, 256 px): em qualquer
   tela, reduzir com suavizacao em vez de pixel a pixel (o icone antigo tinha 16 px). */
img[src*="items/gear/"]{image-rendering:auto!important}