/* The archive lives inside a battered desktop browser. */
:root{--bg:#17191d;--panel:#292c32;--line:#50545d;--text:#deded8;--muted:#a2a5ac;--green:#b8c6a4}
html{scroll-padding-top:18px}body{background-color:#10151c;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000018 3px);font:14px/1.6 Arial, "Arial Narrow";padding:23px 25px 65px 123px;color:#deded8}a:hover{color:#d1dff9;text-decoration:underline}.desktop-icons{position:fixed;left:12px;top:25px;width:90px;display:grid;gap:29px;text-align:center}.desktop-icons a{color:#e1e2e7;font:13px/1.3 Arial, "Arial Narrow";text-shadow:1px 2px #000;display:flex;align-items:center;flex-direction:column;gap:7px}.desktop-icons a>span{font-size:32px;line-height:1;color:#b0bccf;text-shadow:2px 2px #000,-1px -1px #dee5ee}.desktop-icons a:nth-child(2)>span{color:#dad7b6}.desktop-icons a:nth-child(3)>span{color:#b9bd82}.desktop-shell{max-width:1250px;margin:0 auto;background:#25282d;border:3px solid #545b6a;border-top-color:#7c879c;box-shadow:inset 1px 1px #a1a7b5,2px 3px 0 #000,10px 13px 0 #0004;border-radius:7px 7px 0 0;overflow:hidden}.browser-title{display:flex;align-items:center;justify-content:space-between;height:32px;padding:3px 4px 4px 7px;background:linear-gradient(#516c9c,#243b65 16%,#1e3154 70%,#12213c);border-top:1px solid #8d9dc0;color:white;font:bold 14px Arial, "Arial Narrow";text-shadow:1px 1px #000}.browser-title>span:first-child{display:flex;gap:7px;align-items:center}.browser-title img{width:19px;height:20px}.window-buttons{display:flex;gap:3px}.window-buttons b{border:1px solid #bac4d7;border-radius:2px;box-shadow:inset 1px 1px #ffffff60,inset -1px -1px #0006;width:23px;height:23px;background:linear-gradient(135deg,#8297ba,#324c78);font:bold 16px/19px Arial, "Arial Narrow";text-align:center}.window-buttons b:last-child{background:linear-gradient(135deg,#bb887c,#72382d)}.browser-menu{display:flex;gap:21px;height:25px;align-items:center;padding-left:13px;background:#32353b;box-shadow:inset 0 1px #64676f;border-bottom:1px solid #14161a;color:#d2d3d5;font:13px Arial, "Arial Narrow"}.browser-menu span::first-letter{text-decoration:underline}.browser-address{display:flex;gap:10px;align-items:center;padding:7px 9px;background:#35383e;border-top:1px solid #51545b;border-bottom:1px solid #15181d;font:13px Arial, "Arial Narrow"}.address-arrows{color:#b0becd;font-size:17px;letter-spacing:2px}.browser-address input{min-width:50px;flex:1;background:#181b20;border:2px solid;border-color:#101216 #626771 #626771 #101216;color:#c2c8d0;padding:4px 8px;font:13px Arial, "Arial Narrow";height:26px}.browser-address a{padding:3px 9px;background:#444952;border:1px solid;border-color:#7b828c #15171c #15171c #7b828c}.topbar{height:57px;padding:0 21px;background:#282b31;border-bottom:1px solid #555b65;gap:20px}.brand{font-size:14px;letter-spacing:.5px}.brand-sub,.brand-divider{display:none}.brand img{border:1px solid #858888;width:23px;height:25px}nav{gap:3px}.navlink{font:13px Arial, "Arial Narrow";padding:5px 12px;background:#353941;border:1px solid;border-color:#6d727c #16191e #16191e #6d727c;color:#c5c8cf}.navlink.active{background:#20242c;box-shadow:inset 1px 1px #111;color:#d8e3f8;border-color:#15181d #656c78 #656c78 #15181d}.account-link{font:13px Arial, "Arial Narrow";gap:8px}.desktop-status{padding:5px 14px;background:#1a1e24;border-bottom:1px solid #4e535e;font-size:12px;letter-spacing:0}.led{border-radius:0;box-shadow:none;width:5px;height:5px}.hero{margin:12px;min-height:443px;border:2px solid;border-color:#101216 #626976 #626976 #101216;background:#15181d;overflow:hidden}.hero-content{padding:35px 24px 48px;width:51%;max-width:none}.hero-image{inset:32px 16px 52px 51%;border:2px solid;border-color:#080a0c #56606a #56606a #080a0c;background:url('../media/hero.bmp') center/cover;filter:saturate(.4);box-shadow:0 0 0 5px #282d34}.hero-grid{background:repeating-linear-gradient(0deg,transparent,transparent 2px,#00000015 3px)}.eyebrow{font:12px Arial, "Arial Narrow";letter-spacing:.5px;color:#b6bcb0}.game-logo{width:280px;max-width:100%;height:100px;margin:17px 0 3px}.hero h1{font:bold 27px/1.18 Arial, "Arial Narrow";letter-spacing:-.8px;margin:11px 0 17px}.hero h1 em{font-style:normal;color:#bfc7aa}.hero p{font:14px/1.7 Arial, "Arial Narrow";color:#afb3b7}.hero-actions{margin-top:23px;gap:9px;flex-wrap:wrap}.btn-retro,.btn-retro.primary{font:13px Arial, "Arial Narrow";letter-spacing:0;min-height:29px;padding:6px 14px;gap:10px;border:2px solid;border-color:#969ba5 #0a0c10 #0a0c10 #969ba5;border-radius:0;background:#434852;color:#eee;text-shadow:none;box-shadow:inset 1px 1px #5d6370,inset -1px -1px #282d35}.btn-retro.primary{background:#454f63;color:#eaf0fa;border-top-color:#a9b8d1;border-left-color:#a9b8d1}.btn-retro:hover,.btn-retro.primary:hover{filter:brightness(1.12);color:#fff;text-decoration:none}.btn-retro:active{border-color:#111 #858c97 #858c97 #111;transform:translate(1px,1px)}.hero-meta{font:12px Arial, "Arial Narrow";gap:9px;margin-top:21px;flex-wrap:wrap;color:#89919a;letter-spacing:0}.hero-meta span+span:before{margin-right:9px}.camera-label{top:9px;right:20px;font-size:12px;letter-spacing:.8px}.hero-caption{left:14px;right:14px;bottom:9px;font-size:12px;letter-spacing:0}.floating-note{right:28px;bottom:70px;width:290px;background:#34373d;transform:none;border:2px solid;border-color:#9297a0 #0a0c0f #0a0c0f #9297a0;box-shadow:3px 3px #0008}.titlebar{background:linear-gradient(90deg,#2d4267,#23304a);font:bold 13px Arial, "Arial Narrow";color:#e0e5f0;border-bottom:1px solid #141b26;min-height:25px;padding:4px 7px}.titlebar>span:last-child{color:#c6cfdf}.note-body{padding:13px 12px;gap:13px}.note-body p{color:#c1c5ce;font:13px/1.7 Arial, "Arial Narrow"}.note-body strong{color:#ededdf}.warning-icon{font:bold 24px/29px Arial, "Arial Narrow";color:#e1cf76;border:0;background:#302e24}.note-footer{font:12px Arial, "Arial Narrow";color:#a1a6ae;padding:0 12px 9px}.ticker{margin:0 12px;padding:7px 10px;background:#1a1f25;border:2px solid;border-color:#101317 #555c67 #555c67 #101317}.ticker p{font:13px Arial, "Arial Narrow";color:#b9bfae}.ticker>span{font-size:12px;letter-spacing:0}.section{margin:15px 12px;padding:0 20px 26px;background:#282c32;border:2px solid;border-color:#66707e #0d1014 #0d1014 #66707e;scroll-margin-top:12px}.section-index{margin:0 -18px 25px;padding:5px 9px;font:bold 13px Arial, "Arial Narrow";background:linear-gradient(90deg,#344b73,#242e43);border-bottom:1px solid #10161f;color:#e5e8ed;letter-spacing:0}.section-index span{font:bold 12px Arial, "Arial Narrow";letter-spacing:0;margin-left:7px;color:#c6cfdf}.section-index::after{content:'—  □  ×';float:right;color:#b9c4d7;font:13px Arial, "Arial Narrow"}h2,.purchase-copy h2,.dialog-body h2{font:bold 23px/1.2 Arial, "Arial Narrow";letter-spacing:-.6px;margin:12px 0 17px}h3{font:bold 14px Arial, "Arial Narrow"}.story-section p,.story-section .lead-copy{font:14px/1.7 Arial, "Arial Narrow";color:#b5bac0;max-width:none}.story-section .lead-copy{color:#e0e1db;font-size:14px}.story-window{transform:none}.retro-window,.gallery-item{border:2px solid;border-color:#848b98 #111419 #111419 #848b98;background:#242a31;box-shadow:2px 2px #0006}.story-window img{height:235px}.story-window figcaption{background:#33373e;border:1px solid #565d67;font:12px Arial, "Arial Narrow";color:#b8c0ca}.file-note{margin-top:18px;color:#b1b6c0}.safe-label{border-color:#788768;color:#b9c8a7}.experience-heading{align-items:center}.experience-heading>p{font:13px/1.7 Arial, "Arial Narrow";color:#aab0b9}.feature-grid{margin-top:8px;border:2px solid;border-color:#14181e #555c66 #555c66 #14181e;background:#1c2128}.feature-grid article{padding:16px}.feature-grid article+article{padding-left:16px;border-left:1px solid #474e59}.feature-grid h3{font:bold 14px Arial, "Arial Narrow";margin:12px 0}.feature-grid p{font:13px/1.7 Arial, "Arial Narrow";color:#a9b1bc;max-width:none}.feature-number{color:#a8b9d4;font-size:12px}.section-heading{margin-bottom:15px}.section-heading p{font:13px Arial, "Arial Narrow";color:#a8b0bb}.file-count{color:#b9c4d4}.gallery{gap:15px;grid-template-columns:1.4fr 1fr}.gallery-item img{height:170px}.gallery-item.large img{height:285px}.gallery-caption{background:#333a44;color:#c3c9d2;border-top:1px solid #5b6674;font:12px Arial, "Arial Narrow"}.gallery-caption>span{color:#b8c9e2}.gallery-stack{gap:12px}.transmission-card{background:#333a44;border:2px solid;border-color:#8b94a1 #0b1016 #0b1016 #8b94a1;padding:14px;gap:12px}.transmission-card b{font:13px Arial, "Arial Narrow"}.transmission-card small{font:12px/1.6 Arial, "Arial Narrow";letter-spacing:0;color:#aab4c2}.play-symbol{font-size:25px;color:#bfcbdf}.purchase-body{padding:20px;gap:23px}.cover{width:110px;height:135px}.purchase-copy p{color:#b1b8c1}.purchase-tags{color:#a6b0c0;font:12px Arial, "Arial Narrow"}.purchase-action{border-color:#505866;min-width:215px;padding-left:20px}.availability{color:#d1c897;font:12px Arial, "Arial Narrow";letter-spacing:0}.purchase-action small{color:#afb7c3}.purchase-action>a{color:#c0d0eb}.purchase-bottom{background:#1c222c;border-top:2px solid;border-color:#10141c;color:#b6c2d3;font:12px Arial, "Arial Narrow";letter-spacing:0;padding:10px;gap:25px}.access-details{gap:30px;margin-top:20px}.access-details p{font:14px/1.6 Arial, "Arial Narrow";color:#d0d4db}.access-details small{font:13px/1.7 Arial, "Arial Narrow";color:#a6afbd}.access-details p>span{color:#9db5d7}.faq-section h2{margin-top:0}details{padding:12px 10px;border:1px solid;border-color:#555f6c #151920 #151920 #555f6c;background:#303640;margin-bottom:5px}details:last-child{border-bottom:1px solid #151920}summary{font:13px Arial, "Arial Narrow";color:#dce0e5}details p{font:13px/1.7 Arial, "Arial Narrow";color:#b3bdca}.mono,.muted{color:#a9b1be}footer{margin:0 10px 8px;padding:8px 10px;background:#333941;border:2px solid;border-color:#13181f #616977 #616977 #13181f;gap:12px}footer p{font:12px Arial, "Arial Narrow";color:#a8b1bf}footer>span{font:12px Arial, "Arial Narrow";color:#aab2c0}.taskbar{height:38px;background:linear-gradient(#657692,#2a3b57 11%,#1b2d49 85%,#0e1c31);border-top-color:#8192ad}.start-button{height:37px;background:linear-gradient(#6a8552,#38582a 20%,#2c4623 80%,#20311b);border:1px solid #85956a;border-radius:0 8px 8px 0;padding:4px 25px 4px 15px;font:bold italic 16px Arial, "Arial Narrow"}.task-item{background:#17253c;border-color:#0a1424 #627695 #627695 #0a1424;color:#d0dbea;padding:5px 60px 5px 10px;font:13px Arial, "Arial Narrow"}.task-status{height:37px;background:#2b415f;border-left:1px solid #8195ad;color:#dbe3ef;font:13px/26px Arial, "Arial Narrow"}.retro-dialog{background:#30353d;border:3px solid;border-color:#8a94a4 #11161f #11161f #8a94a4;border-radius:4px 4px 0 0;box-shadow:5px 5px #0008}.retro-dialog::backdrop{background:#05090dcc;backdrop-filter:none}.dialog-body{padding:23px}.dialog-body p,.dialog-body small{color:#bfc7d1}.dialog-body input{background:#121821;color:#e0e7ef;border:2px solid;border-color:#0b1017 #77808f #77808f #0b1017}.close-dialog{border:1px solid;border-color:#c7d1e1 #111a2b #111a2b #c7d1e1;background:#4b6285;color:white}.notice{margin:10px 12px;background:#343c2f;border:1px solid #758267;color:#d8e0c6}
@media(min-width:1500px){.hero{min-height:460px}.hero h1{font-size:30px}.hero-content{padding-top:35px}.game-logo{width:300px;height:110px}.section{padding-inline:25px}.section-index{margin-inline:-23px}}
@media(max-width:1050px){body{padding-left:95px;padding-right:15px}.desktop-icons{width:70px;left:8px}.desktop-icons a{font-size:12px}.topbar{padding-inline:13px;gap:10px}.navlink{padding:5px 7px}.hero-content{width:53%;padding:30px 19px 55px}.hero-image{left:54%}.floating-note{width:245px;right:22px;bottom:61px}.hero-meta{font-size:12px}.purchase-body{gap:15px}.purchase-action{min-width:185px;padding-left:15px}.cover{width:85px;height:120px}}
@media(max-width:700px){body{padding:9px 7px 53px}.desktop-icons{display:none}.desktop-shell{border-width:2px}.browser-title{font-size:12px;height:29px;padding-left:5px}.browser-title img{width:16px;height:17px}.window-buttons b{height:20px;width:20px;font-size:14px;line-height:16px}.browser-menu{height:24px;gap:18px;font-size:12px}.browser-address{padding:5px;gap:7px}.address-arrows{font-size:14px;letter-spacing:0}.browser-address label{display:none}.browser-address input{font-size:12px;padding:3px;height:24px}.browser-address a{font-size:12px;padding:3px 5px}.topbar{height:87px;padding:8px 9px 0}.topbar nav{height:36px;gap:4px}.navlink{font-size:12px;flex:1;text-align:center;padding:5px 3px}.brand{font-size:13px}.account-link{font-size:12px}.desktop-status{font-size:12px;padding:5px 8px}.desktop-status>span:last-child{font-size:12px}.desktop-status b{margin:0 4px}.hero{margin:8px;min-height:650px}.hero-content{width:100%;padding:21px 15px 270px}.game-logo{width:245px;height:85px;margin-top:16px}.hero h1{font-size:27px;margin-top:7px}.hero p{font-size:13px}.hero-actions{margin-top:17px}.hero-meta{margin-top:16px;font-size:12px;gap:7px}.hero-image{inset:auto 12px 38px;height:214px;filter:saturate(.4);opacity:1}.floating-note{width:235px;bottom:56px;right:23px}.note-body p{font-size:12px}.note-footer{font-size:12px}.hero-caption{font-size:12px;bottom:9px;left:10px}.camera-label{top:auto;bottom:260px;font-size:12px;right:13px}.ticker{margin:0 8px;padding:6px 8px;gap:6px}.ticker p{font-size:12px}.ticker>span{font-size:12px}.section{margin:12px 8px;padding:0 12px 18px}.section-index{margin:0 -10px 20px;padding:5px 7px;font-size:12px}.section-index span{font-size:12px}.section-index::after{font-size:12px}h2,.purchase-copy h2,.dialog-body h2{font-size:22px;letter-spacing:-.4px}.story-section p,.story-section .lead-copy{font-size:13px}.story-window img{height:190px}.feature-grid article,.feature-grid article+article{padding:14px;border-left:0}.feature-grid article:last-child{padding-bottom:12px}.experience-heading>p{font-size:13px}.gallery{grid-template-columns:1fr;gap:13px}.gallery-item.large img{height:210px}.gallery-item img{height:185px}.transmission-card{padding:14px}.purchase-body{padding:15px;gap:14px}.cover{width:65px;height:93px}.purchase-copy{min-width:130px}.purchase-copy h2{font-size:21px}.purchase-copy .eyebrow{font-size:12px}.purchase-copy p{font-size:12px}.purchase-tags{font-size:12px;gap:8px}.purchase-action{padding:14px 0 0;min-width:0;border-top-color:#535f70}.purchase-bottom{font-size:12px;gap:8px;padding:8px 4px}.access-details{gap:10px;margin-top:15px}.access-details p{font-size:13px}.access-details small{font-size:12px}.faq-section .row{--bs-gutter-y:1.5rem}footer{margin:0 8px 7px;padding:8px;gap:9px}footer p{font-size:12px}footer>span{font-size:12px}.task-item{font-size:12px;max-width:50%;padding:6px 10px}.task-status{font-size:12px;padding-inline:8px}.start-button{font-size:14px;padding-inline:13px}}

.story-section{width:auto}

/* Readable system type, including secondary labels inherited from the base theme. */
.hero-meta,.eyebrow,.file-note,.safe-label,.file-count,.image-coordinates,
.gallery-caption>span,.dialog-body small,.dialog-body label,.dialog-body .switch-account,
.purchase-tags,.availability,.note-footer,.hero-caption,.camera-label,
.desktop-status,.desktop-status>span:last-child,.ticker>span,
.section-index span,.section-index::after,.transmission-card small,
footer>span,.task-item,.task-status{font-size:12px;line-height:1.55}
.story-section p,.story-section .lead-copy,.hero p,.feature-grid p,
.experience-heading>p,.section-heading p,.purchase-copy p,
.access-details p,.access-details small,details p,.dialog-body p,
summary,.note-body p{font-size:14px;line-height:1.7}
.dialog-body input{font-size:16px}
.hero-meta{gap:8px;max-width:430px}
.hero-meta span+span:before{margin-right:8px}
.desktop-status,.hero-caption,.gallery-caption,.purchase-tags,
.purchase-bottom,footer{flex-wrap:wrap;gap:8px}
.titlebar{line-height:1.5;min-height:30px}
.titlebar>span:last-child{white-space:nowrap;flex-shrink:0}
.browser-menu{height:29px}.browser-address input{height:31px}
.btn-retro,.btn-retro.primary{font-size:14px;min-height:36px}
.hero{min-height:490px}.hero-content{padding-bottom:65px}
.floating-note{width:315px;bottom:78px}
.purchase-action{min-width:235px}
.purchase-bottom{gap:18px;line-height:1.6}
.section-index{line-height:1.5}.feature-grid h3{font-size:15px;line-height:1.5}
.task-item{line-height:1.4}.task-status{line-height:26px}
@media(max-width:1050px) and (min-width:701px){
.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding-block:10px}
.topbar nav{order:3;width:100%;justify-content:center}
.hero{min-height:540px}.hero-content{padding-bottom:70px}
.floating-note{width:270px}.purchase-body{flex-wrap:wrap}
.purchase-action{width:100%;border-left:0;border-top:1px solid #505866;padding:15px 0 0}
}
@media(max-width:700px){
.browser-title{height:auto;min-height:32px;font-size:12px;gap:7px}
.browser-title>span:first-child{min-width:0;line-height:1.35}
.browser-title img{flex-shrink:0}.browser-menu{gap:14px;font-size:12px}
.browser-address input{font-size:12px}.browser-address a{font-size:12px}
.address-arrows{font-size:12px;white-space:nowrap}
.topbar{height:auto;padding:10px 8px 6px;gap:8px}.topbar nav{height:auto;flex-wrap:wrap}
.navlink{font-size:12px;padding:7px 4px;white-space:nowrap}
.brand,.account-link{font-size:13px}.desktop-status{padding:7px 8px}
.desktop-status>span:last-child{font-size:12px}
.hero{min-height:790px}.hero-content{padding:25px 15px 335px}
.hero h1{font-size:27px}.hero-meta{font-size:12px;line-height:1.7}
.hero-image{height:240px;bottom:65px}.camera-label{bottom:316px;font-size:12px}
.hero-caption{font-size:12px;bottom:12px;right:10px}
.floating-note{width:calc(100% - 48px);right:24px;bottom:85px}
.note-body{gap:10px;padding:12px}.note-body p{font-size:13px}
.ticker{gap:8px;padding:9px}.ticker p{font-size:13px}
.section-index,.section-index span{font-size:12px}.section-index::after{display:none}
.purchase-body{gap:15px}.purchase-copy{min-width:150px}
.purchase-copy .eyebrow,.purchase-tags,.purchase-bottom{font-size:12px}
.purchase-tags{flex-direction:column;gap:3px}.cover{width:70px;height:100px}
.purchase-action{width:100%;min-width:0}.purchase-bottom{gap:7px}
.access-details small{margin-left:0}.gallery-caption{font-size:12px}
.transmission-card{gap:10px;padding:12px}.transmission-card b{font-size:13px}
footer p,footer>span{font-size:12px}.task-item{font-size:12px;max-width:47%;padding:5px 8px}
.task-status{font-size:12px;padding-inline:8px}.task-status .led{display:none}
}