.bau-diario {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: 18px;
  font-family: var(--font-body, sans-serif);
}

.bau-diario__fundo {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 38%, rgba(92, 73, 130, .54), rgba(4, 19, 29, .9) 72%);
  backdrop-filter: blur(7px);
}

.bau-diario__painel {
  position: relative;
  width: min(440px, 100%);
  max-height: min(760px, calc(100dvh - 36px));
  overflow-y: auto;
  padding: 26px clamp(18px, 4vw, 34px) 30px;
  border: 2px solid #e8bd65;
  border-radius: 30px;
  background: linear-gradient(165deg, #193d4a, #0d2636 62%, #182b38);
  box-shadow: 0 24px 80px #030a17a8, inset 0 1px 0 #fff5bd40;
  color: #fff8e6;
  text-align: center;
}

.bau-diario__estrelas { color: #ffdd81; font-size: 23px; letter-spacing: 6px; }
.bau-diario__sobretitulo { margin: 7px 0 5px; color: #ffdf8b; font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.bau-diario h2 { margin: 0; font-family: var(--font-headline, sans-serif); font-size: clamp(24px, 5vw, 31px); line-height: 1.16; }
.bau-diario__mensagem { max-width: 360px; margin: 11px auto 0; color: #d8e8ea; font-size: 14px; line-height: 1.48; }

.bau-diario__sora {
  position: fixed;
  right: clamp(12px, 4vw, 48px);
  bottom: clamp(12px, 4vh, 36px);
  z-index: 1;
  width: 126px;
  pointer-events: none;
  animation: bau-sora-entrada .65s ease-out both;
}
.bau-diario__sora img { width: 100%; height: 110px; object-fit: contain; filter: drop-shadow(0 10px 12px #0008); }
.bau-diario__sora span {
  display: block;
  margin-top: -5px;
  padding: 6px 8px;
  border-radius: 12px;
  background: #fff7d6;
  color: #243447;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 4px 12px #0005;
}

.bau-diario__palco { position: relative; display: grid; place-items: center; height: clamp(190px, 29vh, 235px); margin: 10px auto 0; }
.bau-diario__bau { width: min(230px, 58vw); animation: bau-voa .8s cubic-bezier(.17,.8,.28,1.14) both, bau-salta 1s ease-in-out .8s infinite; filter: drop-shadow(0 18px 17px #040d1b8c); }
.bau-diario__arte { display: block; width: 100%; overflow: visible; }
.bau-diario__tampa { transform-box: fill-box; transform-origin: 50% 100%; transition: transform .45s ease-out; }
.bau-diario__palco[data-abrindo="true"] .bau-diario__tampa,
.bau-diario__palco[data-revelado="true"] .bau-diario__tampa { transform: translateY(-22px) rotate(-13deg); }
.bau-diario__palco[data-abrindo="true"] .bau-diario__bau,
.bau-diario__palco[data-revelado="true"] .bau-diario__bau { animation: none; }
.bau-diario__brilho { animation: bau-brilho 1.4s ease-in-out infinite alternate; }
.bau-diario__heroi { position: absolute; z-index: 2; left: 0; bottom: 3px; width: 70px; height: 70px; border: 3px solid #ffe093; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #33546c; box-shadow: 0 7px 15px #0008; color: white; font-weight: 900; }
.bau-diario__heroi img { width: 100%; height: 100%; object-fit: cover; }
.bau-diario__palco[data-abrindo="true"] .bau-diario__heroi { animation: bau-heroi-abre .6s ease-in-out both; }
.bau-diario__progresso { margin: 3px 0 16px; color: #ffe3a5; font-size: 12px; font-weight: 800; }
.bau-diario__resultado { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0 0 17px; }
.bau-diario__resultado > div { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 12px 7px; border: 1px solid #f6d17e73; border-radius: 16px; background: #ffdf891c; }
.bau-diario__resultado .material-symbols-outlined { color: #ffda76; font-size: 28px; }
.bau-diario__resultado strong { font-size: 14px; }
.bau-diario__resultado small { color: #d2e3df; font-size: 11px; }
.bau-diario__erro { color: #ffd3cb; font-size: 13px; }
.bau-diario__botao { width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 17px; background: linear-gradient(180deg, #ffe79a, #eab54f); color: #553617; box-shadow: 0 5px 0 #a46a24, 0 10px 20px #0006; font: inherit; font-size: 16px; font-weight: 900; cursor: pointer; }
.bau-diario__botao:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-2px); }
.bau-diario__botao:disabled { opacity: .72; cursor: wait; }
.bau-diario__botao:focus-visible, .bau-diario__mochila:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.bau-diario__mochila { margin-top: 15px; border: 0; background: none; color: #fff3c9; font: inherit; font-size: 13px; font-weight: 800; text-decoration: underline; cursor: pointer; }

@keyframes bau-voa { from { opacity: .2; transform: translate(38vw, 40vh) scale(.15) rotate(-16deg); } to { opacity: 1; transform: translate(0, 0) scale(1) rotate(0); } }
@keyframes bau-salta { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes bau-brilho { from { opacity: .45; } to { opacity: 1; } }
@keyframes bau-heroi-abre { from { transform: translateX(0) scale(1); } to { transform: translateX(42px) scale(1.1); } }
@keyframes bau-sora-entrada { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 600px) {
  .bau-diario__sora { width: 72px; right: 5px; bottom: 75px; }
  .bau-diario__sora img { height: 65px; }
  .bau-diario__sora span { display: none; }
  .bau-diario__painel { padding-bottom: 25px; }
  .bau-diario__heroi { width: 56px; height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .bau-diario__bau, .bau-diario__brilho, .bau-diario__sora,
  .bau-diario__palco[data-abrindo="true"] .bau-diario__heroi { animation: none; }
  .bau-diario__tampa { transition: none; }
}

.bau-diario [hidden] { display: none !important; }
.bau-diario, .bau-diario__painel { box-sizing: border-box; }
.bau-diario__reward-icon { font-size: 28px; line-height: 1; }
.bau-diario__icon { font-size: 20px; line-height: 1; }
.bau-materiais { box-sizing: border-box; max-width: 1000px; width: calc(100% - 32px); margin: 16px auto;
  padding: 18px; border: 1px solid #67c4c6; border-radius: 20px; background: #132b38; color: #f8f7ee; }
.bau-materiais h2 { margin: 0 0 4px; font-size: 19px; }
.bau-materiais p { margin: 0 0 14px; color: #d1e0e2; font-size: 13px; }
.bau-materiais__lista { display: grid; grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); gap: 9px; margin-bottom: 12px; }
.bau-materiais__lista > div { display: flex; align-items: center; gap: 5px; padding: 10px; border-radius: 12px; background: #214251; }
.bau-materiais__lista .material-symbols-outlined { color: #efc975; }
.bau-materiais__lista small { margin-left: auto; }
.bau-materiais a { color: #ffe090; font-weight: 800; }

.treasure-scene{--wood:#86502e;--wood-dark:#321a14;--metal:#a6b6bf;--metal-light:#e2edf0;--metal-dark:#424f5e;--glow:#bddce5;position:relative;width:300px;height:260px;perspective:850px;margin:auto;isolation:isolate}
.treasure-epic{--wood:#402165;--wood-dark:#140c27;--metal:#ab7dde;--metal-light:#e4c4ff;--metal-dark:#473360;--glow:#bb79ff}
.treasure-legendary{--wood:#19374b;--wood-dark:#08151e;--metal:#d5a139;--metal-light:#fff0a6;--metal-dark:#725020;--glow:#ffd465}
.treasure-model{position:absolute;left:60px;top:113px;width:180px;height:110px;transform-style:preserve-3d;transform:rotateX(-19deg) rotateY(-30deg);animation:treasure-hover 4s ease-in-out infinite}
.treasure-body,.treasure-lid{position:absolute;width:180px;height:110px;transform-style:preserve-3d}
.treasure-face{position:absolute;display:block;backface-visibility:hidden;border:7px solid var(--metal);box-shadow:inset 0 0 0 2px var(--metal-dark),inset 0 0 0 4px #ffffff20,inset 0 6px 16px #0005,0 0 0 1px var(--metal-dark);background:repeating-linear-gradient(0deg,transparent 0 23px,#05020855 24px,#ffffff0b 26px),linear-gradient(105deg,var(--wood),var(--wood-dark));}
.treasure-face:before,.treasure-face:after{content:'';position:absolute;top:-5px;bottom:-5px;width:15px;border:1px solid var(--metal-dark);background:radial-gradient(circle at 50% 8px,var(--metal-light) 0 2px,var(--metal-dark) 3px,transparent 4px),radial-gradient(circle at 50% calc(100% - 8px),var(--metal-light) 0 2px,var(--metal-dark) 3px,transparent 4px),linear-gradient(90deg,var(--metal-dark),var(--metal-light) 28%,var(--metal) 45%,var(--metal-dark));box-shadow:2px 0 4px #0008}
.treasure-face:before{left:21px}.treasure-face:after{right:21px}
.treasure-front,.treasure-back{width:180px;height:110px}.treasure-front{transform:translateZ(55px)}.treasure-back{transform:rotateY(180deg) translateZ(55px)}
.treasure-right,.treasure-left{left:35px;width:110px;height:110px}.treasure-right{transform:rotateY(90deg) translateZ(90px);filter:brightness(.6)}.treasure-left{transform:rotateY(-90deg) translateZ(90px);filter:brightness(.8)}
.treasure-top,.treasure-bottom{width:180px;height:110px}.treasure-top{transform:rotateX(90deg) translateZ(55px);filter:brightness(1.3)}.treasure-bottom{transform:rotateX(-90deg) translateZ(55px);filter:brightness(.45)}
.treasure-body>.treasure-top{display:none}.treasure-inside{position:absolute;width:164px;height:96px;left:8px;top:7px;transform:rotateX(90deg) translateZ(46px);background:radial-gradient(ellipse,var(--glow),#251912 65%,#080a12);box-shadow:inset 0 0 20px #000}
.treasure-lid{height:42px;top:-42px;transform-origin:50% 100% -55px;transition:transform 1.15s cubic-bezier(.22,.8,.25,1)}
.treasure-lid .treasure-front,.treasure-lid .treasure-back,.treasure-lid .treasure-right,.treasure-lid .treasure-left{height:42px}
.treasure-lid .treasure-top{top:-34px;transform:rotateX(90deg) translateZ(21px);background:repeating-linear-gradient(90deg,transparent 0 39px,#0004 40px,#ffffff10 42px),linear-gradient(135deg,var(--wood),var(--wood-dark))}
.treasure-lid .treasure-bottom{top:-34px;transform:rotateX(-90deg) translateZ(21px);background:var(--wood-dark)}
.treasure-lock{position:absolute;left:65px;top:4px;width:34px;height:45px;border:2px solid var(--metal-dark);border-radius:5px 5px 13px 13px;background:linear-gradient(115deg,var(--metal-light),var(--metal) 45%,var(--metal-dark));box-shadow:2px 4px 6px #0008;display:grid;place-items:center}
.treasure-lock b{width:10px;height:10px;border-radius:50%;background:#111924;position:relative;box-shadow:0 1px 0 #fff7}.treasure-lock b:after{content:'';position:absolute;left:3px;top:7px;width:4px;height:9px;background:#111924}
.treasure-crest{position:absolute;left:70px;top:0;font-style:normal;color:var(--metal-light);font-size:21px;text-shadow:0 2px 2px #000}
.treasure-epic .treasure-lock b,.treasure-legendary .treasure-lock b{width:16px;height:20px;border-radius:2px;clip-path:polygon(50% 0,100% 35%,75% 100%,25% 100%,0 35%);background:linear-gradient(120deg,#fff,var(--glow) 40%,var(--metal-dark));box-shadow:none}.treasure-epic .treasure-lock b:after,.treasure-legendary .treasure-lock b:after{display:none}
.treasure-aura{position:absolute;inset:20px 0 0;background:radial-gradient(ellipse at 50% 65%,var(--glow),transparent 65%);opacity:.14;filter:blur(12px)}
.treasure-floor{position:absolute;left:25px;right:15px;bottom:7px;height:35px;border-radius:50%;background:radial-gradient(ellipse,#000b,transparent 70%);filter:blur(5px)}
.treasure-light{position:absolute;left:0;top:-150px;width:180px;height:180px;background:linear-gradient(0deg,var(--glow),transparent);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);opacity:0;transform:translateZ(0);transition:opacity .8s;filter:blur(5px);pointer-events:none}
.treasure-sparks{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;color:var(--glow);opacity:0;pointer-events:none;font-size:24px;transition:opacity .7s}.treasure-sparks span{align-self:flex-start;margin-top:20px}
.bau-diario__palco{height:280px;margin:8px auto 0}.bau-diario__bau{width:300px;max-width:100%;animation:bau-voa .8s ease-out both;filter:none}.bau-diario__heroi{width:42px;height:42px;bottom:13px;font-size:12px;left:4px;opacity:.8}
.bau-diario__palco[data-abrindo=true] .treasure-lid,.bau-diario__palco[data-revelado=true] .treasure-lid{transform:rotateX(108deg)}
.bau-diario__palco[data-abrindo=true] .treasure-light,.bau-diario__palco[data-revelado=true] .treasure-light{opacity:.65}
.bau-diario__palco[data-abrindo=true] .treasure-sparks,.bau-diario__palco[data-revelado=true] .treasure-sparks{opacity:1;animation:treasure-spark 2s ease-in-out infinite}
.bau-diario__palco[data-abrindo=true] .treasure-model,.bau-diario__palco[data-revelado=true] .treasure-model{animation:none}
.bau-diario[data-rarity=epic] .bau-diario__painel{border-color:#bd8cf0;background:linear-gradient(150deg,#30214c,#111b2d)}.bau-diario[data-rarity=legendary] .bau-diario__painel{border-color:#ffda76;background:linear-gradient(150deg,#263b48,#111c29)}
.bau-diario[data-rarity=epic] .bau-diario__botao{background:linear-gradient(#e5c8ff,#ad7adf);box-shadow:0 5px 0 #623c88,0 10px 20px #0006;color:#302047}
@keyframes treasure-hover{0%,100%{transform:translateY(0) rotateX(-19deg) rotateY(-30deg)}50%{transform:translateY(-7px) rotateX(-17deg) rotateY(-26deg)}}@keyframes treasure-spark{50%{opacity:.35;transform:translateY(-8px)}}
@media(max-width:380px){.bau-diario__palco .treasure-scene{transform:scale(.83);transform-origin:center}}
@media(prefers-reduced-motion:reduce){.treasure-model,.treasure-sparks{animation:none!important}.treasure-lid,.treasure-light{transition:none}}