.sheet{transition:max-width .28s ease}
.sheet[data-view="references"]{max-width:740px}
.panel-stage{position:relative;overflow:hidden;isolation:isolate}
.card-panel[hidden]{display:none!important}
.card-panel{width:100%}
.card-panel:not(.active){position:absolute;inset:0}
.detail-panel{height:100%;display:flex;flex-direction:column;gap:16px}
.panel-copy{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#91a4bd #ffffff0a;padding-right:9px;flex:1;min-height:0;touch-action:pan-y pinch-zoom}
.detail-panel h2{font:700 25px/1.2 'Karbon Comic',Arial,sans-serif;margin:0 0 16px;color:#f4f7fc}
.detail-panel h3{font-size:14px;margin:20px 0 10px;color:#e2c98c}
.detail-panel p,.detail-panel li{font:13px/1.65 Arial,sans-serif;color:#d8e1ed}
.detail-panel p{margin:0 0 13px}.detail-panel ul{padding-left:19px}.detail-panel li{margin-bottom:12px}
.detail-panel a{color:#e7d396;text-underline-offset:3px}
.detail-panel .policy-note,.reference-note{font-size:11px;color:#b5c3d6}
.document-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #ffffff25;flex-shrink:0}
.document-link{font:12px/1.4 Arial,sans-serif;padding:10px 0;min-height:40px}
.legal-toggle{margin-top:13px;width:100%;--button:#657487;--hover:#798ba2;cursor:pointer}
.references{--button:#7c659d;--hover:#9075b4;cursor:pointer;width:100%}.archive{--button:#427c72;--hover:#529488}
.nav-symbol{font:22px/1 Arial,sans-serif;width:23px;text-align:center}
.art-panel{text-align:center}.reference-placeholder{flex:1;min-height:180px;border:1px dashed #9eb5ca88;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:linear-gradient(145deg,#9bb0cc12,#101c301c)}
.reference-placeholder svg{width:min(200px,65%);fill:none;stroke:#b9cda9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reference-placeholder strong{font:700 27px 'Karbon Comic',Arial,sans-serif;color:#e2c98c;margin:18px 0 8px}
.reference-placeholder p{margin:0}.art-panel .reference-note{margin:0}
@media(prefers-reduced-motion:reduce){.sheet{transition:none}}
#menu-toggle{display:none;position:fixed;z-index:10;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);align-items:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid #b4c5dc66;border-radius:999px;background:#1b2a40f2;color:#f4f7fc;font:600 12px/1.2 Arial,sans-serif;box-shadow:0 3px 18px #0004;cursor:pointer;touch-action:manipulation;white-space:nowrap}
#menu-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
#menu-toggle[aria-expanded="false"] svg{transform:rotate(180deg)}
.sheet[hidden]{display:none!important}
@media(max-width:760px),(pointer:coarse){#menu-toggle{display:flex}.space-page{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}

.link.merch{gap:8px;padding-inline:12px}.link .merch-label{display:inline;white-space:nowrap;letter-spacing:1px}.link .merch-label small{font:11px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none}