*{box-sizing:border-box}html{min-height:100%;background:#150d24}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#ffeff8;background:radial-gradient(ellipse at 50% 0%,#392443,#150d24 75%);min-height:100vh}button{font:inherit;cursor:pointer;border:1px solid #bf7a9f;color:#ffe5f2;border-radius:9px;padding:11px 16px;background:#322039;transition:background .2s}button:hover{background:#74456e}button:disabled{opacity:.3;cursor:default}.stars{pointer-events:none;position:fixed;inset:0;background-image:radial-gradient(#ffc3ea 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:59px 71px,127px 97px;opacity:.27}main{position:relative;max-width:1050px;margin:auto;padding:20px 18px 30px}header,footer,.head-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.pixel{font-family:monospace;font-weight:bold;letter-spacing:2px;color:#ffc0e6;font-size:13px}#book{margin:22px auto;max-width:850px;perspective:1200px}#card{background:#fff3e8;color:#463147;border:12px solid #f2d5dd;outline:4px solid #8f5782;box-shadow:0 22px 60px #0009,8px 8px 0 #6d466a;border-radius:5px;overflow:hidden;min-height:530px;animation:turn .32s ease-out}@keyframes turn{from{opacity:.2;transform:translateX(25px) rotateY(-5deg)}to{opacity:1;transform:translateX(0) rotateY(0)}}.art{width:100%;height:min(49vw,420px);min-height:250px;object-fit:contain;background:#221329;display:block;image-rendering:auto}.story{padding:22px 35px 30px;text-align:center}.eyebrow{font:700 12px/1.5 monospace;text-transform:uppercase;color:#986285;letter-spacing:1px}.story h1{font-size:clamp(28px,5vw,43px);margin:10px auto 14px;color:#6f365f}.story p{line-height:1.65;margin:8px auto;max-width:650px;font-size:clamp(15px,2.6vw,19px)}.speaker{font-weight:bold;color:#a04b72}.cover .art{height:min(65vw,560px);min-height:330px}.cover h1{font-size:clamp(33px,6vw,55px)}footer{max-width:850px;margin:auto}.pagination{text-align:center;min-width:135px;font:13px monospace}.meter{width:140px;max-width:100%;height:6px;border-radius:10px;background:#61435d;margin:10px auto}.meter div{height:100%;width:0;background:#ffc2df;border-radius:10px;transition:width .3s}.hint{text-align:center;font:12px monospace;opacity:.6;margin-top:23px}dialog{border:2px solid #d795bc;background:#24152d;color:#ffedf5;border-radius:12px;width:min(480px,95vw);max-height:80vh}dialog::backdrop{background:#10091ad9}.dialoghead{display:flex;justify-content:space-between;align-items:center}#chapterList{display:grid;gap:8px;margin-top:10px}#chapterList button{text-align:left}#chapterList button.current{background:#8a456c}@media(max-width:560px){main{padding:12px 10px}header{align-items:flex-start}.pixel{font-size:10px}header button{padding:8px;font-size:12px}#card{border-width:6px;min-height:420px}.art{min-height:230px;height:65vw}.story{padding:18px 14px 23px}footer button{padding:10px 8px}.pagination{min-width:95px}.meter{width:95px}}