.learning-reward-hud{display:grid;grid-template-columns:64px 1fr;gap:8px 12px;margin:16px 0;padding:14px;background:#f5f0dc;border:2px solid #bac8a1;border-radius:8px;color:#31513a}.learning-reward-preview{grid-row:1/3;position:relative;align-self:center;filter:grayscale(.7);opacity:.7}.learning-reward-preview img{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}.learning-reward-preview .co-picture,.learning-reward-preview .px-icon{width:60px;height:60px;display:block}.learning-reward-preview>span{position:absolute;right:0;bottom:0;color:#bd8c1b;font-size:20px}.learning-reward-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:16px}.learning-reward-heading>span{font-weight:800;white-space:nowrap;color:#6c784f}.learning-reward-track{height:13px;background:#dcdcc7;border:1px solid #a9b68e;overflow:hidden;border-radius:3px}.learning-reward-track i{height:100%;display:block;background:repeating-linear-gradient(90deg,#74a45a 0,#74a45a 24px,#94bb74 24px,#94bb74 29px);transition:width .45s}.learning-reward-stamps{list-style:none;margin:0;padding:0;grid-column:1/-1;display:grid;grid-template-columns:repeat(var(--stamp-count,8),minmax(0,1fr));gap:5px}.learning-stamp{min-height:44px;text-align:center;padding:6px 2px;border:1px dashed #b9c3a3;font-size:12px;line-height:1.35;overflow-wrap:anywhere;background:linear-gradient(90deg,#e1edcf var(--stamp-fill),#faf8eb var(--stamp-fill));border-radius:4px}.learning-stamp>b{display:block;font-size:18px;line-height:1.1;color:#87956d}.learning-stamp.done{border-style:solid;border-color:#6b9253;font-weight:700}.learning-stamp.done>b{color:#467637}.learning-reward-hud.ready{border-color:#d3ad4b;box-shadow:3px 3px #d3ad4b40}.learning-reward-hud.ready .learning-reward-preview{opacity:1;filter:none}.learning-comeback{grid-column:1/-1;margin:0;padding:6px 10px;border-left:4px solid #d5a83e;background:#fff4ce;color:#6e5424;font-weight:700}.learning-reward-hud.gain .learning-reward-preview{animation:learning-reward-pop .6s ease-out}.learning-reward-hud.gain .learning-reward-track{box-shadow:0 0 0 3px #b9d99b55}.co-reward-item{text-align:center;min-width:80px}.co-reward-item p{font-weight:800;margin:4px}.co-world-album{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.co-world-album>article{padding:14px;border:2px solid #a8be8d;border-radius:8px;background:#edf2d9}.co-world-album>article.waiting{filter:grayscale(.8);opacity:.7;background:#f1eee2}.co-world-album h3{font-size:16px}.co-world-album .co-picture{display:block;margin:auto}.co-world-journal>summary{font-weight:800;font-size:20px;cursor:pointer;padding:12px 0}.co-world-journal .co-world-album{margin-top:12px}@keyframes learning-reward-pop{0%{transform:scale(.85)}45%{transform:scale(1.16);filter:none;opacity:1}100%{transform:scale(1)}}@media(max-width:650px){.learning-reward-stamps{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-reward-heading{font-size:15px}.learning-stamp{font-size:13px}.learning-reward-hud{padding:10px;grid-template-columns:52px 1fr}.learning-reward-preview img,.learning-reward-preview .co-picture,.learning-reward-preview .px-icon{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.learning-reward-hud.gain .learning-reward-preview{animation:none}.learning-reward-track i{transition:none}}
.co-world-album>article{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;min-width:0}.co-world-album .co-picture{align-self:center}.co-chest.open{flex-direction:column;gap:12px;padding:10px;min-height:280px}.co-chest.open>.co-picture{width:104px;height:104px;transform:rotate(-4deg)}.co-chest.open .co-reward-items{position:static;display:flex;flex-wrap:wrap;align-items:flex-start;max-width:100%;width:100%;gap:8px}.co-reward-item{flex:1 1 84px;min-width:0;max-width:150px;padding:8px 5px;background:#ffffef;border:1px solid #d0bb6b;border-radius:6px;box-shadow:0 2px #d6bd6940}.co-reward-items .co-picture{width:76px;height:76px;max-width:100%;transform:rotate(0)}.co-reward-item .co-read{display:inline-block;min-height:44px;max-width:100%;font-size:15px}.co-reward-item p{margin:0}
