#battleWrap{position:relative}.codex-learning{position:absolute;right:4px;top:62px;z-index:12;width:min(196px,48%);font:600 13px/1.5 var(--yashu-font);color:var(--yashu-ink);pointer-events:auto}.codex-learning button,.codex-learning select{font:700 12px var(--yashu-font);min-height:32px;border:1px solid var(--yashu-line);border-radius:6px;color:var(--yashu-ink);background:rgba(255,253,245,.94)}.codex-learning-toggle{display:block;margin-left:auto;padding:4px 9px;box-shadow:0 2px 5px #10293633}.codex-learning-body{padding:7px;border:1px solid #b88b3777;border-radius:6px;background:rgba(255,253,245,.9);box-shadow:0 2px 9px #10293622}.codex-learning-body[hidden]{display:none}.codex-learning .done{color:#176c63}.codex-learning .just-done{animation:codex-check .35s ease}.codex-learning-actions{display:flex;gap:3px;margin-top:6px}.codex-learning-actions>*{min-width:0;flex:1;padding:2px}.codex-learning small{color:#176c63}.codex-battle-reaction{position:absolute;left:4px;top:62px;z-index:11;width:min(240px,47%);display:flex;gap:6px;padding:7px;border:1px solid #f1cd7a99;border-radius:7px;background:#102936e8;color:#fffdf5;pointer-events:none;font:600 13px/1.45 var(--yashu-font);animation:codex-radio-in .18s ease,codex-radio-out .3s ease 2.1s forwards}.codex-battle-reaction:has(small){animation-duration:.18s,.3s}.codex-battle-reaction img{width:32px;height:42px;object-fit:cover;object-position:50% 10%;border-radius:5px}.codex-battle-reaction b{color:#f1cd7a}.codex-battle-reaction p{margin:1px 0}.codex-battle-reaction small{display:block}.codex-battle-reaction:has(p){overflow:hidden}.codex-battle-reaction.trait{animation-delay:0s,4.2s}@keyframes codex-check{50%{transform:translateY(-2px);color:#1873a1}}@keyframes codex-radio-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes codex-radio-out{to{opacity:0}}@media(max-width:360px){.codex-learning,.codex-battle-reaction{font-size:12px}.codex-learning-actions>*{font-size:11px}.codex-battle-reaction img{width:24px}}@media(prefers-reduced-motion:reduce){.codex-learning .just-done,.codex-battle-reaction{animation:none}}


.codex-learning{position:relative;inset:auto;flex:0 0 auto;width:auto;margin:3px 8px;max-height:124px;overflow:auto;grid-column:1/-1}.codex-learning-body{display:flex;flex-wrap:wrap;gap:3px 12px;padding:4px 7px}.codex-learning-body[hidden]{display:none}.codex-learning-actions{margin:0 0 0 auto;flex:0 0 auto}.codex-learning-actions>*{flex:0 0 auto;min-width:48px;padding:3px 6px}.codex-learning-actions select{min-width:88px}.codex-learning-toggle{float:left;margin:0 8px 0 0}.codex-learning small{align-self:center}