header{border:0;pointer-events:none}header a{pointer-events:auto}.books-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.book-entry .book-art{width:60%;margin:25px auto 60px}.book-entry h3{font:42px Georgia;margin:0}.book-entry p{color:var(--muted)}.book-entry .book-subtitle{font:italic 23px Georgia;color:var(--gold)}.book-entry .actions{gap:20px;align-items:flex-start;flex-direction:column}.books-section{position:relative}.character-layout{display:block;position:relative}.character-picker{width:100%}.carousel-top{max-width:700px;margin:0 auto}.character-carousel{height:530px;position:relative;display:block;overflow:hidden;perspective:1500px;touch-action:pan-y;cursor:grab;user-select:none;padding:0;scroll-snap-type:none}.character-carousel:active{cursor:grabbing}.character-option{position:absolute;left:50%;top:45px;width:260px;margin-left:-130px;transform:translateX(calc(var(--offset)*185px + var(--drag,0px))) translateZ(calc(var(--distance)*-140px)) rotateY(calc(var(--offset)*-22deg)) scale(calc(1 - var(--distance)*.07));transition:transform .5s,opacity .5s;transform-style:preserve-3d;opacity:1}.mini-card{overflow:visible;transform-style:preserve-3d;background:#151519;box-shadow:4px 5px #444,8px 9px #151515,0 30px 40px #000}.mini-background{border-radius:8px}.mini-person{inset:18% 15%;width:70%;height:64%;transform:translateZ(48px);filter:drop-shadow(9px 13px 5px #000c)}.mini-name{transform:translateZ(9px);font-size:15px}.mini-footer{transform:translateZ(9px);font-size:6px}.option-caption{text-align:center}.character-picker>.small-note{text-align:center}.character-expanded[hidden]{display:none}.detail-open .character-picker{display:none}.character-expanded{max-width:890px;margin:0 auto;grid-template-columns:42% 1fr;gap:6%}.selected-card-slot{width:100%;margin:0}.character-layer{inset:19% 15%;width:70%;height:62%;transform:translateZ(100px);filter:drop-shadow(16px 26px 8px #000d)}.card-name,.card-footer{transform:translateZ(30px)}.card-issue{transform:translateZ(20px)}#close-character{grid-column:1/-1;justify-self:start;margin:0 0 30px}.character-detail h3{font-size:40px}#character-description{font-size:14px}.character-detail dl{font-size:11px}.character-detail{max-width:400px}.upcoming-image{aspect-ratio:4/5}.upcoming-image>img:first-child{filter:none}#world-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:7;pointer-events:none}#portal-crossing{position:fixed;left:50%;top:50%;width:65vw;height:85vh;border:7px double #70d8ea;border-radius:50%;box-shadow:0 0 50px #58c3ee88,inset 0 0 50px #58c3ee77;transform:translate(-50%,-50%) scale(2);opacity:0;z-index:8;pointer-events:none}.mast{position:absolute;width:90px;height:175px;pointer-events:none;opacity:.65;right:2%;top:70px;z-index:1}.mast-head{position:absolute;left:20%;top:0;width:60%;height:31px;background:#24232b;border-top:6px solid #111;box-shadow:0 4px 0 #08090b}.mast-lens{position:absolute;left:50%;top:15px;width:6px;height:6px;border-radius:50%;background:#ff776e;box-shadow:0 0 15px 5px #e52f3377;transform:translate(-50%,-50%)}.mast:before,.mast:after{content:'';position:absolute;top:28px;height:145px;width:8px;background:#1f2027;box-shadow:15px 0 #12141b}.mast:before{left:29%;transform:rotate(10deg)}.mast:after{right:29%;transform:rotate(-10deg)}.characters-section,.upcoming{position:relative}.upcoming .mast{top:-50px;right:8%;transform:scale(.8)}#reader-dialog{width:96vw;max-width:1300px;height:94svh;padding:45px 0 0;border:1px solid #74634b;background:#08090b;overflow:hidden}#reader-dialog::backdrop{background:#000e}#reader-dialog iframe{width:100%;height:100%;border:0}#close-reader{position:absolute;top:8px;right:15px;background:none;border:1px solid #77694f;padding:5px 12px}.motion-paused #portal-crossing{display:none}
@media(max-width:700px){.books-grid{grid-template-columns:1fr;gap:85px}.book-entry .book-art{max-width:250px;width:64%}.character-carousel{height:430px;margin-inline:-7vw}.character-option{width:210px;margin-left:-105px;transform:translateX(calc(var(--offset)*130px + var(--drag,0px))) translateZ(calc(var(--distance)*-110px)) rotateY(calc(var(--offset)*-28deg))}.character-expanded{grid-template-columns:1fr;gap:25px}.selected-card-slot{width:75%;max-width:270px;margin:auto}.character-detail{max-width:none}.mini-name{font-size:12px}.mini-footer{font-size:5px}.character-layer{transform:translateZ(70px)}.mast{width:60px;height:150px;opacity:.5;right:0}.mast:before,.mast:after{height:120px}.card-controls{font-size:7px}.scene-coordinate{font-size:6px}.upcoming .mast{top:-10px}.books-section h2{max-width:85%}#portal-crossing{width:90vw}.card-name{font-size:13px}}
#portal-crossing{transition:opacity .35s}.detail-open .selected-card-slot{animation:arrive-left .55s ease both}.detail-open .character-detail{animation:bio-reveal .55s ease both}@keyframes arrive-left{from{transform:translateX(50%) rotateY(15deg)}to{transform:none}}@keyframes bio-reveal{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
body{overflow-x:clip}.character-carousel{scrollbar-width:none}
.battlefield{background-image:url('../assets/images/world/battlefield_earth_portal.png')}
@media(prefers-reduced-motion:reduce){#portal-crossing{display:none}.character-option{transition:none}}

.selected-card-slot{perspective:800px}