:root{font-family:Arial,sans-serif;color:#e5e8e1;background:#102a2b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;background:radial-gradient(ellipse at 80% 0,#265052,transparent 55%)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #52716c;padding:22px 4vw;gap:20px}.brand{font:700 26px Georgia;color:#f3c58b}.brand span{font:10px Arial;letter-spacing:2px;margin-left:16px}button{font:inherit;color:inherit;background:#1d4242;border:1px solid #638783;border-radius:5px;padding:11px 15px;cursor:pointer}button:hover{background:#325957}button:focus-visible,textarea:focus-visible{outline:3px solid #f3c58b;outline-offset:3px}button:disabled{opacity:.4;cursor:default}nav,.toolbar{display:flex;gap:10px;flex-wrap:wrap}main{max-width:1450px;margin:auto;padding:40px 4vw}.intro{max-width:820px}.eyebrow,small{font:11px Arial;letter-spacing:2px;color:#e2b57f;display:block}h1{font:clamp(38px,5vw,74px) Georgia;line-height:1.05;margin:20px 0}h2{font:30px Georgia}p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.intro p{color:#bdcfca}.status{margin:28px 0;padding:13px 16px;border:1px solid #557871;font-size:13px;border-radius:4px}.reading{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:36px}.chapter{padding:30px;background:#f0ecdf;color:#233638;border-radius:8px;box-shadow:0 20px 65px #061b1d66;animation:arrive .45s}.chapter-top{display:flex;justify-content:space-between;font:10px Arial;letter-spacing:2px;color:#5d7775}.chapter p{font:19px/1.8 Georgia}.chapter small{color:#7c511e}.chapter button{background:#d5e0d7;color:#193a38;border-color:#6e8f87}.chapter button.primary{background:#244e49;color:#fff}blockquote{margin:28px 0;padding:24px;border-left:3px solid #b87e40;background:#e3ddcc;font:25px/1.5 Georgia}blockquote small{margin-bottom:15px}.assertion{padding:20px;border:1px dashed #8b9e8c}.assertion em{font:12px/1.5 Arial;color:#526960}.outcome,.ending{margin:22px 0;padding:22px;background:#d4dfd0}.toolbar{margin:20px 0}.balance{font:84px Georgia;color:#f3c58b}.balance small{display:inline;color:#b6d0c8;font:20px Arial}.meter{height:6px;background:#082022;border-radius:5px}.meter>div{height:100%;background:#edb77e;transition:width .3s}.fine,footer p{font:12px/1.65 Arial;color:#b0c7c0}ol{padding:0;list-style:none}li{border-top:1px solid #58746b;padding:15px 0;font-size:12px}li p{margin:7px 0}.storage,.studio{margin-top:35px;padding:25px;border:1px solid #5b7772;border-radius:8px}textarea{display:block;width:100%;min-height:480px;background:#0a2022;color:#dce9dd;padding:20px;font:13px/1.6 monospace;border:1px solid #78958a;margin-top:10px}footer{margin-top:40px;max-width:900px}footer button{font-size:12px;margin-right:10px}@keyframes arrive{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:800px){.reading{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}.chapter{padding:20px}main{padding:24px 5vw}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
