@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Marcellus&family=Manrope:wght@400;600&display=swap");:root{--gold:#d6b36b;--cream:#faedd4;--muted:#c9beaa;--night:#0a111c}*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden}body{background:var(--night);color:var(--cream);font:14px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(ellipse at 85% 42%,#3e2c29,transparent 50%),var(--night)}header{min-height:72px;padding:8px 2%;border-bottom:1px solid #d6b36b66;justify-content:space-between;gap:12px}.brand,header{display:flex;align-items:center}.brand{gap:10px}.brand>b{font-size:36px;color:var(--gold)}.brand small,.intro small,.page>small{display:block;color:var(--gold);font-size:10px;letter-spacing:.2em}.brand strong{font:600 clamp(12px,1.25vw,19px) Cinzel,serif}nav{display:flex;flex-wrap:wrap;gap:6px}nav a{border:1px solid #d6b36b70;padding:8px 10px;font-size:11px}.home{min-height:0;max-width:1600px;width:100%;margin:auto;padding:8px 2%;display:grid;grid-template-columns:minmax(250px,.45fr) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.intro h1,.page h1{font:500 clamp(32px,3.6vw,62px)/1.08 Marcellus,serif;margin:14px 0}.intro h1 em{color:var(--gold)}.intro p,.page p{color:var(--muted);line-height:1.6}.reader{flex-direction:column;gap:6px}.reader,.stage{display:flex;align-items:center;justify-content:center}.stage{perspective:1600px;flex:1 1;width:100%}.book{position:relative;height:min(100%,calc(100dvh - 133px));transform-style:preserve-3d;transition:transform .8s;box-shadow:20px 20px 45px #0009}.book.open{transform:rotateY(-8deg)}.cover,.interior{position:absolute;inset:0;border:1px solid var(--gold);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.cover{z-index:2;transform-origin:left;transition:transform .8s;background:#22170f}.cover img{width:100%;height:100%;object-fit:contain}.book.open .cover{transform:rotateY(-170deg)}.interior{background:linear-gradient(110deg,#dcc7a8,#fff8e8);color:#422d20;padding:10%;display:flex;flex-direction:column;justify-content:center;text-align:center}.interior h2{font:500 clamp(20px,2vw,32px) Marcellus,serif}.interior p{font-size:clamp(11px,1.2vw,16px);line-height:1.5}.ctrl{display:flex;justify-content:center;align-items:center;gap:15px;color:var(--gold);font-size:11px}.ctrl button{cursor:pointer;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:8px 14px}.ctrl button:disabled{opacity:.35;cursor:default}.page{min-height:0;max-width:1300px;width:100%;margin:auto;padding:3% 5%;display:flex;flex-direction:column;gap:10px}.page h1{font-size:clamp(33px,4vw,58px);margin:0}.page input{background:#101b29;border:1px solid var(--gold);color:#fff;padding:10px}.alphabet{display:flex;flex-wrap:wrap;gap:3px}.alphabet button{background:transparent;color:var(--gold);border:1px solid #d6b36b77;cursor:pointer;padding:5px 7px;font-size:11px}.people,.shelves{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;flex:1 1;min-height:0}.locked,.people article,.shelves a{border:1px solid #d6b36b66;background:#ffffff0a;padding:20px;display:flex;flex-direction:column;justify-content:center}.locked h2,.people h2{font:500 26px Marcellus,serif}.people small{color:var(--muted)}.shelves a{flex-direction:row;align-items:center;gap:20px}.shelves img{height:min(85%,350px);max-width:50%;object-fit:contain}.shelves h2{font:500 30px Marcellus,serif}.shelves b{color:var(--gold)}footer{border-top:1px solid #d6b36b66;display:flex;justify-content:space-between;padding:8px 3%;color:#c5b89e;font-size:10px}@media(max-width:800px){header{flex-direction:column;padding:5px;gap:4px}.brand strong{font-size:11px}nav{justify-content:center}nav a{font-size:9px;padding:5px}.home{grid-template-columns:1fr;gap:5px;padding:5px}.intro{text-align:center}.intro h1{font-size:21px;margin:3px}.intro p{font-size:11px;margin:3px}.book{height:min(100%,calc(100dvh - 240px))}.ctrl{gap:4px;font-size:9px}.ctrl button{padding:6px}.page{padding:10px}.page h1{font-size:28px}.page p{font-size:11px}.alphabet button{font-size:9px;padding:4px}.people{grid-template-columns:1fr}.people article:nth-child(2){display:none}.shelves h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.book,.cover{transition:none}}.home{height:100%;grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);align-items:stretch;padding:4px 1.5%}.intro{align-self:center}.reader{height:100%;min-height:0;overflow:hidden}.stage{flex:1 1 auto;height:calc(100% - 38px);min-height:0;overflow:visible}.book{height:min(calc(100dvh - 135px),100%);width:auto;aspect-ratio:210/297;flex-shrink:0;max-width:100%;min-height:0}.ctrl{flex:0 0 34px}@media(max-width:800px){.home{height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.intro{align-self:center}.reader{height:100%;min-height:0}.stage{height:calc(100% - 34px)}.book{height:100%;max-width:96vw;aspect-ratio:210/297}}