.zerre-active .chapter,.zerre-active .show-controls,.zerre-active .bottom-dock,.zerre-active .explorer-deck,.zerre-active .compass-shell,.zerre-active .discovery-hint,.zerre-active .camera-hint{display:none!important}
.zerre-active .vignette{background:radial-gradient(ellipse at center,transparent 35%,#01061166)}
#zerre-stage{position:absolute;inset:0;pointer-events:none;z-index:22;color:#e8dfcb}
.zerre-heading{position:absolute;top:112px;left:4%;max-width:350px;animation:zerre-in 1.8s both}.zerre-heading>span{font-size:8px;letter-spacing:2.4px;color:#c1a97c}.zerre-heading h1{font:clamp(32px,4.1vw,58px)/1.04 var(--serif);letter-spacing:-1px;margin:17px 0;color:#f1dfb4}.zerre-heading h1 em{display:block;font-weight:400;color:#e6d4be}.zerre-heading>p{font-size:11px;line-height:1.7;color:#b9b6c9;max-width:210px}
.zerre-caption{position:absolute;right:4%;bottom:118px;width:min(330px,31vw);padding:15px 0 15px 22px;border-left:1px solid #d7b97555;background:linear-gradient(90deg,#060d1c77,transparent);pointer-events:auto}.zerre-caption>span{font:9px Arial,sans-serif;letter-spacing:2px;color:#b8a27b}.zerre-caption h2{font:24px/1.3 var(--serif);margin:12px 0;color:#ebd7b1}.zerre-caption>p{font-size:14px;line-height:1.8;color:#e3d9ce;max-width:300px}.zerre-caption summary{font-size:10px;color:#b9b9cb;cursor:pointer;padding:8px 0}.zerre-caption details p{font-size:12px;line-height:1.9;white-space:pre-line;max-height:32svh;overflow:auto;padding-right:8px;color:#c9ced6}.zerre-caption details button{min-height:42px;padding:8px 11px;font-size:11px;background:#3f3746b3;border:1px solid #bda77144;color:#e6d6bb;border-radius:4px}
.zerre-tools{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:6px;pointer-events:auto;width:max-content;max-width:94%;flex-wrap:wrap;padding:10px;background:#070d1bd1;border:1px solid #d6b57933;border-radius:10px;backdrop-filter:blur(16px)}.zerre-tools button{min-height:44px;padding:9px 12px;font-size:10px;letter-spacing:.2px;border:1px solid #d3bd9136;border-radius:5px;background:#302c3b9c;color:#e6dccb}.zerre-tools button:hover{background:#5e4c4b99;border-color:#e1cb97a3}.zerre-tools button:disabled{opacity:.3;cursor:default}.zerre-tools #zerre-exit{background:#1533429e;border-color:#83b3c83d;color:#bedde5}
.only-light .zerre-caption,.only-light .zerre-heading,.zerre-active.cinema .zerre-heading,.zerre-active.cinema .zerre-caption{display:none}
#zerre-story-book{width:min(780px,94vw);background:radial-gradient(ellipse at top,#263146,#101323 75%);border-color:#c6af7852}#zerre-story-book h3{font:23px/1.3 var(--serif);color:#e3cba4;margin-top:30px}#zerre-story-book .narrative{color:#ced1db}.zerre-references{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.zerre-references img{display:block;width:100%;height:auto;border-radius:5px;border:1px solid #c5ab6e3b}
@keyframes zerre-in{from{opacity:0;filter:blur(7px);translate:0 12px}to{opacity:1;filter:blur(0);translate:0 0}}
@media(max-width:650px){.zerre-heading{top:100px;left:5%;max-width:250px}.zerre-heading h1{font-size:36px;margin:13px 0}.zerre-heading>span{font-size:6px;letter-spacing:1.7px}.zerre-heading>p{font-size:10px;max-width:220px}.zerre-caption{right:5%;left:5%;bottom:150px;width:auto;padding:8px 0 8px 15px;background:linear-gradient(90deg,#060d1c99,transparent)}.zerre-caption h2{font-size:22px;margin:6px 0}.zerre-caption>p{font-size:12px;margin:7px 0;line-height:1.7}.zerre-caption details p{max-height:24svh;font-size:12px;background:#091021d9;padding:10px}.zerre-tools{width:90%;max-width:none;bottom:max(15px,env(safe-area-inset-bottom));gap:5px;padding:8px}.zerre-tools button{flex:1;min-width:80px;font-size:9px;padding:8px 6px}.zerre-tools #zerre-prev{flex:0;min-width:44px}.zerre-references{grid-template-columns:1fr}.zerre-caption summary{padding:8px 0}.zerre-caption>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.zerre-heading{animation:none}}