/* Colourful pixel browsing: warm paper, navy outlines, and a restrained pastel palette. */
.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar{
  --atlas-ink:var(--px-ink,#26324a);--atlas-paper:var(--px-paper,#f7f3e9);
  --atlas-muted:var(--px-muted,#4b5669);--atlas-rule:var(--px-line,#b9bdc5);--atlas-blue:var(--px-ink,#26324a);
  color:var(--px-ink,#26324a);
}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) .atlas-browse-intro h1{color:var(--px-ink);text-shadow:none}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) .atlas-intro-copy>.atlas-eyebrow{color:var(--px-muted)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) .atlas-intro-copy>.atlas-eyebrow:before{background:var(--px-ink);box-shadow:7px 0 var(--px-mint),0 7px var(--px-mint),7px 7px var(--px-ink)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) :is(.atlas-browse-intro p,.atlas-section-heading p,.atlas-page-range,.atlas-data-caption){color:var(--px-muted)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) :is(.atlas-library-callout,.atlas-upcoming-total,.atlas-calendar-count){background:var(--px-gold);border:2px solid var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-upcoming .atlas-upcoming-total{background:var(--px-mint)}
.atlas-calendar .atlas-calendar-count{background:var(--px-blue)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) :is(.atlas-library-callout>span,.atlas-library-callout small,.atlas-library-callout b,.atlas-upcoming-total span,.atlas-calendar-count span){color:var(--px-ink)}
.atlas-discovery .atlas-library-callout:hover{background:var(--px-coral);border-color:var(--px-ink);box-shadow:1px 1px 0 var(--px-shadow)}

/* Full-colour artwork with a sky-blue caption and coral selection controls. */
.atlas-discovery .atlas-discovery-hero.hero{border:3px solid var(--px-ink);background:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-surface)}
.atlas-discovery .atlas-discovery-hero.hero:before{display:none}
.atlas-discovery .atlas-discovery-hero:after{background:none}
.atlas-discovery .atlas-discovery-hero .hero-copy{background:var(--px-blue);border:2px solid var(--px-ink);box-shadow:2px 2px 0 #26324a22;color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-copy h2{color:var(--px-ink);text-shadow:none}
.atlas-discovery .atlas-discovery-hero .hero-tag{background:transparent;border-color:var(--px-ink);color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-meta{color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-index{color:var(--px-surface);border-color:var(--px-surface);background:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-controls{border-top:2px solid var(--px-ink);background:var(--px-surface)}
.atlas-discovery .atlas-discovery-hero .hero-controls button{color:var(--px-ink);background:var(--px-surface);border-top:2px solid transparent}
.atlas-discovery .atlas-discovery-hero .hero-controls button+button{border-left-color:var(--px-line)}
.atlas-discovery .atlas-discovery-hero .hero-controls button small{color:var(--px-muted)}
.atlas-discovery .atlas-discovery-hero .hero-controls button.selected{background:var(--px-coral);border-top-color:var(--px-ink);color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-controls button.selected small{color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-controls button:hover{background:var(--px-blue);color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero .hero-controls button.selected:hover{background:var(--px-coral)}
.atlas-discovery .atlas-discovery-hero .hero-controls button:hover small{color:var(--px-muted)}
.atlas-discovery .atlas-discovery-hero .hero-controls button.selected:hover small{color:var(--px-ink)}
.atlas-discovery .atlas-live-chart{background:var(--px-lilac);border:2px solid var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-discovery .atlas-live-chart>header{border-bottom-color:var(--px-line)}
.atlas-discovery .atlas-live-chart :is(.atlas-small-rank,.atlas-chart-index,.atlas-chart-copy>strong,.atlas-live-chart h2){color:var(--px-ink)}
.atlas-discovery .atlas-live-chart :is(.atlas-eyebrow,.atlas-chart-copy>small,footer){color:var(--px-muted)}
.atlas-discovery .atlas-live-chart :is(li+li,footer,li:nth-child(2)){border-color:var(--px-line)}
.atlas-discovery .atlas-live-chart li>a:hover .atlas-chart-copy>strong{color:var(--px-ink)}
.atlas-discovery .atlas-mini-cover{border-color:var(--px-line);background:var(--px-paper)}
.atlas-discovery .atlas-chart-track{background-color:var(--px-surface);background-image:repeating-linear-gradient(90deg,transparent 0 10px,var(--px-lilac) 10px 12px)}
.atlas-discovery .atlas-chart-track i{background:var(--px-ink)}

/* Four discovery routes use mint, sky, gold, and lilac while sharing the same pixel frame. */
.atlas-discovery .atlas-coordinate-nav a,.atlas-discovery .atlas-coordinate-nav a+a,.atlas-discovery .atlas-coordinate-nav a:nth-child(n){background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-ink)}
.atlas-discovery .atlas-coordinate-nav a:nth-child(1){background:var(--px-mint)}
.atlas-discovery .atlas-coordinate-nav a:nth-child(2){background:var(--px-blue)}
.atlas-discovery .atlas-coordinate-nav a:nth-child(3){background:var(--px-gold)}
.atlas-discovery .atlas-coordinate-nav a:nth-child(4){background:var(--px-lilac)}
.atlas-discovery .atlas-coordinate-nav span{color:var(--px-muted)}
.atlas-discovery .atlas-coordinate-nav b{color:var(--px-ink)}
.atlas-discovery .atlas-coordinate-nav a:nth-child(n):hover{background:var(--px-surface);border-color:var(--px-ink);color:var(--px-ink);box-shadow:1px 1px 0 var(--px-shadow)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) .atlas-section-heading{border-bottom-color:var(--px-line)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) .atlas-section-number{background:var(--px-surface);border-color:var(--px-line);box-shadow:none;color:var(--px-muted)}
.atlas-discovery .atlas-shelf-rank{background:var(--px-gold);border-color:var(--px-ink);color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-discovery .atlas-recent-card{border-color:var(--px-line);background:var(--px-surface);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-discovery .atlas-recent-art{border-bottom-color:var(--px-line);background:var(--px-paper)}
.atlas-discovery .atlas-recent-art:after{background:none}
.atlas-discovery .atlas-recent-art time{background:var(--px-mint);color:var(--px-ink);border-color:var(--px-line)}
.atlas-discovery .atlas-recent-art>span{background:var(--px-ink);border-color:var(--px-surface);color:var(--px-surface)}
.atlas-discovery .atlas-recent-copy>span{color:var(--px-muted)}
.atlas-discovery .atlas-recent-card:hover{border-color:var(--px-ink);box-shadow:1px 1px 0 var(--px-shadow)}
.atlas-discovery .atlas-next-section{background:var(--px-mint);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-discovery .atlas-next-section .atlas-section-heading{border-bottom-color:var(--px-line)}
.atlas-discovery .atlas-next-section .atlas-section-number{background:var(--px-surface)}
.atlas-discovery .atlas-next-cover{border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);background:var(--px-paper)}
.atlas-discovery .atlas-next-card{border-top-color:var(--px-line)}
.atlas-discovery .atlas-next-copy :is(.atlas-eyebrow,time),.atlas-discovery .atlas-next-interest{color:var(--px-muted)}
.atlas-discovery .atlas-next-interest strong{color:var(--px-ink)}
.atlas-discovery .atlas-next-card:hover h3{color:var(--px-ink)}
.atlas-discovery .atlas-journey{background:var(--px-lilac);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-ink)}
.atlas-discovery .atlas-journey:before{background:url('/assets/decor/color-pixel-world.svg') left bottom/560px auto no-repeat;opacity:.06}
.atlas-discovery .atlas-journey-heading .atlas-eyebrow{color:var(--px-muted)}
.atlas-discovery .atlas-journey-heading p,.atlas-discovery .atlas-journey-links :is(p,a>div>span){color:var(--px-muted)}
.atlas-discovery .atlas-journey-links>a{border-color:var(--px-line)}
.atlas-discovery .atlas-journey-links strong{color:var(--px-ink)}
.atlas-discovery .atlas-journey-links b{color:var(--px-ink)}
.atlas-discovery .atlas-journey-links>a:hover strong{color:var(--px-ink)}
.atlas-discovery .atlas-journey-icon{border-color:var(--px-line);background:var(--px-surface);color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-discovery .atlas-journey-links>a:nth-child(1) .atlas-journey-icon{background:var(--px-mint)}
.atlas-discovery .atlas-journey-links>a:nth-child(2) .atlas-journey-icon{background:var(--px-gold)}
.atlas-discovery .atlas-journey-links>a:nth-child(3) .atlas-journey-icon{background:var(--px-blue)}

/* Gold rank markers and navy pixel meters keep rankings distinct and legible. */
.atlas-rankings .atlas-intro-mark{color:var(--px-gold);-webkit-text-stroke-color:var(--px-ink);text-shadow:none}
.atlas-rankings .atlas-intro-mark span{color:var(--px-muted)}
:is(.atlas-rankings,.atlas-upcoming,.atlas-calendar) :is(.atlas-chart-tools,.atlas-upcoming-tools,.atlas-calendar-toolbar){background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
:is(.atlas-rankings,.atlas-upcoming) :is(.atlas-chart-tools label,.atlas-upcoming-tools label,.atlas-chart-tools>div>span,.atlas-chart-tools>p){color:var(--px-muted)}
:is(.atlas-rankings,.atlas-upcoming) :is(.atlas-chart-tools select,.atlas-upcoming-tools select){background-color:var(--px-surface);border-color:var(--px-line);color:var(--px-ink);box-shadow:none}
.atlas-rankings .atlas-podium-card{background:var(--px-surface);border:3px solid var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-ink)}
.atlas-rankings .atlas-podium-card:after{background:none}
.atlas-rankings .atlas-podium-rank,.atlas-rankings .atlas-podium-lead .atlas-podium-rank{background:var(--px-gold);color:var(--px-ink);border-color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-rankings .atlas-podium-arrow{background:var(--px-surface);color:var(--px-ink);border:1px solid var(--px-line)}
.atlas-rankings .atlas-podium-copy{background:var(--px-surface);border-top-color:var(--px-line);color:var(--px-ink)}
.atlas-rankings .atlas-podium-card:nth-child(1) .atlas-podium-copy{background:var(--px-blue)}
.atlas-rankings .atlas-podium-card:nth-child(2) .atlas-podium-copy{background:var(--px-mint)}
.atlas-rankings .atlas-podium-card:nth-child(3) .atlas-podium-copy{background:var(--px-lilac)}
.atlas-rankings .atlas-podium-copy :is(h2,strong){color:var(--px-ink)}
.atlas-rankings .atlas-podium-copy>p,.atlas-rankings .atlas-podium-value>span{color:var(--px-muted)}
.atlas-rankings .atlas-podium-bar{background-color:var(--px-gold);background-image:repeating-linear-gradient(90deg,transparent 0 10px,var(--px-surface) 10px 12px)}
.atlas-rankings .atlas-podium-bar i{background:var(--px-ink)}
.atlas-rankings .atlas-chart-list li{background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-rankings .atlas-chart-list li>a:hover{background:var(--px-blue)}
.atlas-rankings :is(.atlas-list-rank,.atlas-list-value strong){color:var(--px-ink)}
.atlas-rankings .atlas-list-arrow{color:var(--px-ink)}
.atlas-rankings :is(.atlas-list-game p,.atlas-list-game time,.atlas-list-value>span:not(.atlas-list-bar)){color:var(--px-muted)}
.atlas-rankings .atlas-list-cover{border-color:var(--px-line);background:var(--px-paper)}
.atlas-rankings .atlas-list-bar{background-color:var(--px-gold);background-image:repeating-linear-gradient(90deg,transparent 0 10px,var(--px-surface) 10px 12px)}
.atlas-rankings .atlas-list-bar i{background:var(--px-ink)}
.atlas-upcoming .atlas-upcoming-tools p{color:var(--px-muted)}
.atlas-upcoming .atlas-upcoming-tools p i{background:var(--px-ink);box-shadow:none}
.atlas-upcoming .atlas-upcoming-meta{border-top-color:var(--px-line);color:var(--px-muted)}
.atlas-upcoming .atlas-upcoming-meta small{color:var(--px-muted)}
.atlas-upcoming .atlas-upcoming-meta strong{color:var(--px-ink)}

/* A sky-blue calendar with gold selected dates and warm-paper release cards. */
.atlas-calendar .atlas-calendar-toolbar>div>.atlas-month-move{background:var(--px-surface);border-color:var(--px-line);color:var(--px-ink);box-shadow:none}
.atlas-calendar .atlas-calendar-toolbar>div>a.atlas-month-move:hover{background:var(--px-gold);border-color:var(--px-ink)}
.atlas-calendar .atlas-calendar-toolbar input{color:var(--px-ink)}
.atlas-calendar .atlas-calendar-today{color:var(--px-ink)}
.atlas-calendar .atlas-month-board{background:var(--px-blue);border:2px solid var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-calendar .atlas-month-board>header{border-bottom-color:var(--px-line)}
.atlas-calendar .atlas-month-board>header>strong{color:var(--px-ink)}
.atlas-calendar .atlas-month-board>header>span,.atlas-calendar .atlas-weekdays{color:var(--px-muted)}
.atlas-calendar .atlas-month-day{color:var(--px-ink)}
.atlas-calendar .atlas-month-day small{color:var(--px-muted)}
.atlas-calendar .atlas-month-day i{background:var(--px-ink)}
.atlas-calendar .atlas-month-day:hover:not(.atlas-month-empty){background:var(--px-surface);border-color:var(--px-ink)}
.atlas-calendar .atlas-month-day.selected,.atlas-calendar .atlas-month-day.selected:hover{background:var(--px-gold);border-color:var(--px-ink);color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-calendar .atlas-month-day.selected small{color:var(--px-ink)}
.atlas-calendar .atlas-month-day.selected i{background:var(--px-ink)}
.atlas-calendar .atlas-month-empty{color:var(--px-muted);opacity:.45}
.atlas-calendar .atlas-month-empty small{color:var(--px-muted)}
.atlas-calendar .atlas-calendar-all{border-color:var(--px-line);color:var(--px-ink)}
.atlas-calendar .atlas-calendar-all>span,.atlas-calendar .atlas-month-board>p{color:var(--px-muted)}
.atlas-calendar .atlas-calendar-all.selected{background:var(--px-gold);border-color:var(--px-ink);color:var(--px-ink)}
.atlas-calendar .atlas-release-day>header{border-top-color:var(--px-line)}
.atlas-calendar .atlas-release-day>header strong{background:var(--px-gold);border-color:var(--px-ink);color:var(--px-ink);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-calendar .atlas-release-day time{color:var(--px-muted)}
.atlas-calendar .atlas-release-card{background:var(--px-surface);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow)}
.atlas-calendar .atlas-release-card:hover{background:var(--px-mint);border-color:var(--px-ink);box-shadow:1px 1px 0 var(--px-shadow)}
.atlas-calendar .atlas-release-cover{background:var(--px-paper);border-color:var(--px-line)}
.atlas-calendar .atlas-release-card :is(p,div>span,small){color:var(--px-muted)}
.atlas-calendar .atlas-release-card>b{color:var(--px-ink)}
:is(.atlas-discovery,.atlas-rankings,.atlas-upcoming,.atlas-calendar) .atlas-no-cover{background:repeating-linear-gradient(0deg,transparent 0 15px,var(--px-line) 15px 16px),repeating-linear-gradient(90deg,var(--px-surface) 0 15px,var(--px-line) 15px 16px);color:var(--px-ink)}
.atlas-discovery .atlas-discovery-empty{background:var(--px-blue);border-color:var(--px-line);box-shadow:2px 2px 0 var(--px-shadow);color:var(--px-ink)}
.atlas-discovery .atlas-discovery-empty p{color:var(--px-muted)}
.atlas-discovery .atlas-discovery-empty a{color:var(--px-ink)}
.atlas-discovery .atlas-discovery-hero :is(a,button):focus-visible,.atlas-discovery .atlas-journey a:focus-visible,.atlas-discovery .atlas-discovery-empty a:focus-visible{outline-color:var(--px-ink)}

@media(max-width:700px){
  .atlas-discovery .atlas-discovery-hero.hero,.atlas-discovery .atlas-live-chart{box-shadow:2px 2px 0 var(--px-shadow)}
  .atlas-discovery .atlas-coordinate-nav a:nth-child(n+3){border-top-color:var(--px-line)}
}