*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#111115;color:#eee9e1;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5ae69;outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}.skip{position:absolute;top:-90px;left:16px;background:#ff694a;color:#111;padding:12px;z-index:99}.skip:focus{top:10px}header{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 4vw;border-bottom:1px solid #454046}.brand{text-decoration:none;font-weight:900;font-size:26px;letter-spacing:.1em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.19em;margin-top:8px}nav{display:flex;flex-wrap:wrap;gap:12px 23px;font-size:12px}nav a{text-decoration:none}nav a:hover{color:#ff947a}main{max-width:1440px;padding:0 5vw;margin:auto}section{padding:65px 0}.eyebrow{color:#ff9d7a;letter-spacing:.17em;font-size:11px;font-weight:750}h1{font-size:clamp(46px,7.6vw,113px);line-height:.94;letter-spacing:-.065em;text-transform:uppercase;margin:24px 0 32px;font-weight:950}h1 em{font-style:normal;color:#ff7255}h2{font-size:clamp(29px,3.4vw,45px);line-height:1.12;letter-spacing:-.04em;margin:13px 0 25px}h3{line-height:1.2}.lead{font-size:24px;line-height:1.35;max-width:670px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;min-height:690px}.hero p{max-width:590px}.hero-art{background:#08080a;padding:15px;border:1px solid #66505a;box-shadow:13px 13px 0 #3e2329}.hero-art img{width:100%;display:block;image-rendering:pixelated}.hero-art figcaption{font-size:9px;letter-spacing:.16em;color:#d9b3a7;margin-top:14px}.hero-art{margin:0 14px 0 0}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px}.button,button.primary{background:#ff7758;color:#1c1112;border:0;padding:13px 22px;font-weight:800;text-decoration:none}.meta,.note{font-size:13px;color:#bdb5b9}.meta{margin-top:28px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#59424a;border:1px solid #59424a}.card{position:relative;background:#20191e;text-decoration:none;padding:29px;min-height:245px;transition:background .15s}.card:hover{background:#342128}.card h3{font-size:26px;letter-spacing:-.03em}.card p{font-size:14px;color:#cfc3c8;max-width:330px}.arrow{position:absolute;right:24px;bottom:18px;font-size:24px;color:#ff9574}.preservation{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid #59424a}.badge{display:inline-block;border:1px solid #74555c;padding:4px 10px;font-size:12px;margin:4px 8px 4px 0}.reading{max-width:840px;margin:auto}.reading h1{font-size:clamp(40px,6vw,70px);line-height:1.03;text-transform:none}.reading h2{font-size:28px;margin-top:38px}.reading p,.reading li{color:#d0c9cd}code{overflow-wrap:anywhere;font-size:.87em}footer{padding:30px 5vw;border-top:1px solid #59424a;color:#beb4b9;font-size:12px}button.secondary,.controls button{border:1px solid #77515b;padding:10px 15px;background:#302129;color:#f9e6e1}.search,select{display:block;width:100%;padding:11px 13px;background:#19151b;color:#f4e6e3;border:1px solid #75535f}.deck{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px 0}.player{border:1px solid #75535f;background:#1e181e;padding:30px;align-self:start;position:sticky;top:20px}.player h2{font-size:32px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.controls label{font-size:13px}.track-list{max-height:600px;overflow:auto;border-top:1px solid #59424a;margin-top:20px}.track{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #59424a;color:#eadde3;padding:14px}.track[aria-pressed=true]{background:#50303a}.track:hover{background:#34252e}.track small{display:block;color:#c6b7bd;font-size:11px;margin-top:4px}.seek{width:100%;accent-color:#ff815e}.time-line{display:flex;justify-content:space-between;font-size:12px;color:#c7b9bf}.downloads{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.metrics{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.metric{font-size:12px;background:#302029;padding:7px 12px}details{border-top:1px solid #694851;padding:20px 0}summary{cursor:pointer;color:#ffb098}details p{font-size:14px;max-width:900px}.gallery-tools{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:25px 0}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.image-card{background:#201a21;border:1px solid #533d48;padding:12px;min-width:0}.image-card .image-link{display:flex;align-items:center;justify-content:center;height:185px;background:repeating-conic-gradient(#241e25 0% 25%,#302832 0% 50%) 50%/16px 16px;overflow:hidden}.image-card img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.image-card h3{font-size:14px;margin:14px 0 5px;overflow-wrap:anywhere}.image-card p{font-size:11px;color:#c8bac3;overflow-wrap:anywhere}.pagination{display:flex;gap:18px;align-items:center;justify-content:center;margin:30px 0}.blog-card{padding:25px 0;border-bottom:1px solid #59424a}noscript p{padding:20px;border:1px solid #a56d76}@media(max-width:1000px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}header{align-items:flex-start;flex-direction:column;gap:20px}.hero{grid-template-columns:1fr;min-height:0;padding:45px 0}.hero-art{max-width:650px}.hero h1{font-size:85px}.preservation{grid-template-columns:1fr;gap:20px}}@media(max-width:700px){main{padding:0 6vw}section{padding:40px 0}.hero h1{font-size:68px}.lead{font-size:22px}.cards{grid-template-columns:1fr 1fr}.deck{grid-template-columns:1fr;gap:24px}.player{position:static;padding:22px}.track-list{max-height:420px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tools{grid-template-columns:1fr}.section-title{display:block}.image-card .image-link{height:140px}}@media(max-width:430px){.hero h1{font-size:56px}.cards{grid-template-columns:1fr}.card{min-height:220px}.hero-art{padding:10px}.gallery{gap:10px}.image-card{padding:8px}.image-card .image-link{height:115px}.controls{gap:9px}.controls button{padding:9px 11px}}

.image-card[data-category="Stage backgrounds"] img{max-width:none;height:100%;width:auto;object-position:left}.image-card details{font-size:11px;padding:10px 0 0;margin-top:10px}.image-card details p{font-size:11px}.image-card details a{font-size:11px}