/* A colourful pixel archive: warm paper and ink frame the untouched source artwork. */
.atlas-dossier,.atlas-profile{
 --dossier-ink:var(--px-ink,#26324a);--dossier-muted:var(--px-muted,#565f70);
 --dossier-rule:var(--px-line,#c8cbd2);--dossier-paper:var(--px-paper,#f7f3e9);
 --dossier-blue:var(--px-ink,#26324a);--dossier-panel:var(--px-surface,#fffdf7);
 --dossier-frame:var(--px-ink,#26324a);--dossier-night:var(--px-ink,#26324a);
 --dossier-light:var(--px-paper,#f7f3e9);color:var(--px-ink,#26324a);
}
.atlas-dossier .experience-title{border-bottom-color:var(--px-line)}
.atlas-dossier .experience-title h1{color:var(--px-ink);text-shadow:none}
.atlas-dossier .experience-eyebrow{color:var(--px-muted)}
.atlas-dossier .experience-eyebrow:before{background:var(--px-coral);box-shadow:7px 0 0 var(--px-blue),0 7px 0 var(--px-mint),7px 7px 0 var(--px-gold)}
.atlas-dossier .original-game-name{color:var(--px-muted)}
.atlas-dossier .version-label{background:var(--px-gold);color:var(--px-ink);border-color:var(--px-line);box-shadow:none}

/* A navy media bezel pairs with a pale-blue passport. Source images retain their colour. */
.atlas-dossier .dossier-exhibit{background:var(--px-ink);border:3px solid var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-dossier .dossier-exhibit:before{display:none}
.atlas-dossier .game-media{background:var(--px-ink);border-color:var(--px-ink);box-shadow:none}
.atlas-dossier .game-media-stage{background:var(--px-ink)}
.atlas-dossier .media-fallback{background:var(--px-paper);color:var(--px-ink)}
.atlas-dossier .media-fallback small{color:var(--px-muted)}
.atlas-dossier .game-media-toolbar{background:var(--px-ink);color:var(--px-paper)}
.atlas-dossier .media-position{color:var(--px-paper)}
.atlas-dossier .game-media-toolbar button{background:var(--px-blue);color:var(--px-ink);border-color:var(--px-blue);box-shadow:2px 2px 0 color-mix(in srgb,var(--px-ink) 70%,#000)}
.atlas-dossier .game-media-toolbar button:hover{background:var(--px-gold);color:var(--px-ink);border-color:var(--px-gold)}
.atlas-dossier .game-media-toolbar button:active{background:var(--px-coral);box-shadow:none}
.atlas-dossier .media-expand{background:var(--px-ink);color:var(--px-paper);border-color:var(--px-paper);box-shadow:2px 2px 0 #26324a44}
.atlas-dossier .media-expand:hover{background:var(--px-ink)}
.atlas-dossier .media-play-symbol{background:var(--px-coral);color:var(--px-ink);border-color:var(--px-ink);box-shadow:2px 2px 0 #26324a66}
.atlas-dossier .media-play-symbol:before,.atlas-dossier .media-play-symbol:after{background:var(--px-gold)}
.atlas-dossier .media-play>span:last-child{color:var(--px-paper);background:var(--px-ink);padding:6px 12px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;max-width:calc(100% - 24px)}
.atlas-dossier .game-media-thumbs{background:var(--px-ink)}
.atlas-dossier .game-media-thumbs button{border-color:color-mix(in srgb,var(--px-blue) 40%,var(--px-ink));background:var(--px-ink)}
.atlas-dossier .game-media-thumbs button[aria-pressed=true]{border-color:var(--px-gold);box-shadow:2px 2px 0 var(--px-ink)}
.atlas-dossier .game-media-thumbs button:focus-visible{outline-color:var(--px-gold)}
.atlas-dossier .media-thumb-fallback{background:var(--px-blue);color:var(--px-ink)}
.atlas-dossier .thumb-play{background:#26324a99;color:var(--px-paper)}
.atlas-dossier .game-media-empty{background:var(--px-paper);border-color:var(--px-line);color:var(--px-ink)}
.atlas-dossier .dossier-passport{background:var(--px-blue);color:var(--px-ink);padding:12px 16px;box-shadow:none}
.atlas-dossier .dossier-passport-art{background:none;border-bottom-color:var(--px-line)}
.atlas-dossier .dossier-passport-art:before{background:none}
.atlas-dossier .dossier-passport-art>span,.atlas-dossier .dossier-passport-art>.cover-image-fallback{color:var(--px-ink)}
.atlas-dossier .dossier-cover{box-shadow:2px 2px 0 #26324a44}
.atlas-dossier .dossier-passport-label,.atlas-dossier .dossier-passport dt{color:var(--px-ink)}
.atlas-dossier .dossier-passport dd,.atlas-dossier .dossier-passport-platforms a,.atlas-dossier .dossier-passport-platforms button{color:var(--px-ink)}
.atlas-dossier .dossier-passport-platforms a:hover{color:var(--px-ink);border-color:var(--px-ink)}
.atlas-dossier .dossier-passport-score{border-top-color:var(--px-line)}
.atlas-dossier .dossier-passport-score>strong,.atlas-dossier .dossier-passport-score>div{color:var(--px-ink)}
.atlas-dossier .dossier-passport-score small{color:var(--px-ink)}

/* Chapters and related records share the page's neutral surface. */
.atlas-dossier .dossier-navigation{border-bottom-color:var(--px-line)}
.atlas-dossier .dossier-navigation>span{color:var(--px-muted)}
.atlas-dossier .dossier-navigation button{background:var(--px-surface);border-color:var(--px-line);color:var(--px-ink);box-shadow:none}
.atlas-dossier .dossier-navigation button:hover,.atlas-dossier .dossier-navigation button.is-active{background:var(--px-mint);border-color:var(--px-ink);color:var(--px-ink);box-shadow:none}
.atlas-dossier .dossier-chapter{border-bottom-color:var(--px-line)}
.atlas-dossier .dossier-chapter-number{background:var(--px-gold);color:var(--px-ink);border-color:var(--px-line);box-shadow:none}
:is(.atlas-dossier,.atlas-profile) .source-copy{color:var(--px-ink)}
:is(.atlas-dossier,.atlas-profile) :is(.source-prose-toggle,.content-fold-toggle,.values-expand,[data-values-expand]){color:var(--px-ink)}
:is(.atlas-dossier,.atlas-profile) .record-values dt{color:var(--px-muted)}
:is(.atlas-dossier,.atlas-profile) .record-values dd{color:var(--px-ink)}
.atlas-dossier .tag-links a,.atlas-dossier .field-links a,.atlas-profile .field-links a{background:var(--px-surface);border-color:var(--px-line);color:var(--px-ink)}
.atlas-dossier .tag-links a:hover,.atlas-dossier .field-links a:hover,.atlas-profile .field-links a:hover{background:var(--px-lilac);border-color:var(--px-ink);color:var(--px-ink);box-shadow:none}
.atlas-dossier .studio-link{background:var(--px-surface);border-color:var(--px-line);color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-dossier .studio-link:hover{background:color-mix(in srgb,var(--px-lilac) 45%,var(--px-surface));border-color:var(--px-ink);box-shadow:1px 1px 0 var(--px-shadow)}
.atlas-dossier .studio-link-logo{background:#fff;border-color:var(--px-line)}
.atlas-dossier .studio-link .studio-link-arrow{color:var(--px-ink)}
.atlas-dossier :is(.dossier-section-head,.dossier-chapter-heading) :is(h2,h3),.atlas-profile :is(.atlas-portfolio-heading,.other-work-heading) h2{color:var(--px-ink)}
:is(.atlas-dossier,.atlas-profile) :is(.source-links>a,.more-values>summary,.source-missing,.subtle-note){color:var(--px-muted);border-color:var(--px-line);text-decoration-color:var(--px-ink)}
:is(.atlas-dossier,.atlas-profile) .source-links>a:hover{color:var(--px-ink);border-color:var(--px-ink)}
:is(.atlas-dossier,.atlas-profile) .unknown-value{color:var(--px-muted)!important}
:is(.atlas-dossier,.atlas-profile) :is(.profile-records,.profile-description,.data-group){border-color:var(--px-line)}
:is(.atlas-dossier,.atlas-profile) .data-group[open]>summary{background:var(--px-paper);border-color:var(--px-line)}
:is(.atlas-dossier,.atlas-profile) .table-scroll{background:var(--px-surface);border-color:var(--px-line)}
:is(.atlas-dossier,.atlas-profile) .info-table th{background:var(--px-paper);color:var(--px-ink)}
:is(.atlas-dossier,.atlas-profile) .info-table :is(th,td){border-color:var(--px-line);color:var(--px-ink)}

/* Coral, mint and gold distinguish the score sources without changing their values. */
.atlas-dossier .dossier-rating-card{--meter-color:var(--px-coral);background:color-mix(in srgb,var(--px-coral) 12%,var(--px-surface));border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-dossier .dossier-rating-card.score-1{--meter-color:var(--px-mint);background:color-mix(in srgb,var(--px-mint) 18%,var(--px-surface))}
.atlas-dossier .dossier-rating-card.score-2{--meter-color:var(--px-gold);background:color-mix(in srgb,var(--px-gold) 15%,var(--px-surface))}
.atlas-dossier .dossier-rating-dial .rating-dial-track{stroke:var(--px-line)}
.atlas-dossier .dossier-rating-card .rating-dial-value{stroke:var(--meter-color)}
.atlas-dossier .pixel-score-value{color:var(--px-ink)}
.atlas-dossier .pixel-score-value small{color:var(--px-muted)}
.atlas-dossier .pixel-score-cells{background:var(--px-surface);border-color:var(--px-ink)}
.atlas-dossier .pixel-score-cells>span{background:linear-gradient(90deg,var(--meter-color) var(--cell-fill),var(--px-surface) var(--cell-fill))}
.atlas-dossier .dossier-rating-card figcaption{color:var(--px-ink)}
.atlas-dossier .dossier-rating-card figcaption small{color:var(--px-muted)}
.atlas-dossier .data-chart{background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-dossier .data-chart figcaption,.atlas-dossier .chart-row-label strong{color:var(--px-ink)}
.atlas-dossier .chart-row-label,.atlas-dossier .chart-row>p,.atlas-dossier .chart-scale{color:var(--px-muted)}
.atlas-dossier .chart-track{border-color:var(--px-line);background:repeating-linear-gradient(90deg,var(--px-surface) 0 2px,color-mix(in srgb,var(--px-blue) 35%,var(--px-paper)) 2px 12px)}
.atlas-dossier .chart-bar{background:var(--px-coral)}
.atlas-dossier .chart-bar.shade-1{background:var(--px-mint)}
.atlas-dossier .chart-bar.shade-2{background:var(--px-gold)}
.atlas-dossier :is(.release-platform,.multiplayer-card,.localization-grid article,.character-grid>a,.version-feature-list article){background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-ink)}
.atlas-dossier .release-platform li{border-top-color:var(--px-line)}
.atlas-dossier .release-platform li:before{background:var(--px-ink)}
.atlas-dossier .release-platform li time,.atlas-dossier .multiplayer-card strong{color:var(--px-ink)}
.atlas-dossier :is(.release-platform li span,.release-platform li small,.multiplayer-card p,.multiplayer-card span,.version-feature-list p,.version-feature-list span){color:var(--px-muted)}
.atlas-dossier :is(.platform-heading-icon,.language-support-type){color:var(--px-ink)}
.atlas-dossier .language-support-type.is-unrecorded{color:var(--px-muted)}
.atlas-dossier .language-support-card{border-color:var(--px-line);color:var(--px-ink)}
.atlas-dossier .age-card{background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-dossier .age-card>span{color:var(--px-muted)}
.atlas-dossier .age-fallback{background:var(--px-paper);border-color:var(--px-line);color:var(--px-ink)}
.atlas-dossier .current-game-marker{background:var(--px-gold);color:var(--px-ink);border-color:var(--px-ink)}
.atlas-dossier .series-item.is-current .poster{outline-color:var(--px-ink)}
.atlas-dossier .reference-links>a,.atlas-profile .reference-links>a{background:var(--px-surface);border-color:var(--px-line);color:var(--px-ink);box-shadow:none}
.atlas-dossier .reference-links>a:hover,.atlas-profile .reference-links>a:hover{background:var(--px-blue);border-color:var(--px-ink);color:var(--px-ink)}
.atlas-dossier .reference-links .ui-icon,.atlas-profile .reference-links .ui-icon{color:var(--px-ink)}

/* A lilac archive cover adds colour while company logos keep their white canvas. */
.atlas-profile .studio-header{background:var(--px-lilac);border:2px solid var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-ink)}
.atlas-profile .studio-header:before{background:none!important;opacity:0!important}
.atlas-profile .studio-logo{border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);background:#fff}
.atlas-profile .studio-logo .logo-image-fallback{color:var(--px-muted)}
.atlas-profile .studio-title .section-kicker{color:var(--px-ink)}
.atlas-profile .studio-header h1{color:var(--px-ink);text-shadow:none}
.atlas-profile .profile-original-name,.atlas-profile .studio-meta{color:var(--px-ink)}
.atlas-profile .profile-orbit{stroke:var(--px-ink);opacity:.1}
.atlas-profile .profile-orbit-point{fill:var(--px-ink)}
.atlas-profile .profile-ledger{border-bottom-color:var(--px-line)}
.atlas-profile .profile-ledger>div{border-right-color:var(--px-line)}
.atlas-profile .profile-ledger strong{color:var(--px-ink)}
.atlas-profile .profile-ledger span{color:var(--px-muted)}
.atlas-profile .profile-context{border-color:var(--px-line)}
.atlas-profile .profile-section-label{color:var(--px-muted)}
.atlas-profile .portfolio-timeline{background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-profile .portfolio-timeline figcaption{color:var(--px-ink)}
.atlas-profile .timeline-column{border-bottom-color:var(--px-line)}
.atlas-profile .timeline-column>span{background-color:var(--px-blue);background-image:repeating-linear-gradient(0deg,transparent 0 9px,var(--px-surface) 9px 11px);border-color:var(--px-line)}
.atlas-profile .timeline-year:nth-child(3n+2) .timeline-column>span{background-color:var(--px-mint)}
.atlas-profile .timeline-year:nth-child(3n) .timeline-column>span{background-color:var(--px-coral)}
.atlas-profile .timeline-year:hover .timeline-column>span,.atlas-profile .timeline-year:focus .timeline-column>span{background-color:var(--px-gold);border-color:var(--px-ink);background-image:repeating-linear-gradient(0deg,transparent 0 9px,var(--px-surface) 9px 11px)}
.atlas-profile .timeline-year time,.atlas-profile .timeline-column small{color:var(--px-muted)}
.atlas-profile .timeline-column strong{color:var(--px-ink)}
.atlas-profile .portfolio-roles{border-bottom-color:var(--px-line)}
.atlas-profile .portfolio-roles a{background:var(--px-surface);border-color:var(--px-line);color:var(--px-muted)}
.atlas-profile .portfolio-roles a.active{background:var(--px-mint);border-color:var(--px-ink);color:var(--px-ink);box-shadow:none}
.atlas-profile .portfolio-toolbar p{color:var(--px-muted)}
.atlas-profile .portfolio-toolbar p strong{color:var(--px-ink)}
.atlas-profile .portfolio-toolbar nav{background:var(--px-surface);border-color:var(--px-line);box-shadow:none}
.atlas-profile .portfolio-toolbar nav a{color:var(--px-muted)}
.atlas-profile .portfolio-toolbar nav a.active{background:var(--px-gold);color:var(--px-ink)}
.atlas-profile .portfolio-series-select select{background-color:var(--px-surface);border-color:var(--px-line);color:var(--px-ink)}
.atlas-profile .portfolio-directory{border-bottom-color:var(--px-line)}
.atlas-profile .portfolio-directory>summary{color:var(--px-ink)}
.atlas-profile .series-directory-links>a{border-bottom-color:var(--px-line);color:var(--px-ink)}
.atlas-profile .series-directory-links>a:hover{background:var(--px-blue)}
.atlas-profile .series-directory-links small{color:var(--px-muted)}
.atlas-profile .portfolio-filter{background:color-mix(in srgb,var(--px-blue) 40%,var(--px-surface));border-color:var(--px-line);color:var(--px-ink)}
.atlas-profile .series-expansion{border-color:var(--px-line)}
.atlas-profile .collection-connections>a{background:var(--px-surface);border-color:var(--px-line);color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-profile .collection-connections>a:hover{background:var(--px-lilac);border-color:var(--px-ink);box-shadow:1px 1px 0 var(--px-shadow)}

@media(max-width:860px){
 .atlas-dossier .dossier-passport{border-top:2px solid var(--px-line);margin-top:8px;padding:16px}
 .atlas-dossier .dossier-passport-art{background:none}
}
@media(max-width:560px){
 .atlas-dossier .experience-eyebrow:before{box-shadow:5px 0 0 var(--px-blue),0 5px 0 var(--px-mint),5px 5px 0 var(--px-gold)}
 .atlas-dossier .dossier-exhibit,.atlas-profile .studio-header{box-shadow:2px 2px 0 var(--px-shadow)}
 .atlas-dossier .dossier-passport{padding:14px}
 .atlas-dossier .media-play-symbol{box-shadow:2px 2px 0 #26324a66}
 .atlas-dossier .dossier-rating-card{box-shadow:2px 2px 0 var(--px-shadow)}
}