/* Layout and text only; all ornament uses the existing native atlas and frames. */
.experience-settings p{font-size:15px;line-height:1.35}
.experience-controls{position:absolute;right:14px;top:112px;display:flex;gap:4px;align-items:center;max-width:45%;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}
.experience-controls[hidden]{display:none!important}
.experience-controls button{background:var(--native-nameplate) center/100% 100% no-repeat;border:0;color:#fff1c7;font:14px 'Pixelify Sans',monospace;min-height:34px;padding:7px 11px;cursor:pointer;text-shadow:1px 2px #142b2d}
.experience-controls button img{width:20px;height:20px;vertical-align:middle;margin-right:3px;image-rendering:pixelated}
.experience-controls button[aria-pressed=true]{color:#ffc1b2}
.experience-readout{flex-basis:100%;text-align:right;font:14px 'Pixelify Sans',monospace;color:#fff4cd;text-shadow:1px 2px #102c2c}
.damage-timeline ol{padding-left:22px;max-height:250px;overflow:auto}.damage-timeline li{padding:3px 0}.damage-timeline small{color:#ebc387}
@media(max-width:900px){.experience-controls{top:74px;right:5px;max-width:45%;gap:2px}.experience-controls button{font-size:11px;padding:5px 7px;min-height:29px}.experience-controls button img{width:16px;height:16px}.experience-readout{font-size:10px}}
@media(max-width:550px){.experience-controls{top:88px;max-width:48%}.experience-controls button{font-size:10px}.experience-controls button img{display:none}}
