/* A readable RPG journal: source artwork stays untouched and sharp. */
.atlas-dossier,.atlas-profile{
 --dossier-ink:var(--ink,#242237);--dossier-muted:var(--muted,#727080);
 --dossier-rule:var(--line,#cdc6d8);--dossier-paper:var(--paper,#f4f0e8);
 --dossier-blue:var(--accent,#6948b5);--dossier-panel:var(--surface,#fffdf7);
 --dossier-frame:#39314e;--dossier-night:#262137;--dossier-light:#efe9fa;
}
.atlas-dossier .experience-title{border-bottom:2px solid var(--dossier-frame);padding-bottom:25px;margin-bottom:25px;align-items:center}
.atlas-dossier .experience-eyebrow{color:var(--dossier-blue);font-family:ui-monospace,Consolas,"Microsoft YaHei",monospace;letter-spacing:1px;gap:14px}
.atlas-dossier .experience-eyebrow:before{content:'';width:7px;height:7px;background:var(--pixel-pink,#e889aa);box-shadow:7px 0 0 var(--dossier-blue),0 7px 0 var(--dossier-blue),7px 7px 0 var(--pixel-yellow,#f2d580);flex-shrink:0;margin:0 10px 7px 0}
.atlas-dossier .experience-title h1{font-weight:750;letter-spacing:-1.2px;line-height:1.13;text-shadow:2px 2px 0 #fffdf7}
.atlas-dossier .original-game-name{color:var(--dossier-muted)}
.atlas-dossier .version-label{border:2px solid var(--dossier-frame);background:var(--pixel-yellow,#f2d580);color:var(--dossier-ink);box-shadow:3px 3px 0 var(--dossier-frame);font-weight:600;border-radius:0}

/* The player has the shape of an old console, without filtering its media. */
.atlas-dossier .dossier-exhibit{background:var(--dossier-night);border:3px solid var(--dossier-frame);border-radius:0;padding:19px;box-shadow:6px 6px 0 #b7a8ca;position:relative}
.atlas-dossier .dossier-exhibit:before{content:'';position:absolute;top:-3px;left:19px;width:32px;height:3px;background:var(--pixel-pink,#e889aa);box-shadow:32px 0 0 var(--pixel-yellow,#f2d580),64px 0 0 var(--pixel-mint,#a9d5bb);pointer-events:none}
.atlas-dossier .game-media{background:#171521;border-radius:0;border:1px solid #574a6e}
.atlas-dossier .game-media-stage{background:#15131f;outline:0;border-radius:0}
.atlas-dossier .game-media-stage img{image-rendering:auto;border-radius:0}
.atlas-dossier .media-fallback{background:#262137;color:#e4dcec}
.atlas-dossier .media-fallback small{color:#b6aacb}
.atlas-dossier .game-media-toolbar{background:var(--dossier-night);color:#d0c6e0;padding:14px 7px}
.atlas-dossier .media-position{color:var(--pixel-yellow,#f2d580);font-family:ui-monospace,Consolas,monospace;font-weight:600}
.atlas-dossier .game-media-toolbar button{background:#443755;color:#f5f0fc;border:2px solid #807096;border-radius:0;box-shadow:2px 2px 0 #161220;transition:background .15s,transform .15s}
.atlas-dossier .game-media-toolbar button:hover{background:#71539a;border-color:#c4abed;transform:translate(-1px,-1px)}
.atlas-dossier .game-media-toolbar button:active{transform:translate(1px,1px);box-shadow:none}
.atlas-dossier .game-media-toolbar button:disabled{opacity:.4;transform:none;box-shadow:none}
.atlas-dossier .media-expand{border:2px solid #e3d5f7;background:#332841de;color:#fff;border-radius:0;box-shadow:3px 3px 0 #15101ec9}
.atlas-dossier .media-play-symbol{background:#35274ce8;border:2px solid #e6d9f7;border-radius:0;box-shadow:5px 5px 0 #16101c88}
.atlas-dossier .media-play-symbol:before,.atlas-dossier .media-play-symbol:after{content:'';position:absolute;width:6px;height:6px;background:var(--pixel-yellow,#f2d580);pointer-events:none}
.atlas-dossier .media-play-symbol:before{left:-6px;top:-6px}.atlas-dossier .media-play-symbol:after{right:-6px;bottom:-6px}
.atlas-dossier .game-media-thumbs{background:var(--dossier-night);padding:0 0 4px;gap:9px}
.atlas-dossier .game-media-thumbs button{border:2px solid #665573;border-radius:0;background:#17131f;opacity:.65}
.atlas-dossier .game-media-thumbs button[aria-pressed=true]{border-color:var(--pixel-yellow,#f2d580);box-shadow:2px 2px 0 #be9353;opacity:1}
.atlas-dossier .game-media-thumbs button:focus-visible{outline-color:#f2d580;outline-offset:-5px}
.atlas-dossier .media-thumb-fallback{background:#342b44;color:#d7c9e9}
.atlas-dossier .thumb-play{background:#21152966}
.atlas-dossier .game-media-empty{background:#1d1728;border:2px dashed #625171;color:#d1c5df}
.dossier-passport{color:#fff5ff}
.dossier-passport-art{background:repeating-linear-gradient(0deg,transparent 0 23px,#b694d00a 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#b694d00a 23px 24px);border-bottom:2px solid #594762}
.dossier-passport-art:before{background:none}
.dossier-cover{border-radius:0;box-shadow:5px 5px 0 #08071099;image-rendering:auto}
.dossier-passport-label{font-family:ui-monospace,Consolas,"Microsoft YaHei",monospace;color:var(--pixel-yellow,#f2d580);letter-spacing:1.5px}
.dossier-passport dt{color:#b7a9c9}.dossier-passport dd,.dossier-passport-platforms a{color:#ede5f6}
.dossier-passport-platforms a:hover{border-color:var(--pixel-mint,#a9d5bb);color:var(--pixel-mint,#a9d5bb)}
.dossier-passport-platforms button{color:#d6bcff}
.dossier-passport-score{border-top:2px solid #594762}
.dossier-passport-score>strong{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:var(--pixel-yellow,#f2d580);letter-spacing:-2px}
.dossier-passport-score>div{color:#eadff4}.dossier-passport-score small{color:#b7a9c9}

/* Chapter anchors behave as before; their borders give the journal its rhythm. */
.dossier-navigation{border-bottom:2px solid var(--dossier-frame);padding:24px 0 18px;gap:10px 13px}
.dossier-navigation>span{color:var(--dossier-muted);font-family:ui-monospace,Consolas,"Microsoft YaHei",monospace}
.dossier-navigation button{padding:9px 12px;min-height:37px;border:2px solid var(--dossier-rule);color:var(--dossier-ink);background:var(--dossier-panel);border-radius:0;transition:background .15s,border-color .15s}
.dossier-navigation button:hover,.dossier-navigation button.is-active{background:#e8dcf6;color:var(--dossier-blue);border-color:var(--dossier-blue);box-shadow:2px 2px 0 #c9b6dd}
.dossier-chapter{border-bottom:2px solid var(--dossier-rule);padding:38px 0;gap:35px}
.dossier-chapter-heading h2{font-weight:700;letter-spacing:0}
.dossier-chapter-number{display:inline-grid;place-items:center;width:35px;height:31px;margin-bottom:15px;border:2px solid var(--dossier-frame);color:var(--dossier-ink);background:var(--pixel-yellow,#f2d580);box-shadow:3px 3px 0 var(--dossier-frame);font-weight:700}
.atlas-dossier .dossier-section-head :is(h2,h3){color:var(--dossier-ink);font-weight:700}
.atlas-dossier .source-copy,.atlas-profile .source-copy{color:#484354}
.atlas-dossier .record-values dd,.atlas-profile .record-values dd{color:var(--dossier-ink)}
.atlas-dossier .tag-links a,.atlas-dossier .field-links a,.atlas-profile .field-links a{background:var(--dossier-panel);border:1px solid #b6a5c8;color:#59486f;border-radius:0;padding:6px 10px}
.atlas-dossier .tag-links a:hover,.atlas-dossier .field-links a:hover,.atlas-profile .field-links a:hover{background:#e9dcf5;border-color:var(--dossier-blue);color:var(--dossier-blue);box-shadow:2px 2px 0 #c6b1d9}
.atlas-dossier .studio-link{border:2px solid var(--dossier-rule);background:var(--dossier-panel);border-radius:0;box-shadow:3px 3px 0 #dfd6e5}
.atlas-dossier .studio-link:hover{background:#eee3f8;border-color:var(--dossier-blue)}
.studio-link-logo{background:#fff;border-radius:0;border:1px solid #e3d9eb}
.studio-link-logo img{image-rendering:auto}
.atlas-dossier .studio-link .studio-link-arrow{color:var(--dossier-blue)}

/* Source statistics use actual values, with a small console-inspired frame. */
.dossier-rating-card{border:2px solid var(--dossier-rule);border-radius:0;background:var(--dossier-panel);box-shadow:3px 3px 0 #dfd6e5}
.dossier-rating-dial strong{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:var(--dossier-ink)}
.dossier-rating-dial .rating-dial-track{stroke:#e2d7ec}
.dossier-rating-dial .rating-dial-value{stroke:var(--dossier-blue);stroke-linecap:square}
.dossier-rating-card.score-1 .rating-dial-value{stroke:#bc658a}.dossier-rating-card.score-2 .rating-dial-value{stroke:#4b8572}
.dossier-rating-card figcaption{color:var(--dossier-ink)}
.atlas-dossier .data-chart{border:2px solid var(--dossier-rule);border-radius:0;background:var(--dossier-panel);box-shadow:3px 3px 0 #dfd6e5}
.atlas-dossier .data-chart figcaption,.atlas-dossier .chart-row-label strong{color:var(--dossier-ink)}
.atlas-dossier .chart-row-label{color:var(--dossier-muted)}
.atlas-dossier .chart-track{height:9px;background:#e3d9eb;border:1px solid #d1bfdc;border-radius:0}
.atlas-dossier .chart-bar{background:var(--dossier-blue);border-radius:0}
.atlas-dossier .chart-bar.shade-1{background:#9974b9}.atlas-dossier .chart-bar.shade-2{background:#bb9ccc}
.atlas-dossier :is(.release-platform,.multiplayer-card,.localization-grid article,.character-grid>a,.version-feature-list article){background:var(--dossier-panel);border:2px solid var(--dossier-rule);border-radius:0;box-shadow:3px 3px 0 #dfd6e5}
.atlas-dossier .release-platform li{border-top-color:#ded3e7}
.atlas-dossier .release-platform li:before{border-radius:0;background:var(--dossier-blue);width:5px;height:5px}
.atlas-dossier .release-platform li time,.atlas-dossier .multiplayer-card strong{color:var(--dossier-ink)}
.atlas-dossier .release-platform li span,.atlas-dossier .release-platform li small,.atlas-dossier .multiplayer-card p,.atlas-dossier .multiplayer-card span{color:var(--dossier-muted)}
.atlas-dossier .platform-heading-icon,.atlas-dossier .language-support-type{color:var(--dossier-blue)}
.atlas-dossier .language-support-type.is-unrecorded{color:#b7acbf}
.atlas-dossier .support-note{color:var(--dossier-muted)}
.atlas-dossier .age-card{background:#fff;border:2px solid var(--dossier-rule);border-radius:0;box-shadow:3px 3px 0 #dfd6e5}
.atlas-dossier .age-card>span{color:var(--dossier-muted)}
.atlas-dossier .age-mark,.atlas-dossier .age-mark img{image-rendering:auto}
.atlas-dossier .age-fallback{border-radius:0;border:2px solid #b6a5c8;background:#f6f1fa;color:var(--dossier-ink)}
.atlas-dossier .current-game-marker{background:var(--pixel-yellow,#f2d580);color:var(--dossier-ink);border:1px solid var(--dossier-frame);font-family:ui-monospace,Consolas,"Microsoft YaHei",monospace}
.atlas-dossier .series-item.is-current .poster{outline:3px solid var(--dossier-blue);outline-offset:-3px}
.atlas-dossier .reference-links>a,.atlas-profile .reference-links>a{background:var(--dossier-panel);border:2px solid var(--dossier-rule);border-radius:0;color:#59486f;padding:12px 15px;box-shadow:2px 2px 0 #dfd6e5}
.atlas-dossier .reference-links>a:hover,.atlas-profile .reference-links>a:hover{background:#e9dcf5;border-color:var(--dossier-blue);color:var(--dossier-blue)}
.atlas-dossier .reference-links .ui-icon,.atlas-profile .reference-links .ui-icon{color:var(--dossier-blue)}

/* Company, series, platform and keyword profiles share one archive cover. */
.atlas-profile .studio-header{background:var(--dossier-night);border:3px solid var(--dossier-frame);border-radius:0;box-shadow:6px 6px 0 #b7a8ca;padding:39px;gap:32px}
.atlas-profile .studio-header:before{inset:auto 0 0;top:0;background:linear-gradient(90deg,#262137 20%,#262137bd 55%,#26213766),url('/assets/decor/pixel-world.svg') right bottom / auto 100% no-repeat;opacity:.45;z-index:-1}
.atlas-profile .profile-orbit,.atlas-profile .page-decoration{display:none}
.atlas-profile .studio-logo{border-radius:0;border:2px solid #af9bc2;box-shadow:5px 5px 0 #08071066;background:#fff;overflow:visible}
.atlas-profile .studio-logo img{object-fit:contain;image-rendering:auto;border-radius:0}
.atlas-profile .studio-title .section-kicker{color:var(--pixel-yellow,#f2d580);font-family:ui-monospace,Consolas,"Microsoft YaHei",monospace;letter-spacing:1.5px}
.atlas-profile .studio-header h1{font-weight:700;letter-spacing:-.7px;color:#fff8ff;text-shadow:3px 3px 0 #100b1e}
.atlas-profile .profile-original-name{color:#d3c5e0}.atlas-profile .studio-meta{color:#c3b5d3}
.profile-ledger{border-bottom:2px solid var(--dossier-rule);margin:10px 0 29px;padding:26px 0}
.profile-ledger>div{border-right:2px solid var(--dossier-rule)}
.profile-ledger strong{font-family:ui-monospace,Consolas,monospace;color:var(--dossier-blue);font-weight:700;letter-spacing:-1px}
.profile-ledger span{color:var(--dossier-muted)}
.atlas-profile .profile-context{border-top:2px solid var(--dossier-rule);border-bottom:2px solid var(--dossier-rule)}
.atlas-portfolio-heading h2{font-weight:700;letter-spacing:0}
.atlas-profile .portfolio-timeline{border:2px solid var(--dossier-rule);background:var(--dossier-panel);border-radius:0;box-shadow:3px 3px 0 #dfd6e5}
.atlas-profile .portfolio-timeline figcaption{color:var(--dossier-ink);font-weight:650}
.atlas-profile .timeline-column{border-bottom-color:#c6b4d4;border-bottom-width:2px}
.atlas-profile .timeline-column>span{background:#9d78bd;border-radius:0;border:1px solid #8159a6}
.atlas-profile .timeline-year:hover .timeline-column>span,.atlas-profile .timeline-year:focus .timeline-column>span{background:var(--dossier-blue)}
.atlas-profile .timeline-year time{color:var(--dossier-muted)}
.atlas-profile .portfolio-roles{gap:12px;border-bottom:2px solid var(--dossier-rule);padding-bottom:10px}
.atlas-profile .portfolio-roles a{padding:11px 14px;background:var(--dossier-panel);border:2px solid var(--dossier-rule);color:var(--dossier-muted);border-radius:0}
.atlas-profile .portfolio-roles a.active{background:#e9dcf5;border-color:var(--dossier-blue);color:var(--dossier-blue);font-weight:600;box-shadow:2px 2px 0 #cab7db}
.atlas-profile .portfolio-toolbar p{color:var(--dossier-muted)}
.atlas-profile .portfolio-toolbar p strong{color:var(--dossier-ink);font-family:ui-monospace,Consolas,monospace;font-weight:700}
.atlas-profile .portfolio-toolbar nav{background:var(--dossier-panel);border:2px solid var(--dossier-frame);border-radius:0;padding:0;box-shadow:3px 3px 0 #cbbbd8}
.atlas-profile .portfolio-toolbar nav a{border-radius:0;color:#665274;padding:10px 13px}
.atlas-profile .portfolio-toolbar nav a.active{background:var(--dossier-blue);color:#fff}
.atlas-profile .portfolio-series-select select{border:2px solid var(--dossier-rule);border-radius:0;background:var(--dossier-panel);color:var(--dossier-ink)}
.atlas-profile .portfolio-directory{border-bottom:2px solid var(--dossier-rule);padding:15px 0}
.atlas-profile .portfolio-directory>summary{color:var(--dossier-blue)}
.atlas-profile .series-directory-links>a{border-bottom-color:#d9cbe3;color:#59486f}
.atlas-profile .series-directory-links small{color:var(--dossier-muted);font-family:ui-monospace,Consolas,monospace}
.atlas-profile .portfolio-filter{background:#e9dcf5;border:2px solid #beaad2;border-radius:0;color:#59486f}
.atlas-profile .series-expansion{border-top:2px solid var(--dossier-rule);border-bottom:2px solid var(--dossier-rule)}
.atlas-profile .collection-connections>a{border:2px solid var(--dossier-rule);border-radius:0;background:var(--dossier-panel);color:#59486f;box-shadow:3px 3px 0 #dfd6e5}

@media(max-width:1180px){
 .atlas-dossier .dossier-exhibit{padding:14px}
 .dossier-chapter{gap:28px}
}
@media(max-width:860px){
 .dossier-passport{border-top:2px solid #594762}
 .dossier-passport-art{background:none;border-bottom:0}
 .dossier-chapter-heading{align-items:center}
 .dossier-chapter-number{margin:0;width:32px;height:29px}
 .atlas-profile .studio-header{padding:29px;gap:25px}
}
@media(max-width:560px){
 .atlas-dossier .experience-title{padding-bottom:21px}
 .atlas-dossier .experience-title h1{letter-spacing:-.5px;font-size:34px}
 .atlas-dossier .experience-eyebrow{gap:10px}
 .atlas-dossier .experience-eyebrow:before{width:5px;height:5px;box-shadow:5px 0 0 var(--dossier-blue),0 5px 0 var(--dossier-blue),5px 5px 0 var(--pixel-yellow,#f2d580);margin-right:6px;margin-bottom:5px}
 .atlas-dossier .dossier-exhibit{margin-left:0;margin-right:0;padding:9px;box-shadow:4px 4px 0 #b7a8ca}
 .atlas-dossier .game-media-toolbar{padding:12px 3px;gap:8px}
 .atlas-dossier .game-media-toolbar>div{gap:5px}
 .atlas-dossier .game-media-toolbar button{width:31px;min-height:31px;box-shadow:1px 1px 0 #161220}
 .atlas-dossier .game-media-thumbs{gap:7px}
 .atlas-dossier .media-expand{width:32px;height:32px}
 .atlas-dossier .media-play-symbol{width:51px;height:51px;box-shadow:3px 3px 0 #16101c88}
 .dossier-navigation{gap:8px;padding:19px 0 15px}
 .dossier-navigation button{padding:8px 10px;font-size:11px;min-height:36px}
 .dossier-chapter{padding:28px 0;gap:23px}
 .dossier-chapter-heading{gap:10px 13px}
 .dossier-chapter-heading h2{font-size:23px}
 .dossier-chapter-heading p{margin-left:45px}
 .dossier-rating-card{padding:17px 5px;box-shadow:2px 2px 0 #dfd6e5}
 .dossier-rating-dial{width:66px;height:66px;flex-basis:66px}
 .dossier-rating-dial strong{font-size:21px}
 .atlas-dossier .release-platform ul{grid-template-columns:minmax(0,1fr)}
 .atlas-profile .studio-header{padding:25px;gap:25px;box-shadow:4px 4px 0 #b7a8ca}
 .atlas-profile .studio-header:before{background-size:auto 80%;opacity:.3}
 .atlas-profile .studio-header h1{font-size:33px;letter-spacing:-.3px}
 .profile-ledger{margin-top:4px}
 .atlas-profile .portfolio-toolbar nav a{padding:9px 12px}
 .atlas-profile .portfolio-filter{gap:10px;align-items:baseline}
 .atlas-profile .portfolio-filter>a{max-width:40%;white-space:normal;overflow-wrap:anywhere}
}
@media(pointer:coarse){
 .atlas-dossier .game-media-toolbar button{width:40px;min-height:40px}
 .atlas-dossier .media-expand{min-width:40px;min-height:40px}
 .dossier-navigation button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .atlas-dossier .game-media-toolbar button,.dossier-navigation button{transition:none}
}
