/* The same living skyline beneath every destination, with calm readable foregrounds. */
body{background:#030b17!important}#world-backdrop{z-index:0}body>#live-universe{z-index:1;opacity:.6}
body>nav,body>header,body>main,body>footer,body>.preview-status{position:relative;z-index:2}
main.policy{background:#040e1cde;border:1px solid #8ac9de26;padding:clamp(22px,4vw,48px);border-radius:12px;backdrop-filter:blur(14px)}
body .sample-page,body.books-page,body .network-wrap{background:transparent!important}
.sample-reader,.sample-chapter,.chapter-content{background:#04101ee8!important}
body .world-controls{z-index:95;box-shadow:0 8px 28px #0006}
body:has(.future-stage) .world-controls{display:flex}
.network-hero,.sample-hero,.book-hero{background:linear-gradient(110deg,#020b18a6,#020b1830)!important}
.library,.fleet,.shield-world,.products-world{background:linear-gradient(#030b178c,#030b17b8)!important}
body:has(#world) #world{z-index:2;opacity:.92}body:has(#world) header{position:fixed;z-index:4}
body:has(#world) .world-controls{bottom:74px}
#world-backdrop,body>#live-universe{pointer-events:none}
@media(max-width:600px){main.policy{width:92vw;padding:22px 18px;margin-top:30px}body .world-controls{max-width:calc(100vw - 16px)}body>#live-universe{opacity:.4}}
@media(prefers-reduced-motion:reduce){body>*{scroll-behavior:auto!important}}
body:has(.future-stage) .world-controls{display:none}
body:has(#world) .mode-switch{position:fixed;z-index:4}
.enter-city{display:inline-flex;margin:12px 0 0 12px;min-height:42px;padding:14px 20px;border:1px solid #8ad8ef80;background:#071b2cd9;color:#c8f1f7;font:600 11px/1.3 Arial,sans-serif;letter-spacing:.1em;cursor:pointer}.enter-city:hover{background:#12334d}.enter-city:focus-visible,.city-view-ui button:focus-visible{outline:2px solid #b2f2ff;outline-offset:5px}
.city-view-ui[hidden]{display:none}.city-view-ui{position:fixed;inset:0;z-index:112;pointer-events:none;color:#e8f5f6;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#020a15a3,transparent 24%,transparent 70%,#020a15bd);padding:32px 4vw;font-family:Arial,sans-serif}.city-view-ui>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.city-view-ui header span{font:9px/1.6 monospace;letter-spacing:.16em;color:#a1d9e6}.city-view-ui h2{font:400 clamp(23px,3vw,40px)/1.2 Georgia,serif;margin:10px 0}.city-view-ui button{pointer-events:auto;padding:13px 17px;min-height:42px;background:#071622d9;color:#d2eff4;border:1px solid #b2e1eb60;font:10px/1.4 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.city-view-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.city-view-bottom p{font:19px/1.7 Georgia,serif;margin:0}.city-view-bottom small{font:12px/1.6 Arial,sans-serif;color:#b7d3df}.city-view-bottom>div{display:flex;gap:10px}
body.city-immersive>#world-backdrop{z-index:100}body.city-immersive>#live-universe{z-index:101}body.city-immersive>nav,body.city-immersive>main,body.city-immersive>footer,body.city-immersive>.world-controls{visibility:hidden}
@media(max-width:650px){.enter-city{margin-left:0;width:100%;justify-content:center}.city-view-ui{padding:22px}.city-view-ui>header{flex-direction:column}.city-view-ui h2{font-size:25px}.city-view-bottom{flex-direction:column;align-items:start}.city-view-bottom p{font-size:17px}.city-view-bottom>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.city-view-ui button{font-size:9px}}
/* Separate action boxes prevent long labels from breaking into overlapping inline fragments. */
.book-entry-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px auto 0;max-width:680px}.book-entry-actions .btn{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;max-width:100%;margin:0!important;padding:15px 20px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-align:center;text-decoration:none}
.magic-experience{margin:0 auto 65px;max-width:1160px;border:1px solid #a2eaff4d;border-radius:12px;overflow:hidden;background:#040d1ddd;box-shadow:0 24px 90px #0008}.magic-heading{padding:25px 30px;display:flex;align-items:end;justify-content:space-between;gap:25px;border-bottom:1px solid #acdcff26}.magic-heading .eyebrow{font-size:9px;letter-spacing:.2em;margin:0 0 10px;color:#a7ede4}.magic-heading h2{font:400 34px/1.2 Georgia,serif;margin:0;color:#e5f9f3}.magic-heading>p{max-width:260px;font:14px/1.7 Arial,sans-serif;color:#a9c3d2;margin:0}
#magic-atrium{position:relative;height:clamp(350px,42vw,530px);background:linear-gradient(#03112845,#030b1955),url('/assets/worlds/arcanum-city.webp') 65% center/cover;overflow:hidden;isolation:isolate}#magic-atrium canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#magic-atrium:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #020a16c0}.magic-console{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#06111e}.magic-console>span{font:8px/1.8 monospace;letter-spacing:.12em;color:#a4cdd6}.magic-console>div{display:flex;gap:9px}.magic-console button{min-height:44px;padding:12px 17px;font:10px/1.4 Arial,sans-serif;letter-spacing:.06em;border:1px solid #94e2ed70;color:#c4f4f0;background:#0b2332;cursor:pointer}.magic-console button:hover{background:#174454}.magic-console button:focus-visible{outline:2px solid #b2fff0;outline-offset:3px}
@media(max-width:700px){.books-page .sample-hero{padding:42px 12px 34px}.books-page .sample-hero h1{font-size:clamp(35px,9.3vw,48px);margin:18px 0}.books-page .sample-hero .lead{font-size:17px;line-height:1.7;margin-block:20px}.books-page .sample-status{font-size:12px;line-height:1.7}.book-entry-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.book-entry-actions .btn{width:100%;font-size:11px;letter-spacing:.07em;min-height:48px}.magic-experience{margin-bottom:38px;border-radius:8px}.magic-heading{padding:22px;display:block}.magic-heading h2{font-size:29px}.magic-heading>p{max-width:none;margin-top:12px;font-size:13px}#magic-atrium{height:360px}.magic-console{display:block;padding:16px}.magic-console>span{display:block;margin-bottom:13px}.magic-console>div{display:grid;grid-template-columns:1fr 1fr}.magic-console button{font-size:9px;padding:12px 9px}.books-page .network-nav{padding:20px 5vw;gap:18px}.books-page .network-brand{font-size:14px}.books-page .network-links{gap:16px;flex-wrap:wrap}.books-page .network-links a{font-size:10px}.books-page .world-controls{max-width:calc(100vw - 16px)}.books-page .world-controls button:first-child{max-width:210px;text-align:left}}