.xp-panel,.rest-review-panel{max-width:56rem;margin:0 auto;padding:clamp(1rem,3vw,2.25rem);color:var(--text,#eee4ce)}
.xp-heading h1,.rest-review-panel h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.9rem,5vw,2.65rem);margin:.4rem 0 1rem}
.xp-intro,.xp-note,.xp-character-detail,.xp-proof,.rr-note{color:var(--muted,#b9b0b8);line-height:1.6}
.xp-status,.xp-result,.rr-status{padding:.85rem 1rem;background:#201924;border:1px solid #66553d;border-radius:.5rem;line-height:1.5}
.xp-error,.rr-error{padding:.85rem 1rem;border-left:3px solid #bb6473;color:#f5c5cd;background:#321c26;line-height:1.5}
.xp-pending,.rr-pending{margin:1rem 0;padding:1rem;border:1px solid #957f50;border-radius:.5rem;background:#27202b}
.xp-fields,.rr-fields{display:grid;gap:.6rem;margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid #534151;border-radius:.8rem;background:linear-gradient(135deg,#201925,#151217)}
.xp-fields label,.rr-fields label{margin-top:.6rem;font-weight:600;color:#d7c293}
.xp-fields input,.xp-fields select,.xp-fields textarea,.rr-fields input,.rr-fields select,.rr-fields textarea{width:100%;min-width:0;min-height:2.8rem;padding:.65rem .75rem;color:#f0e7d4;background:#100e14;border:1px solid #695168;border-radius:.4rem;font:inherit;box-sizing:border-box}
.xp-fields textarea,.rr-fields textarea{resize:vertical;line-height:1.5}
.xp-fields input:focus-visible,.xp-fields select:focus-visible,.xp-fields textarea:focus-visible,.rr-fields select:focus-visible,.rr-fields textarea:focus-visible{outline:2px solid #c2a66e;outline-offset:2px}
.xp-fields .button,.rr-fields .button{justify-self:start;min-height:2.8rem;margin-top:.5rem}
.xp-dialog,.rr-dialog{max-width:min(32rem,calc(100vw - 2rem));box-sizing:border-box;padding:1.5rem;border:1px solid #a48853;border-radius:.8rem;color:#eee4ce;background:#211923}
.xp-dialog::backdrop,.rr-dialog::backdrop{background:#09070bce;backdrop-filter:blur(3px)}
.xp-dialog-actions,.rr-dialog-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;margin-top:1.5rem}
.xp-award-reason{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #9d8152;padding:.5rem 1rem;color:#cfc3cf}
.rs-rest-modifiers{display:grid;gap:.65rem;margin:1rem 0;padding:0;list-style:none}.rs-rest-modifiers li{padding:.65rem .9rem;background:#17121c;border-left:2px solid #a78e58;border-radius:.2rem;line-height:1.5}.rs-rest-modifiers strong{display:block;color:#d7c293}.rs-rest-modifiers span{font-size:.9rem;color:#c3b7c2}
@media(max-width:480px){.xp-panel,.rest-review-panel{padding:1rem}.xp-fields,.rr-fields{padding:.85rem}.xp-fields .button,.rr-fields .button{width:100%}.xp-dialog-actions .button,.rr-dialog-actions .button{flex:1 1 100%}}
@media print{.xp-proof{color:#333}.xp-panel,.rest-review-panel{display:none}}
.xp-fields select,.rr-fields select{appearance:none;-webkit-appearance:none;height:2.85rem;min-height:44px;padding-right:2.5rem;background-image:linear-gradient(45deg,transparent 50%,#d7c293 50%),linear-gradient(135deg,#d7c293 50%,transparent 50%);background-position:calc(100% - 1.05rem) 50%,calc(100% - .7rem) 50%;background-size:.35rem .35rem;background-repeat:no-repeat}
.rr-conditions{display:grid;gap:.6rem}.rs-rest-consequences{margin:1.25rem 0;padding:1rem 1.25rem;border:1px solid #67513c;border-radius:.65rem;background:#19141d}
