.difficulty-select{display:flex;gap:8px;margin:12px 0 8px}.diff-btn{flex:1;background:#152943;border:1px solid #7290af66;border-radius:10px;padding:10px;color:#bfd1eb;font-weight:900;cursor:pointer}.diff-btn.selected{border-color:#ffbd79;background:linear-gradient(120deg,#60422c,#333b55);color:#ffdda2}
.pet-roll-result{margin:12px 0 10px;border:1px solid #6d8f9f;text-align:center}.pet-roll-result.pet-success{border-color:#ffca78;background:linear-gradient(120deg,#3a3526,#182b40)}.pet-roll-result>b{display:block;margin:8px 0;font-size:17px}.pet-failed>b{color:#b9c9d8}.pet-success>b{color:#ffe09a}
.pet-celebration{position:fixed;z-index:80;inset:0;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:radial-gradient(circle,#d1a96a38 0%,#08132a22 55%,transparent 85%);animation:petFade 3.5s ease-in-out forwards;color:#ffebc0;text-shadow:0 2px 15px #000}.pet-celebration h2{font-size:clamp(30px,8vw,56px);margin:0}.pet-celebration p{font-size:20px}.pet-celebration strong{font-size:17px}.pet-pop-icon{font-size:85px;animation:petBounce .8s ease-out}.pet-burst{font-size:70px;color:#ffdfa0;animation:petSpin 2.7s ease-out}.pet-celebration small{color:#bde2e6}
@keyframes petFade{0%{opacity:0}12%,76%{opacity:1}100%{opacity:0}}@keyframes petBounce{0%{transform:scale(.1) rotate(-28deg)}65%{transform:scale(1.3) rotate(11deg)}100%{transform:scale(1) rotate(0)}}@keyframes petSpin{from{transform:scale(.3) rotate(-50deg)}to{transform:scale(1.2) rotate(25deg)}}
.p21-log-list{display:grid;gap:9px;margin-bottom:18px}.p21-log-entry{border:1px solid #6c87ac55;border-radius:14px;background:linear-gradient(150deg,#223551,#101d31);overflow:hidden}.p21-log-entry summary{cursor:pointer;padding:14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.p21-log-entry[open] summary{border-bottom:1px solid #7695ad33}.log-items{padding:12px;display:flex;gap:6px;flex-wrap:wrap}.log-label{width:100%;font-weight:900;font-size:11px;letter-spacing:1px;margin-top:12px;color:#decc9b}.log-chip{display:inline-block;padding:6px 8px;border-radius:9px;font-size:11px;border:1px solid #6d83a54a;background:#0e182abf}.log-chip.missing{opacity:.45}.log-chip.found{color:#d5ffdf;border-color:#74cb9b77;background:#2b544133}.pet-inventory{display:grid;gap:8px}.pet-choice{display:flex;gap:12px;align-items:center;padding:9px;border:1px solid #789cb544;border-radius:11px;background:#172a40}.pet-choice .outline{width:auto;min-width:90px;margin:0}
@media(prefers-reduced-motion:reduce){.pet-celebration,.pet-pop-icon,.pet-burst{animation:none!important}}@media(max-width:420px){.p21-log-entry summary{font-size:12px}.log-chip{font-size:10px}}