.atlas-page{background:#f8efcf}.atlas-page .top-strip{background:#202026;color:#f8efcf}.atlas-hero{position:relative;overflow:hidden;background:#191828;color:#fff5dd;padding:55px 6% 60px;background-image:radial-gradient(#aaa0db35 1px,transparent 1px);background-size:8px 8px}.atlas-label{font:11px 'Space Mono',monospace;letter-spacing:2px;color:#ffe341}.atlas-hero h1{display:flex;align-items:center;gap:35px;font-size:clamp(80px,14vw,200px);margin:35px 0;letter-spacing:-5px}.atlas-hero h1 span{transform:skew(-7deg);font-style:normal;text-shadow:5px 5px 0 #191828,7px 7px 0 #fff3d6}.atlas-hero h1 .dc-title{color:#57cafa}.atlas-hero h1 .marvel-title{color:#ff487f}.atlas-hero h1 i{font:900 60px 'Barlow Condensed';color:#ffe341}.atlas-hero h2{font-size:44px}.atlas-hero>p{max-width:580px;color:#d3cddd;margin:22px 0}.atlas-hero .button{color:#191828}.atlas-stamp{position:absolute;right:9%;bottom:65px;background:#ffe341;color:#191828;padding:25px;transform:rotate(9deg);font:900 36px/.9 'Barlow Condensed';border:4px solid #191828;box-shadow:5px 5px 0 #ff487f}.atlas-stamp b{font-size:19px}.atlas-note{max-width:850px;font-size:13px;color:#666052}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.pair-card{border:2px solid #202026;box-shadow:6px 6px 0 #202026;background:#fffaf0;min-width:0}.pair-card>header{display:flex;justify-content:space-between;background:#202026;color:#fff4cf;padding:10px 16px;font:10px 'Space Mono',monospace}.pair-card>header b{color:#ffe341}.versus{display:grid;grid-template-columns:1fr 30px 1fr;align-items:stretch;background:linear-gradient(110deg,#bbddf5 0%,#bbddf5 49%,#fac4d0 49%,#fac4d0 100%);border-bottom:2px solid #202026;padding:22px 18px;gap:8px;min-height:145px}.versus>div:last-child{text-align:right}.versus span{font:9px 'Space Mono',monospace;letter-spacing:1px}.versus h3{font-size:clamp(28px,3vw,42px);margin:10px 0}.versus small{font-size:10px}.versus-mark{align-self:center;font-size:28px;color:#202026}.pair-reasons{padding:20px 22px}.pair-reasons h4{font:700 10px 'Space Mono',monospace;letter-spacing:1px;margin:0 0 8px}.pair-reasons h4:nth-of-type(2){color:#aa2450;margin-top:20px}.pair-reasons p{font-size:13px;margin-bottom:0;line-height:1.7}.pair-sources{border-top:1px solid #d5d0c1;display:flex;justify-content:space-between;gap:15px;padding:14px 22px;font-size:10px}.pair-sources a{text-decoration:underline}.roster-section{background:#ece7d8;border-top:3px solid #202026}.roster-section>p{max-width:950px;font-size:13px}.roster-badge{background:#ff487f;padding:14px;transform:rotate(5deg);font:900 18px 'Barlow Condensed';border:2px solid #202026}#roster-form{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:14px;align-items:end;margin:28px 0}#roster-form label{font:10px 'Space Mono';display:flex;flex-direction:column;gap:8px}#roster-form input,#roster-form select{padding:13px;border:1px solid #202026;background:#fffaf0;min-width:0;width:100%;height:47px;font:13px 'DM Sans'}#roster-form .button{height:47px}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.roster-grid article{background:#fffaf0;border:1px solid #bbb4a1;padding:15px;display:flex;flex-direction:column;gap:9px}.roster-grid a{font:700 23px 'Barlow Condensed';overflow-wrap:anywhere}.roster-grid small{font:9px 'Space Mono';color:#766b57}.roster-grid span{font-size:10px;color:#766b57}.roster-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0}.roster-pagination span{font:10px 'Space Mono'}
@media(max-width:760px){.atlas-hero h1{gap:15px;letter-spacing:-2px;font-size:clamp(62px,15vw,112px)}.atlas-hero h1 i{font-size:35px}.atlas-hero h2{font-size:36px}.atlas-stamp{display:none}.pair-grid{grid-template-columns:1fr}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#roster-form{grid-template-columns:1fr 1fr}.atlas-page .section-heading{flex-wrap:wrap}.atlas-page .search-box{width:100%}.atlas-page nav{white-space:normal}.atlas-page nav a{min-width:90px}.roster-pagination .button{font-size:8px;padding:12px}}
.character-portrait{display:block;margin:-10px -3px 16px;background:#191828;color:#fff4cf;border:2px solid #202026;text-align:left;overflow:hidden}.character-portrait img{display:block;width:100%;height:260px;object-fit:cover;object-position:center top}.character-portrait small{display:block;padding:7px;font:8px 'Space Mono',monospace}.portrait-missing{min-height:288px;display:flex;align-items:center;justify-content:center;text-align:center;font:10px 'Space Mono',monospace;color:#514661;background:repeating-linear-gradient(135deg,#ffffff33 0 10px,transparent 10px 20px);margin-bottom:16px}.versus>div{min-width:0}@media(max-width:480px){.character-portrait img{height:200px}.portrait-missing{min-height:228px}}