/* The year changes content. The era changes the whole room, including memories and shopping. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.time-machine{padding:24px 54px;background:var(--paper);border-bottom:1px solid var(--line)}
.machine-head{display:flex;justify-content:space-between;gap:16px;font:10px var(--mono);letter-spacing:.7px;margin-bottom:16px}
.era-jumps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.era-jumps button{background:var(--cream);border:1px solid var(--line);text-align:left;padding:14px 12px;min-height:70px}
.era-jumps strong{display:block;font:700 19px Arial,sans-serif;letter-spacing:-.5px}.era-jumps span{display:block;font:9px/1.5 var(--mono);margin-top:7px}
.era-jumps button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 3px 0 var(--blue)}
.year-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;font:10px var(--mono)}
.year-controls button,.year-controls select,.year-controls input{min-height:42px;padding:10px;border:1px solid var(--line);background:var(--cream);color:var(--ink);font:11px var(--mono)}
.year-controls select{max-width:320px;min-width:0}.year-controls button{min-width:42px}.year-controls input{min-width:180px;flex:1}.vault-search-label{margin-left:auto}
.vault-results{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px;font:12px var(--mono)}.vault-results[hidden]{display:none}.vault-results button{padding:12px;background:var(--cream);border:1px solid var(--line);font:11px var(--mono)}
.year-scrubber{display:flex;align-items:center;gap:12px;max-width:1332px;margin:0 auto 16px;font:9px var(--mono)}
.year-scrubber input{flex:1;min-width:0;accent-color:var(--blue);height:26px;cursor:pointer}.year-scrubber button{min-height:36px;min-width:36px;background:var(--paper);border:1px solid var(--line)}.year-scrubber label{white-space:nowrap}.year-scrubber output{font-weight:700;margin-left:8px}
body{padding-bottom:165px}.toast{bottom:155px}.timeline{background:var(--paper);color:var(--ink)}.timeline-title small,.timeline-year{color:var(--ink)}
button:disabled{opacity:.4;cursor:default}.era-passage{background:var(--paper);border-top:1px solid var(--line)}.passage-actions{display:flex;flex-wrap:wrap;gap:12px}.passage-actions button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:16px 24px;font:12px var(--mono);min-height:48px}.passage-actions button:last-child{background:transparent;color:var(--ink)}.era-passage>p{font:11px/1.8 var(--mono);margin-top:20px}.memory-note{white-space:pre-line}
.scene-copy h2{font-size:clamp(38px,5.3vw,80px);overflow-wrap:anywhere;line-height:1.05;letter-spacing:-2px}.scene-copy{top:32%}.scene-copy p{max-width:380px}.intro-bottom p{max-width:520px}
.timeline-track a.selected{color:var(--blue)}.timeline-track a.selected .timeline-dot{background:var(--blue);border-color:var(--blue)}.timeline-track a{color:var(--ink)}
html[data-era=nineties] .scene-copy h2{font-size:clamp(64px,7.4vw,112px);letter-spacing:-5px}
html[data-era=nineties]:not([data-year="1998"]) .scene-copy h2{font-size:clamp(36px,5vw,70px);letter-spacing:-2px}
html:not([data-era=nineties]){--cream:var(--era-base);--paper:var(--era-paper);--ink:var(--era-ink);--line:var(--era-line);--blue:var(--era-accent);--serif:var(--era-font)}
html[data-era=eighties]{--era-base:#100b23;--era-paper:#1b1131;--era-ink:#f4e8ff;--era-line:#733d9c;--era-accent:#52e9ef;--era-font:'Courier New',monospace;--panel:#1b1131;--panel-ink:#f4e8ff;--section:#0c0b25;--section-ink:#efdeff;--bar:linear-gradient(90deg,#b333b1,#1e4061)}
html[data-era=y2k]{--era-base:#e5e2fc;--era-paper:#f4f1ff;--era-ink:#24194f;--era-line:#9a92be;--era-accent:#7047c8;--era-font:Tahoma,Arial,sans-serif;--panel:#f0efff;--panel-ink:#24194f;--section:#ced4f1;--section-ink:#24194f;--bar:linear-gradient(#fcf7ff,#b3acf6 45%,#b8e7f2 65%,#e4c9ff)}
html[data-era=aero]{--era-base:#dbeef8;--era-paper:#f1faff;--era-ink:#153e59;--era-line:#90b9cf;--era-accent:#087ba9;--era-font:'Trebuchet MS',Arial,sans-serif;--panel:#f4fbff;--panel-ink:#153e59;--section:#b9dfeb;--section-ink:#153e59;--bar:linear-gradient(#d8f8ff,#68b4dc 48%,#3b92c6 50%,#78cbed)}
html[data-era=social]{--era-base:#fff2e7;--era-paper:#fffdf8;--era-ink:#4b2344;--era-line:#e3b4c4;--era-accent:#b32e72;--era-font:Arial,sans-serif;--panel:#fffdf8;--panel-ink:#4b2344;--section:#ffdfdd;--section-ink:#4b2344;--bar:linear-gradient(90deg,#df5c8c,#f99375)}
html[data-era=modern]{--era-base:#161525;--era-paper:#212033;--era-ink:#f4e8d5;--era-line:#484358;--era-accent:#cfb4fa;--era-font:Arial,sans-serif;--panel:#262339;--panel-ink:#f4e8d5;--section:#171627;--section-ink:#f4e8d5;--bar:linear-gradient(90deg,#453c65,#34304b)}
html:not([data-era=nineties]) body{background-color:var(--era-base)}
html:not([data-era=nineties]) h1 em,html:not([data-era=nineties]) .story-text p,html:not([data-era=nineties]) .small-label,html:not([data-era=nineties]) .section-label,html:not([data-era=nineties]) .archive-label,html:not([data-era=nineties]) .exhibit-caption{color:var(--ink)}
html:not([data-era=nineties]) .window-bar{background:var(--bar);color:var(--ink);border-color:var(--line)}
html:not([data-era=nineties]) .brand-icon{background:var(--paper);color:var(--blue);border-color:var(--line)}
html:not([data-era=nineties]) .culture,html:not([data-era=nineties]) .shop{background-color:var(--section);color:var(--section-ink);border-color:var(--line);font-family:var(--era-font)}
html:not([data-era=nineties]) .culture .section-label,html:not([data-era=nineties]) .shop .section-label,html:not([data-era=nineties]) .culture-heading>p,html:not([data-era=nineties]) .shop-heading>p,html:not([data-era=nineties]) .retro-kicker{color:var(--section-ink)}
html:not([data-era=nineties]) .culture-heading h2,html:not([data-era=nineties]) .shop-heading h2{font-family:var(--era-font);text-shadow:none;font-size:clamp(36px,4.3vw,62px)}
html:not([data-era=nineties]) .culture-heading h2 i,html:not([data-era=nineties]) .shop-heading h2 i{color:var(--blue)}
html:not([data-era=nineties]) .culture-card,html:not([data-era=nineties]) .shop-card,html:not([data-era=nineties]) .memory-dialog{background:var(--panel);color:var(--panel-ink);border-color:var(--line)}
html:not([data-era=nineties]) .retro-titlebar{background:var(--bar);color:var(--panel-ink)}
html:not([data-era=nineties]) .retro-card-body,html:not([data-era=nineties]) .shop-window-body,html:not([data-era=nineties]) .dialog-heading,html:not([data-era=nineties]) .memory-list{background:var(--panel);color:var(--panel-ink);border-color:var(--line)}
html:not([data-era=nineties]) .culture-card h3,html:not([data-era=nineties]) .shop-card h3,html:not([data-era=nineties]) .dialog-heading h2,html:not([data-era=nineties]) .memory-row-copy strong{color:var(--blue);font-family:var(--era-font);text-decoration:none}
html:not([data-era=nineties]) .culture-card p,html:not([data-era=nineties]) .shop-card p,html:not([data-era=nineties]) .dialog-heading p,html:not([data-era=nineties]) .memory-row-copy>span,html:not([data-era=nineties]) .shop-card small,html:not([data-era=nineties]) .retailer-caption,html:not([data-era=nineties]) .memory-only,html:not([data-era=nineties]) .product-badge{color:var(--panel-ink);font-family:var(--era-font)}
html:not([data-era=nineties]) .retro-open,html:not([data-era=nineties]) .shop-button,html:not([data-era=nineties]) .dialog-toolbar,html:not([data-era=nineties]) .dialog-toolbar button,html:not([data-era=nineties]) .dialog-search,html:not([data-era=nineties]) .dialog-bottom,html:not([data-era=nineties]) .window-status{background:var(--era-base);color:var(--era-ink);border-color:var(--line)}
html:not([data-era=nineties]) .dialog-toolbar>span,html:not([data-era=nineties]) .dialog-bottom a,html:not([data-era=nineties]) .memory-row a,html:not([data-era=nineties]) .empty-memories,html:not([data-era=nineties]) .web-ring a{color:var(--blue)}
html:not([data-era=nineties]) .web-ring,html:not([data-era=nineties]) .web-ring>span:nth-child(2),html:not([data-era=nineties]) .shop .affiliate-note,html:not([data-era=nineties]) .shop .holiday-note{color:var(--section-ink)}
html:not([data-era=nineties]) .memory-strip,html:not([data-era=nineties]) .footer{background:var(--paper);color:var(--ink);border-color:var(--line)}
html:not([data-era=nineties]) .footer p,html:not([data-era=nineties]) .footer small,html:not([data-era=nineties]) .footer>a:last-of-type{color:var(--ink)}
html:not([data-era=nineties]) .music-card .memory-art img{object-position:62% center;transform:scale(1.25)}
html:not([data-era=nineties]) .movie-card .memory-art img{object-position:90% center;transform:scale(1.35)}
html:not([data-era=nineties]) .desk-card .memory-art img{object-position:35% center;transform:scale(1.2)}
html[data-era=eighties] .culture,html[data-era=eighties] .shop{background-image:linear-gradient(#ef45d926 1px,transparent 1px),linear-gradient(90deg,#57d5f526 1px,transparent 1px);background-size:42px 42px}
html[data-era=eighties] h1,html[data-era=eighties] .scene-copy h2{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;text-shadow:3px 3px 0 #9d399d,0 0 20px #eb3bc344}
html[data-era=eighties] .culture-card,html[data-era=eighties] .shop-card{box-shadow:0 0 18px #d63fcb44;border:1px solid #e441cf}
html[data-era=y2k] .culture,html[data-era=y2k] .shop{background-image:radial-gradient(ellipse at 10% 20%,#fce1ff,transparent 40%),radial-gradient(ellipse at 85% 65%,#a0dbfa,transparent 45%);background-size:auto}
html[data-era=y2k] .culture-card,html[data-era=y2k] .shop-card{border:3px ridge #eae5ff;border-radius:28px;padding:8px;box-shadow:4px 8px 0 #9890bb55,inset 0 0 15px #fff}
html[data-era=y2k] .retro-titlebar,html[data-era=y2k] .retro-open,html[data-era=y2k] .shop-button{border-radius:24px;border:2px outset #fff;box-shadow:inset 0 0 10px #aaa1ea66}
html[data-era=y2k] .memory-art,html[data-era=y2k] .retro-card-body,html[data-era=y2k] .retailer-banner,html[data-era=y2k] .shop-window-body{border-radius:18px}
html[data-era=aero] .culture,html[data-era=aero] .shop{background-image:radial-gradient(ellipse at top,#fff9,transparent 65%),linear-gradient(155deg,#caeeff,#d9f3df);background-size:auto}
html[data-era=aero] .culture-card,html[data-era=aero] .shop-card{border:2px solid #fff9;border-radius:15px;box-shadow:0 10px 24px #2c819d33;padding:7px}
html[data-era=aero] .retro-titlebar{border-radius:8px 8px 0 0;text-shadow:0 1px 0 #fff9}
html[data-era=aero] .shop-button,html[data-era=aero] .retro-open{background:var(--bar);border-radius:9px;border:1px solid #4d9fbc}
html[data-era=social] .culture,html[data-era=social] .shop{background-image:radial-gradient(circle at 8px 8px,#d5769733 2px,transparent 3px);background-size:30px 30px;border-width:1px}
html[data-era=social] .culture-card,html[data-era=social] .shop-card{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 6px 0 #eca9bc44}
html[data-era=social] .retro-open,html[data-era=social] .shop-button{border:0;border-radius:4px;background:#b32e72;color:white}
html[data-era=modern] .culture,html[data-era=modern] .shop{background-image:radial-gradient(ellipse at 85% 10%,#59417655,transparent 50%);background-size:auto;border-width:1px}
html[data-era=modern] .culture-card,html[data-era=modern] .shop-card{border:1px solid var(--line);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 14px 28px #0003}
html[data-era=modern] .retro-card-body,html[data-era=modern] .shop-window-body{border:0;padding:26px}
html[data-era=modern] .retro-open,html[data-era=modern] .shop-button{background:#cfb4fa;color:#20182b;border:0;border-radius:24px}
html[data-era=modern] .retailer-banner{border:0;margin-top:0}.retailer-banner{overflow-wrap:anywhere}
html[data-era=modern] .culture-card .retro-titlebar,html[data-era=modern] .shop-card .retro-titlebar{background:transparent;font:12px Arial,sans-serif;padding:16px 24px;color:#cfb4fa}
html[data-era=modern] .culture-card .retro-titlebar>span:last-child,html[data-era=modern] .shop-card .retro-titlebar>span:last-child,html[data-era=social] .culture-card .retro-titlebar>span:last-child,html[data-era=social] .shop-card .retro-titlebar>span:last-child{display:none}
html[data-era=modern] .culture-heading>p,html[data-era=modern] .shop-heading>p{font-family:Arial,sans-serif}
html[data-era=y2k] .shop .holiday-note .handwritten,html[data-era=aero] .shop .holiday-note .handwritten,html[data-era=social] .shop .holiday-note .handwritten{color:var(--ink)}
html:not([data-era=nineties]) .scene-tag{background:var(--paper);color:var(--ink)}
html:not([data-era=nineties]) .cream-button{background:var(--paper);color:var(--ink);border-color:var(--line)}
html:not([data-era=nineties]) .scene-copy p{color:#fff8e6}
@media(max-width:1050px){.time-machine{padding:24px 35px}.era-jumps span{font-size:8px}.era-jumps button{padding:12px 8px}.scene-copy h2{font-size:54px}.year-controls select{max-width:260px}.vault-search-label{margin-left:0}}
@media(max-width:720px){body{padding-bottom:150px}.time-machine{padding:20px 22px}.machine-head{font-size:8px}.machine-head>span:last-child{max-width:105px;text-align:right;line-height:1.5}.era-jumps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.era-jumps button{min-height:67px}.era-jumps strong{font-size:16px}.era-jumps span{font-size:7px;line-height:1.5}.year-controls{gap:8px}.year-controls label:first-of-type{display:none}.year-controls select{max-width:none;flex:1;width:0;font-size:9px}.vault-search-label{flex-basis:100%;margin-top:8px}.year-controls input{width:100%;flex-basis:100%;font-size:10px}.year-scrubber{gap:7px;font-size:7px;margin-bottom:14px}.year-scrubber label{font-size:0}.year-scrubber output{font-size:12px;margin:0}.year-scrubber button{min-width:30px;min-height:32px}.timeline-inner{gap:8px}.toast{bottom:140px}.scene-copy h2,html[data-era=nineties] .scene-copy h2{font-size:clamp(25px,7vw,44px);white-space:normal;letter-spacing:-1px;line-height:1.05;max-width:100%}.scene-copy{top:auto;bottom:64px}.scene-copy p{margin-bottom:13px;font-size:12px}.scene-copy .scene-kicker{font-size:6px}.scene-photo{bottom:265px}.scene-shade{bottom:265px}.scene-frame{min-height:590px}.scene-copy{left:18px;right:18px}.scene-copy .cream-button{font-size:8px}.intro-bottom p{max-width:65%;font-size:12px}.intro h1{font-size:clamp(40px,8vw,59px)}.handwritten{max-width:80px}.passage-actions button{width:100%;font-size:11px}.era-passage{padding:35px 23px}html:not([data-era=nineties]) .scene-copy p{color:var(--ink)}html:not([data-era=nineties]) .scene-kicker,html:not([data-era=nineties]) .scene-footer{color:var(--ink)}.retro-titlebar{font-size:9px}.art-sticker{font-size:7px}.memory-note{display:none}}
@media(prefers-reduced-motion:reduce){.memory-art img{transform:none!important}}
@media(max-width:720px){html[data-era=nineties]:not([data-year="1998"]) .scene-copy h2{font-size:clamp(25px,7vw,36px);letter-spacing:-1px}.timeline-year{font-size:23px}}
.toy-shelf{margin-top:50px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.shelf-heading h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:12px 0 20px}.shelf-heading>span{font:10px var(--mono)}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shelf-toy{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--paper);border:1px solid var(--line);text-decoration:none;min-width:0;transition:transform .2s}.shelf-toy:hover{transform:translateY(-3px);border-color:var(--blue)}.shelf-toy>span{font:11px var(--mono);color:var(--blue)}.shelf-toy strong{font-size:19px;font-weight:400;line-height:1.35}.shelf-toy small{font-size:12px;line-height:1.6;opacity:.8}
.shelf-art{display:block;position:relative;overflow:hidden;aspect-ratio:1;background:#251d36;width:100%;isolation:isolate}.shelf-art img{position:absolute;max-width:none;display:block;object-fit:fill;transform:none}.shelf-toy .shelf-art-caption{margin-top:auto;font:9px var(--mono);opacity:.65}
html:not([data-era=nineties]) .music-card .memory-art img,html:not([data-era=nineties]) .movie-card .memory-art img,html:not([data-era=nineties]) .desk-card .memory-art img{transform:none;object-position:center}
@media(max-width:720px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-toy{padding:14px;gap:8px}.shelf-toy strong{font-size:15px}.shelf-toy small{font-size:11px}.shelf-heading>span{display:none}.shelf-heading h3{font-size:27px}}
.gallery-button{font:10px var(--mono);padding:9px 12px;background:var(--cream);border:1px solid var(--line);color:var(--ink);min-height:36px;white-space:nowrap}.machine-head{align-items:center}.machine-head>span:nth-child(2){margin-left:auto}body:has(#savedDialog[open]){overflow:hidden}
@media(max-width:720px){.machine-head>span:nth-child(2){display:none}.gallery-button{font-size:8px;margin-left:auto;padding:8px}}