*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#100b1b;color:#f4edff;font:18px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}header{background:linear-gradient(110deg,#2d1057,#120c21 65%,#133d2a);padding:18px 12px;text-align:center}header small{letter-spacing:.08em;color:#d6baff;font-size:12px}h1{margin:4px 0;font-size:30px}h2{font-size:23px;line-height:1.3;color:#e2c9ff}h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#d6baff;margin:0 0 6px}.shell{width:100%;max-width:720px;margin:auto;padding:12px}.controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}.controls>*{max-width:100%}button,a.button,select,summary{font:inherit;font-size:16px;min-height:44px;border:1px solid #9d77d9;background:#2c1850;color:white;border-radius:8px;padding:10px 12px;cursor:pointer;text-decoration:none}button:hover,a.button:hover{background:#4b277c}a[aria-disabled="true"]{opacity:.35;pointer-events:none}:focus-visible{outline:3px solid #cba5ff;outline-offset:3px}.story{background:#1b142b;border:1px solid #614881;border-radius:12px;padding:clamp(16px,4vw,28px);margin:18px 0}.panel-text{padding:16px 0;border-bottom:1px solid #49365f}.panel-text:last-child{border:0}.panel-text p{margin:0;white-space:pre-wrap;line-height:1.75}.art{display:block;height:auto;width:auto;max-width:100%;max-height:none;margin:16px auto;background:white}.art-details{padding:8px 0}summary{text-align:center}.warning{font-size:14px;color:#cbb7e2;text-align:center}#status{text-align:center;min-height:1.5em}footer{text-align:center;padding:25px;color:#bbaacb;font-size:14px}@media(min-width:600px){.panel-text p{font-size:20px}}@media print{header,.controls,.art-details,.warning,footer{display:none}body,.story{background:white;color:black;border:0}h2,h3{color:black}}