:root{font-family:Arial,Helvetica,sans-serif;color:#202e60;font-synthesis:none;--px:0;--py:0;--red:#df153e;--yellow:#ffe52c}
body{overflow:hidden}
*{box-sizing:border-box}body{margin:0;background:#d7c49a}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ed3987;outline-offset:3px}[hidden]{display:none!important}
.skip{position:fixed;top:10px;left:10px;padding:12px;background:#fff;z-index:30;transform:translateY(-160%)}.skip:focus{transform:none}
.room{height:100svh;position:relative;overflow:hidden;isolation:isolate;background:#d7c49a;transform-origin:0 0}
.room-layer,.desk-layer{position:absolute;inset:-20px;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat;will-change:transform}
.room-layer{background-image:url('assets/room-layer.png');transform:translate(calc(var(--px)*-8px),calc(var(--py)*-5px))}.desk-layer{background-image:url('assets/desk-layer.png');transform:translate(calc(var(--px)*-15px),calc(var(--py)*-8px))}
.computer{position:absolute;width:min(820px,calc(100vw - 42px));bottom:20%;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + var(--px)*-21px),calc(var(--py)*-11px)) scale(var(--fit,1));will-change:transform}
.monitor{position:relative;background:linear-gradient(130deg,#ded5b8,#ccc2a3 80%);border:3px solid #77745f;border-radius:31px;padding:24px 27px 49px}
.socket{background:#323c35;border:12px solid #8e8c75;border-radius:23px;padding:10px}
.screen{background:#fff;container-type:inline-size;position:relative;overflow:hidden;min-width:0;isolation:isolate;border-radius:5px}
.portal{font-size:1.55cqw;line-height:1.4;border-top:1.15cqw solid var(--red);background:#fff;min-height:72cqw;display:flex;flex-direction:column}
.masthead{display:flex;justify-content:space-between;align-items:center;padding:2.5cqw 2.2cqw;gap:2cqw}.masthead h1{margin:0;font-size:inherit}
.wordmark{font-size:4.4cqw;letter-spacing:-.19cqw;font-weight:900;text-decoration:none;color:var(--red);line-height:1}
.nav{background:#202e60;display:flex;align-items:stretch;padding:0 .9cqw;font-size:1.3cqw;font-weight:800;min-height:4.9cqw}.nav a,.nav button{display:flex;align-items:center;padding:1.2cqw 1.4cqw;text-decoration:none;color:#fff;background:none}.nav a:hover,.nav button:hover,.nav .current{background:#34487e}.nav>span{margin-left:auto;align-self:center;color:#ffe52c;padding-right:1.6cqw}.nav b{font-size:1.8cqw;margin-left:.5cqw}
.news{display:flex;align-items:center;gap:1.1cqw;background:#fff0a4;padding:1cqw 1.5cqw;font-size:1.5cqw}.news>b{background:var(--red);color:#fff;padding:.15cqw .7cqw;font-size:1.25cqw}.ticker{overflow:hidden;flex:1;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:ticker 18s linear infinite}.ticker-track span{display:block;flex:none;padding-right:3cqw}.ticker i{font-style:normal;color:var(--red);margin:0 3cqw}.news:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}
.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw;margin:0 2cqw;flex:1}
.era{display:flex;flex-direction:column;position:relative;min-width:0;text-decoration:none;background:var(--tile);color:#fff;padding:1.6cqw 1.2cqw;transition:filter .15s;overflow:hidden;border:1px solid transparent;min-height:19cqw}.era:hover,.era:focus-visible{filter:brightness(1.12);border-color:#fff}.era:active{filter:brightness(.9)}
.era-meta{display:flex;align-items:center;gap:.7cqw;font-size:.88cqw;font-weight:700;letter-spacing:.02cqw;white-space:nowrap}.era-number{padding:.15cqw .55cqw;background:#fff;color:var(--tile);font-size:1.05cqw}.era-title{font-size:2.2cqw;font-weight:900;margin:2.5cqw 0 .8cqw;line-height:1.2;letter-spacing:-.06cqw}.era-cta{margin-top:auto;background:#fff0a4;color:#202e60;font-size:1.05cqw;font-weight:800;padding:.75cqw .7cqw;display:flex;justify-content:space-between;align-items:center}.era-cta b{font-size:1.4cqw;line-height:1}
.portal footer{padding:1.8cqw 2cqw;display:flex;justify-content:space-between;align-items:center;font-size:1.1cqw;color:#5c6376}.portal footer i{font-style:normal;margin:0 .7cqw}.portal footer button{background:none;color:var(--red);font-size:1.1cqw;font-weight:800;padding:.3cqw}
.case-controls{position:absolute;right:32px;bottom:16px;display:flex;align-items:center;gap:14px}.switch{width:8px;height:12px;background:#737564}.power-light{width:15px;height:15px;border-radius:50%;background:#a6c782}.neck{height:35px;width:29%;margin:0 auto;background:#b4a88a;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.foot{height:13px;width:41%;margin:-1px auto 0;border-radius:5px;background:#c6b99a}
.crt-glass,.crt-grain,.crt-scan{display:none;position:absolute;inset:0;pointer-events:none;z-index:8;border-radius:inherit}.crt-enabled>.crt-glass,.crt-enabled>.crt-grain,.crt-enabled>.crt-scan{display:block}
.crt-glass{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(20,30,20,.13) 2px,rgba(20,30,20,.13) 3px),radial-gradient(ellipse at center,transparent 47%,rgba(26,32,24,.2) 100%),linear-gradient(115deg,rgba(255,255,220,.12),transparent 45%);mix-blend-mode:multiply}
.crt-grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px;mix-blend-mode:multiply}
.crt-scan{background:linear-gradient(to bottom,transparent,rgba(210,255,231,.07),transparent);height:20%;animation:scan 9s linear infinite}.crt-enabled .portal{text-shadow:.3px 0 rgba(255,0,70,.2),-.3px 0 rgba(0,130,255,.2)}@keyframes scan{from{transform:translateY(-100%)}to{transform:translateY(600%)}}
.connection{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:7;background:#20263130;cursor:wait}.connection-window{width:65%;background:#c8c8c2;border:2px solid #333;color:#141a20;padding:3px;font-family:'Courier New',monospace}.connection-title{background:#182765;color:white;display:flex;justify-content:space-between;padding:.75cqw 1cqw;font-size:1.4cqw;font-weight:700}.connection-body{display:flex;align-items:center;gap:1.8cqw;padding:2.2cqw 2cqw}.connection-body b{display:block;font-size:1.55cqw}.connection-body div>span{display:block;font-size:1.05cqw;margin-top:.8cqw}.hourglass{font-size:4cqw;filter:grayscale(1)}.connection-track{height:2.1cqw;border:1px solid #606060;margin:0 2cqw;background:#eee;padding:2px}.connection-track>div{height:100%;width:0;background:repeating-linear-gradient(90deg,#182765 0 .9cqw,transparent .9cqw 1.2cqw)}.connection-status{padding:1cqw 2cqw;display:flex;justify-content:space-between;font-size:1.15cqw}.zoom-active .portal{cursor:wait}.zoom-stage{position:fixed;inset:0;z-index:10;background:#f4efdf}.zoom-stage .screen{width:100%;height:100%;overflow:auto;border-radius:0;container-type:inline-size}.zoom-stage .crt-glass,.zoom-stage .crt-grain,.zoom-stage .crt-scan{display:none}
@media(max-width:700px){
 .room-layer,.desk-layer{inset:-10px -25%}.computer{width:calc(100vw - 42px)}.monitor{padding:12px 10px 37px;border-radius:23px}.socket{padding:5px;border-width:6px;border-radius:12px}.case-controls{right:20px;bottom:10px;gap:10px}.power-light{width:12px;height:12px}.neck{height:25px}.foot{height:10px}
 .portal{min-height:90cqw}.masthead{padding:3.4cqw 2.5cqw}.wordmark{font-size:5.1cqw}.nav{font-size:1.8cqw;min-height:8cqw}.nav a,.nav button{padding:2cqw 1.4cqw}.nav>span{font-size:1.5cqw}.news{font-size:2.2cqw;padding:1.7cqw}.news>b{font-size:1.8cqw}
 .period-grid{grid-template-columns:repeat(2,1fr);gap:2cqw;margin:0 2cqw}.era{padding:2.2cqw;min-height:23cqw}.era-meta{font-size:1.65cqw;gap:1cqw}.era-number{font-size:1.7cqw;padding:.3cqw 1cqw}.era-title{font-size:4cqw;margin:1.8cqw 0 1cqw}.era-cta{font-size:1.9cqw;padding:1.5cqw 1cqw;min-height:7cqw}.era-cta b{font-size:2.7cqw}.portal footer{font-size:1.6cqw;padding:2.6cqw 2cqw}.portal footer button{font-size:1.6cqw}.connection-window{width:85%}.connection-title{font-size:2cqw}.connection-body b{font-size:2.3cqw}.connection-body div>span{font-size:1.6cqw}.connection-track{height:3.5cqw}.connection-status{font-size:1.8cqw}
}
@media(max-width:700px) and (max-height:700px){.portal{min-height:90cqw}.period-grid{grid-template-columns:repeat(4,1fr);gap:1.3cqw;margin:0 1.5cqw}.era{padding:1.4cqw 1cqw;min-height:23cqw}.era-meta{font-size:1.2cqw;gap:.5cqw}.era-number{font-size:1.3cqw;padding:.2cqw .5cqw}.era-title{font-size:2.45cqw;margin:2cqw 0 1cqw}.era-cta{font-size:1.3cqw;min-height:5cqw;padding:.8cqw .5cqw}.era-cta b{font-size:2cqw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.room-layer,.desk-layer{transform:none}.computer{transform:translateX(-50%) scale(var(--fit,1))}.crt-scan{display:none!important}.ticker-track{transform:none}}

/* INFO stays inside the monitor, replacing the directory without a modal. */
.period-grid{margin-top:2.5cqw}
.info-window{margin:2.5cqw 2cqw 0;border:1px solid #7c8190;background:#f1f0e7;flex:1;display:flex;flex-direction:column}
.info-titlebar{display:flex;align-items:center;justify-content:space-between;padding:.9cqw 1.4cqw;background:#202e60;color:white}
.info-titlebar h2{margin:0;font:700 1.6cqw 'Courier New',monospace}
.info-titlebar button{font-size:2.5cqw;line-height:1;background:none;color:white;padding:0 .6cqw}
.info-names{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2cqw 4cqw;font:2.4cqw/1.5 'Courier New',monospace;color:#222}
.info-names p{margin:.4cqw 0}
.zoom-stage{background:#fff}.zoom-active .skip{display:none}
.selection{min-height:100%;background:#fff;padding:16px;color:#000}
.return{margin:0;padding:0;border:0;background:none;color:#0000ee;text-decoration:underline;font:16px 'Times New Roman',serif;cursor:pointer}
@media(max-width:700px){.info-titlebar h2{font-size:2.8cqw}.info-titlebar button{font-size:5cqw}.info-names{font-size:4cqw}}