.modal-content[data-kind="chest"] {width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}
[data-kind="chest"] .chest-rewards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
[data-kind="chest"] .reward {display:flex;align-items:center;gap:18px;padding:22px 18px;background:#e0e7ce;border:1px solid #a9b797;border-radius:5px;min-height:136px;color:#183d35}
[data-kind="chest"] .reward .sprite {width:76px;height:76px;flex:0 0 76px}
[data-kind="chest"] .reward h3 {font-size:20px;line-height:1.15;margin:0 0 8px;color:#142f2a}
[data-kind="chest"] .reward p {font-size:14px;line-height:1.5;margin:0;color:#35483b}
.codex-card .sprite:has(img[src*="accessories/"]) {width:68px;height:68px;flex:0 0 68px}
@media(max-width:600px){[data-kind="chest"] .chest-rewards{grid-template-columns:1fr;gap:10px}[data-kind="chest"] .reward{padding:14px;min-height:100px}[data-kind="chest"] .reward .sprite{width:64px;height:64px;flex-basis:64px}[data-kind="chest"] .reward h3{font-size:18px}}
@media(max-height:480px) and (orientation:landscape){.modal-content[data-kind="chest"]{padding:20px 24px}[data-kind="chest"] .chest-rewards{margin:12px 0}[data-kind="chest"] .reward{padding:12px;min-height:100px}[data-kind="chest"] .reward .sprite{width:60px;height:60px;flex-basis:60px}}