/* CUSTOMIZE: palette lives here. All art is lightweight CSS or inline SVG. */
:root{--room:#101310;--screen:#142119;--screen-dark:#101b14;--ink:#b8c9a3;--muted:#819779;--accent:#d5b982;--line:#3d513b;--plastic:#8d8d78;--fan-duration:500ms;--intro-duration:4800ms;color-scheme:dark;font-family:'Courier New',monospace;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--room);color:var(--ink);min-height:100svh;overflow-x:hidden;font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}button:hover,a:hover{color:#e0e8cd}::selection{background:#b8c9a3;color:#15251b}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;background:var(--screen);padding:12px}.skip-link:focus{top:16px}.room{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 49% 58%,#303b262a,transparent 63%),linear-gradient(90deg,#080d0c66,transparent 30%,#080b0866)}.room:after{content:'';position:absolute;inset:0;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='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.17}.wall-line{position:absolute;top:70%;height:4px;background:#20251e;width:100%;box-shadow:0 4px #090e0a}.window{position:absolute;right:6%;top:13%;width:175px;height:218px;border:9px solid #272b23;box-shadow:0 0 0 4px #0a0f0e,inset 0 0 40px #030807;background:repeating-linear-gradient(0deg,transparent 0 19px,#64796e0b 20px 21px),#0e1819}.window:after,.window:before{content:'';background:#272b23;position:absolute;z-index:1}.window:after{width:7px;inset:0 auto 0 50%}.window:before{height:7px;inset:50% 0 auto}.moon{position:absolute;right:22px;top:23px;width:20px;height:24px;background:#748473;box-shadow:5px 0 #0e1819,inset 5px 0 #8f9e83;clip-path:polygon(25% 0,75% 0,75% 15%,100% 15%,100% 85%,75% 85%,75% 100%,25% 100%,25% 85%,0 85%,0 15%,25% 15%)}.window i{position:absolute;width:2px;height:2px;background:#536764;top:20%;left:20%}.window i:nth-child(2){top:80%;left:70%}.window i:nth-child(3){top:64%;left:30%}.window i:nth-child(4){top:40%;left:85%}.wall-note{position:absolute;left:7%;top:20%;font-size:9px;line-height:1.7;color:#5e6250;background:#2b3025;padding:20px 16px;transform:rotate(-6deg);border-top:4px solid #424536}.wall-note span{display:block;text-align:right;font-size:22px}.hanging-wire{position:absolute;width:130px;height:220px;left:1%;top:-30px;border-right:3px solid #060a08;border-bottom:3px solid #060a08;border-radius:0 0 80px 0}.shelf{position:absolute;left:20%;top:15%;width:140px;height:8px;background:#2b2c22;box-shadow:0 8px #090e0b}.shelf i{position:absolute;bottom:8px;width:12px;height:37px;background:#414438;left:20px;border-top:3px solid #5e5f4c}.shelf i:nth-child(2){left:35px;height:43px;background:#3b443a}.shelf i:nth-child(3){left:52px;height:32px;background:#5a4a36;transform:rotate(-12deg)}.shelf i:nth-child(4){left:78px;height:38px;background:#464b36}.outside-header,.outside-footer{position:relative;z-index:2;max-width:1420px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;color:#7e8973;font-size:10px;letter-spacing:1.3px}.outside-header>a{font-size:18px;text-decoration:none;color:#b6b9a3;font-weight:bold;letter-spacing:-1px}.outside-header>a span{color:var(--accent);display:inline-block;margin:0 1px}.outside-header>div{display:flex;align-items:center;gap:10px;font-size:9px}.tiny-led{display:inline-block;flex-shrink:0;width:5px;height:5px;background:#a3b988;box-shadow:0 0 5px #8bac5960}.room-coordinate{font-size:9px;color:#616d60}
.scene{position:relative;width:min(1130px,92vw);height:700px;margin:30px auto 0;transform-origin:50% 58%;}.computer{display:flex;align-items:flex-end;gap:27px;position:absolute;top:35px;left:50%;transform:translateX(-50%);width:94%;z-index:3}.monitor-assembly{flex:1;min-width:0;position:relative}.monitor{background:var(--plastic);padding:20px 21px 0;border:4px solid #464c3d;border-top-color:#a6a691;border-left-color:#9f9f88;box-shadow:6px 0 #363d31,10px 6px #090e0b,-5px 3px #292e25,inset 4px 4px #b1b09a,inset -5px -2px #646a55;clip-path:polygon(1% 0,98% 0,100% 3%,100% 96%,98% 100%,1% 100%,0 97%,0 3%)}.bezel{background:#555e4b;padding:10px 11px 11px;border-top:5px solid #464e3d;border-left:5px solid #4d5543;border-right:5px solid #bab8a0;border-bottom:5px solid #a6a88e;box-shadow:0 0 0 2px #71745f}.screen{height:446px;background:var(--screen);position:relative;overflow:hidden;border:3px solid #0b130e;border-radius:15px 15px 20px 20px;box-shadow:inset 0 0 40px #020a07,0 0 2px 2px #323d2e}.screen-glass{position:absolute;inset:0;pointer-events:none;z-index:6;border-radius:inherit;background:repeating-linear-gradient(transparent 0 2px,#00000016 2px 3px);box-shadow:inset 0 0 25px 4px #03090699,inset 0 0 60px #02080233}.operating-system{height:100%;display:flex;flex-direction:column;text-shadow:0 0 5px #98b87d22}.system-bar{height:33px;padding:0 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;background:#20302366;flex-shrink:0}.system-icon{font-size:17px;vertical-align:-1px;margin-right:7px}.version{color:var(--muted);margin-left:8px;font-size:9px}.system-clock{font-size:10px;color:#9ba88a}.workspace{display:flex;flex:1;min-height:0}.sidebar{width:153px;border-right:1px solid var(--line);flex-shrink:0;padding:24px 10px 0 14px;position:relative;background:#0c180e33}.sidebar-heading{font-size:9px;color:var(--muted);letter-spacing:2px;margin:0 0 18px 9px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:11px;padding:10px 8px;border:1px solid transparent;position:relative;white-space:nowrap}.sidebar nav a[aria-current]{border:1px solid #5e7752;background:#34492d99;color:#cfddba}.sidebar nav a:hover{background:#31432b66}.nav-icon{font-size:16px;width:16px;line-height:12px;text-align:center}.nav-arrow{position:absolute;right:8px;opacity:.7}.sidebar-bottom{position:absolute;bottom:18px;left:22px;font-size:9px;line-height:1.7;color:var(--muted)}.pixel-flower{font-size:34px;color:#adbe86;line-height:24px;margin:0 0 13px 11px}.pixel-flower span{display:block;font-size:20px;line-height:14px;padding-left:8px;color:#667d54}.sidebar-bottom p{margin:8px 0 14px}.disk-label{font-size:8px;letter-spacing:1px;color:#657a60}.page-shell{flex:1;min-width:0;display:flex;flex-direction:column;padding:15px 16px 0}.path-bar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:25px;border:1px solid var(--line);padding:0 8px;font-size:8px;letter-spacing:1px;color:#91a383;background:#293b242e}.path-bar>span:last-child{letter-spacing:3px}#page{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#506744 transparent;flex:1;padding:24px 14px 16px;outline:none}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:2px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'+';color:var(--accent)}h1{font-family:'Courier New',monospace;letter-spacing:-3px;font-size:53px;line-height:1;margin:0 0 9px;font-weight:bold;color:#c6d5b1;text-shadow:2px 2px #455939}.tagline{font-size:17px;color:#d2b985;margin:0 0 18px;letter-spacing:1px}.cursor{animation:blink 1.2s steps(1) infinite}.intro-copy{font-size:11px;line-height:1.9;color:#9daf91;margin:0;max-width:340px}.home-hero{position:relative;min-height:190px;padding-right:100px}.pixel-scene{position:absolute;width:125px;height:120px;right:-3px;top:5px;image-rendering:pixelated;opacity:.85}.divider{height:1px;border-top:1px dashed #45593c;margin:13px 0 18px}.home-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.small-heading{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin:0 0 11px}.entry-link{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:10px;padding:6px 0;color:#b8c9a3}.entry-link span:first-child{color:var(--accent)}.entry-link:hover{text-decoration:underline}.entry-link small{font-size:8px;color:#85957a;margin-left:auto}.now-box{border:1px solid #4c5e40;padding:11px 12px;position:relative;background:#26342255}.now-box .small-heading{font-size:8px;color:var(--accent);margin-bottom:8px}.now-box p{font-size:10px;line-height:1.7;margin:0;color:#a4b596}.now-box small{display:block;margin-top:7px;font-size:8px;color:#7f9372}.status-bar{height:27px;flex-shrink:0;border-top:1px solid var(--line);font-size:8px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#8fa380}.status-bar>span:first-child{display:flex;align-items:center;gap:7px}.status-bar b{margin:0 9px;font-weight:normal}.monitor-chin{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#333e30}.monitor-brand{font-family:Arial,sans-serif;font-size:16px;font-weight:900;letter-spacing:-.7px;text-shadow:0 1px #b9bba0}.monitor-brand>span{font-weight:400}.monitor-brand small{font-family:monospace;font-size:5px;letter-spacing:1px;display:block;margin-top:3px}.monitor-controls{display:flex;align-items:center;gap:18px}.control-grooves{font-size:15px;letter-spacing:2px;opacity:.5}.power-led{width:5px;height:5px;background:#b8d582;box-shadow:0 0 7px #befd5e99}.monitor-controls button{background:#777e65;border:2px solid #5e6753;border-top-color:#a4a78c;border-left-color:#a4a78c;width:26px;height:23px;color:#384632;font-size:16px;padding:0}.monitor-neck{width:108px;height:23px;background:linear-gradient(#3d4738,#777e63);margin:0 auto;border-left:5px solid #4d5744;border-right:5px solid #424d3b}.monitor-foot{width:210px;height:16px;background:#878b72;border-top:4px solid #a3a48a;margin:auto;clip-path:polygon(10% 0,90% 0,100% 65%,100% 100%,0 100%,0 65%);box-shadow:0 4px #333e2d}.tower{width:150px;height:392px;position:relative;flex-shrink:0;margin-bottom:8px;background:#737963;border:4px solid #414c3d;border-top-color:#9ea18a;border-left-color:#9ea18a;box-shadow:8px 7px #080e0a,inset -9px 0 #535e49}.tower-front{position:absolute;inset:9px 16px 8px 6px;border:2px solid #5e6b51;border-top-color:#838c71;padding:12px 9px;background:#7b836b}.tower-brand{font-family:Arial,sans-serif;font-weight:bold;font-size:10px;color:#2d3d2b;margin-bottom:18px;letter-spacing:2px}.tower-brand span{float:right;font-family:monospace;font-size:8px;letter-spacing:0;color:#47553d}.cd-drive{height:34px;border:2px solid #56624a;border-bottom-color:#a0a78c;background:#747e63;position:relative;margin-bottom:10px}.cd-drive>span{position:absolute;height:4px;left:5px;right:5px;top:8px;background:#394932;box-shadow:0 2px #9aa583}.cd-drive b{position:absolute;bottom:1px;right:5px;font-size:11px;color:#2e402a}.floppy-drive{width:75%;height:27px;background:#35432f;border:3px solid #626e54;border-bottom-color:#a5ad92;position:relative;margin-bottom:18px}.floppy-drive span{height:4px;position:absolute;left:4px;right:4px;top:6px;background:#0d1b10;box-shadow:0 2px #536344}.tower-lights{display:flex;align-items:center;gap:5px;font-size:5px;color:#35482d}.tower-lights i{height:4px;width:4px;background:#bedb78;box-shadow:0 0 3px #9ee26b}.tower-lights i.activity-led{background:#50492e;box-shadow:none}.tower-lights b{font-size:14px;background:#233422;color:#b9cd83;padding:2px 4px;margin-left:auto;font-weight:normal}.fan-housing{width:88px;height:88px;margin:20px auto 10px;background:#293b29;border:4px solid #5d6c51;box-shadow:1px 1px #a0aa87,inset 0 0 0 5px #1e2d20;position:relative;overflow:hidden;border-radius:50%}.fan{color:#556a47;width:100%;height:100%;padding:5px}.fan-grill{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#89957866 5px 7px);border-radius:50%;box-shadow:inset 0 0 0 3px #16251c}.tower-vents{height:39px;margin:12px 2px;background:repeating-linear-gradient(0deg,#384b31 0 2px,#a0a88a 2px 3px,transparent 3px 6px)}.tower-sticker{position:relative;color:#c2c2a6;background:#40524a;border:1px solid #b0b49b;padding:4px;font-family:Arial,sans-serif;font-size:6px;line-height:1.3;width:48px;transform:rotate(-4deg);margin-top:14px}.tower-sticker b{font-size:8px}.tower-sticker span{position:absolute;right:2px;top:4px;font-size:17px;color:#8db3a3}.tower-screw{position:absolute;bottom:3px;right:5px;font-size:10px;color:#47563e}.is-loading .fan{animation:fan-spin .18s linear infinite}.is-loading .activity-led{background:#e1ae55!important;box-shadow:0 0 7px #eba23a!important}.is-loading .status-bar .tiny-led{background:var(--accent)}.page-refresh{animation:refresh .2s steps(3)}
.desk-top{position:absolute;top:542px;height:104px;left:-13%;right:-13%;background:repeating-linear-gradient(0deg,transparent 0 18px,#48463533 18px 20px,transparent 20px 36px),linear-gradient(90deg,#292b21,#454634 50%,#252b20);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);border-top:3px solid #50513d}.desk-front{position:absolute;top:646px;left:-13%;right:-13%;height:23px;background:#292c20;border-top:4px solid #5b5940;border-bottom:6px solid #161e14;box-shadow:0 19px 25px #070d0a}.keyboard{position:absolute;z-index:5;top:613px;left:25%;width:45%;height:40px;transform:skewX(-10deg);background:#777f65;border:4px solid #979a7e;border-bottom:7px solid #505d46;box-shadow:5px 6px #182117}.keyboard>div{height:17px;background:repeating-linear-gradient(90deg,transparent 0 12px,#8f987a 12px 15px),repeating-linear-gradient(0deg,#35482f 0 3px,#65775a 3px 6px,#919a7a 6px 8px)}.keyboard>span{display:block;width:38%;height:5px;background:#8f977b;margin:3px auto 0;border-bottom:2px solid #3c4d32}.mug{position:absolute;right:0;top:570px;width:44px;height:46px;background:#9c9c7b;border:4px solid #414c37;border-top:5px solid #aeb08c;box-shadow:inset 5px 0 #7c8867,4px 4px #1b2519;z-index:4}.mug:after{content:'';position:absolute;width:14px;height:23px;right:-17px;top:4px;border:5px solid #879273}.mug span{font-size:16px;display:block;transform:rotate(90deg);color:#46543b;text-align:center;margin-top:8px}.floppy{position:absolute;top:604px;left:9%;width:56px;height:47px;background:#263f37;border:3px solid #1b2c25;transform:rotate(-13deg);z-index:4;box-shadow:3px 4px #152217}.floppy span{background:#b4ae87;display:block;margin:13px 4px 0;padding:3px;font-size:6px;color:#384a35}.floppy span b{font-size:5px;font-weight:normal}.sticky-note{position:absolute;right:13%;top:607px;width:95px;min-height:66px;z-index:5;background:#b8aa6c;box-shadow:3px 4px #1a221877;padding:13px 9px;font-size:10px;line-height:1.5;color:#4b4c2a;transform:rotate(7deg)}.sticky-note span{float:right;margin-top:1px;font-size:15px}.plant{position:absolute;top:420px;left:-5%;width:70px;height:120px;z-index:1}.leaves{font-size:100px;color:#3d5639;line-height:80px;text-shadow:8px -10px #273d2a,-6px -22px #455a36}.pot{width:51px;height:46px;position:absolute;bottom:0;left:12px;background:#695b40;border-top:7px solid #84764f;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.outside-footer{padding-top:12px;font-size:8px;letter-spacing:1px;gap:15px}.outside-footer>div{display:flex;gap:14px;align-items:center;letter-spacing:0}.outside-footer button{font-size:10px;padding:7px 0}.outside-footer>div>span{color:#3e493b}.footer-signoff{letter-spacing:0;font-size:10px}.footer-signoff i{color:var(--accent);font-style:normal;margin-left:8px}
/* Intro stages are coordinated by app.js. Returning visitors skip these classes. */
.boot{display:none;position:absolute;inset:0;padding:36px;font-size:12px;line-height:1.9;z-index:2}.boot>span:first-child{color:var(--accent)}.boot-ready{opacity:0}.intro-caption{display:none;position:fixed;bottom:8%;left:0;right:0;text-align:center;z-index:10;font-size:11px;letter-spacing:2px}.intro-caption button{display:block;margin:20px auto 0;color:#a1ac93;font-size:10px;border-bottom:1px solid #4d5a43;padding:6px}.intro .scene{transform:scale(.64);filter:brightness(.55)}.intro .outside-header,.intro .outside-footer{opacity:0}.intro .intro-caption{display:block}.intro .operating-system{visibility:hidden}.intro .screen{background:#080e0a}.intro .power-led{background:#3c4636;box-shadow:none}.intro.power-on .screen{background:var(--screen);animation:power-on .65s steps(4)}.intro.power-on .power-led{background:#b8d582;box-shadow:0 0 9px #b6d67f}.intro.power-on .boot{display:block}.intro.connected .boot-ready{opacity:1}.intro.zoom-in .scene{transform:scale(1);filter:brightness(1);transition:transform 2.3s cubic-bezier(.18,.55,.25,1),filter 2.2s}.intro.zoom-in .intro-caption{opacity:0;transition:opacity 1s;pointer-events:none}.intro.zoom-in #skip-intro{pointer-events:auto;opacity:1}.intro .operating-system{pointer-events:none}.noscript{position:fixed;inset:auto 15px 30px;background:#142119;padding:20px;z-index:20}
/* Interior pages. Replace sample copy and archive records in app.js. */
.page-title{font-size:31px;letter-spacing:-1px;margin:0 0 14px}.body-copy{font-size:11px;line-height:1.9;margin:0 0 14px;color:#a9bd99}.body-copy strong{font-weight:normal;color:var(--accent)}.note-box{font-size:10px;padding:14px;border-left:2px solid #9b9e69;background:#26372466;line-height:1.8;color:#b0c29b;margin:17px 0}.text-link{color:var(--accent);font-size:10px;text-underline-offset:4px}.archive-row{display:grid;grid-template-columns:25px 1fr auto;gap:8px;padding:14px 0;border-top:1px dashed #3e5437;align-items:start}.archive-row>span:first-child{font-size:19px;color:var(--accent)}.archive-row h2{font-size:12px;font-weight:normal;margin:0 0 6px}.archive-row p{font-size:9px;line-height:1.6;color:var(--muted);margin:0}.archive-row small{font-size:7px;color:var(--accent);border:1px solid #596143;padding:3px;white-space:nowrap}.archive-disclaimer{font-size:8px;color:var(--muted);margin:15px 0}.toy-tabs{display:flex;gap:8px;margin:15px 0}.retro-button{padding:8px 12px;background:#2c4026;border:1px solid #607650;box-shadow:2px 2px #09150d;font-size:10px;text-decoration:none;display:inline-block}.retro-button[aria-pressed=true]{background:#a8bc8e;color:#142119}.toy-box{border:1px solid #495f3f;background:#0e1b11;padding:15px;text-align:center}.toy-label{font-size:9px;color:var(--muted);margin:10px 0}.star-field{display:grid;grid-template-columns:repeat(12,1fr);max-width:320px;margin:4px auto 12px}.star-cell{aspect-ratio:1;padding:0;font-size:14px;color:#3e583a}.star-cell[aria-pressed=true]{color:#e2c68e;text-shadow:0 0 8px #d1b57e66}.star-cell:hover{background:#293a23}.frequency-control{width:100%;accent-color:#a8bc8e;margin:16px 0}.radio-message{min-height:50px;font-size:12px;color:var(--accent);line-height:1.8}.radio-wave{font-size:22px;letter-spacing:6px;color:#728b5c;overflow:hidden;white-space:nowrap}.link-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px dashed #465b3c;text-decoration:none;font-size:12px}.link-row small{display:block;font-size:9px;margin-top:6px;color:var(--muted)}.link-row>span:last-child{color:var(--accent)}.empty-link{color:var(--muted);font-size:10px;border:1px dashed #4c5f41;padding:14px;margin-top:16px;line-height:1.7}.back-button{margin-top:12px}.booting-nav{opacity:.7;pointer-events:none}
@keyframes blink{50%{opacity:0}}@keyframes fan-spin{to{transform:rotate(360deg)}}@keyframes refresh{0%{opacity:.3;transform:translateY(2px)}50%{opacity:.8}100%{opacity:1;transform:none}}@keyframes power-on{0%{transform:scaleY(.005);filter:brightness(4)}45%{transform:scaleY(1);filter:brightness(1.8)}65%{filter:brightness(.4)}100%{filter:brightness(1)}}
@media(min-width:1500px){.scene{margin-top:65px}.outside-footer{margin-top:20px}}
@media(max-width:1100px){.scene{width:94vw}.computer{gap:18px;width:98%}.tower{width:130px}.tower-front{right:12px;padding:12px 6px}.fan-housing{width:77px;height:77px}.home-hero{padding-right:80px}.pixel-scene{width:94px;right:-12px;top:16px}h1{font-size:45px}.sidebar{width:135px;padding-left:8px}.sidebar nav a{font-size:10px;gap:6px}.home-bottom{gap:14px}.page-shell{padding:12px 10px 0}#page{padding:24px 11px 12px}.monitor{padding:16px 15px 0}.outside-header,.outside-footer{padding-left:25px;padding-right:25px}.plant{display:none}.mug{right:-2%}}
@media(max-width:800px){body{font-size:12px}.outside-header{padding:22px 20px}.outside-header>div{font-size:8px}.room-coordinate{display:none}.scene{margin-top:18px;height:688px;width:97vw}.computer{gap:10px}.tower{width:83px;height:320px;margin-bottom:8px}.tower-front{inset:6px 8px 6px 3px;padding:10px 4px}.tower-brand{font-size:7px;letter-spacing:1px}.tower-brand span{font-size:6px}.cd-drive{height:25px}.floppy-drive{width:95%;margin-bottom:10px}.tower-lights{flex-wrap:wrap}.tower-lights b{font-size:11px}.tower-lights>span{display:none}.fan-housing{width:49px;height:49px;margin-top:20px;border-width:2px}.fan-grill{background:repeating-linear-gradient(0deg,transparent 0 3px,#89957866 3px 4px)}.tower-vents{margin:15px 2px;height:32px}.tower-sticker{margin-top:20px;width:40px;font-size:5px}.tower-sticker b{font-size:6px}.tower-sticker span{font-size:13px}.monitor{padding:12px 10px 0}.bezel{padding:6px;border-width:4px}.screen{height:465px;border-radius:11px}.sidebar{width:45px;padding:17px 4px 0}.sidebar-heading,.sidebar-bottom,.sidebar .nav-arrow{display:none}.sidebar nav{gap:8px}.sidebar nav a{font-size:0;padding:9px 4px;justify-content:center;gap:0}.sidebar .nav-icon{font-size:19px}.page-shell{padding:10px 9px 0}.home-hero{padding-right:0}.pixel-scene{right:0;top:20px;width:90px;opacity:.6}.home-hero h1,.home-hero .tagline{position:relative;z-index:1}.intro-copy{max-width:270px}.home-bottom{grid-template-columns:1fr;gap:14px}.now-box{padding:10px}.now-box p{font-size:9px}.now-box small{margin-top:3px}.home-hero{min-height:175px}.divider{margin-top:5px}.monitor-chin{height:44px;padding:0 4px}.monitor-brand{font-size:12px}.monitor-brand small{font-size:4px}.control-grooves{display:none}.monitor-controls{gap:10px}.monitor-foot{width:160px}.desk-top{top:549px}.desk-front{top:653px}.keyboard{top:613px;width:55%;left:16%}.sticky-note{right:10%;top:612px;width:77px;font-size:8px;min-height:55px;padding:9px}.floppy{left:2%;top:612px;transform:rotate(-9deg)}.mug{top:584px;right:0;transform:scale(.8)}.outside-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-top:0;gap:7px 20px}.outside-footer>span:first-child{width:100%;font-size:7px}.footer-signoff{font-size:9px}.window{right:1%;top:12%}.wall-note{left:3%;top:16%}.status-bar{font-size:7px;padding:0 7px}.status-bar>span:last-child{display:none}}
@media(max-width:480px){.outside-header>div{font-size:6px;letter-spacing:1px}.outside-header>a{font-size:16px}.scene{height:712px;margin-top:10px}.computer{gap:6px;top:25px;width:98%}.tower{width:49px;height:276px;box-shadow:3px 4px #080e0a;border-width:2px}.tower-front{inset:5px 3px 4px 2px;padding:8px 2px;border-width:1px}.tower-brand{font-size:6px;letter-spacing:0;margin-bottom:14px}.tower-brand span{display:none}.cd-drive{height:20px;border-width:1px}.cd-drive>span{left:2px;right:2px;top:5px;height:2px}.floppy-drive{height:16px;border-width:2px;margin-top:12px}.floppy-drive span{top:4px;height:2px}.tower-lights{gap:3px}.tower-lights b{font-size:8px;padding:2px}.tower-lights i{width:3px;height:3px}.fan-housing{width:31px;height:31px;margin-top:18px}.fan{padding:0}.tower-vents{height:31px;margin:17px 2px}.tower-sticker{width:28px;font-size:4px;padding:2px;margin-top:13px}.tower-sticker b{font-size:5px}.tower-sticker span{display:none}.monitor{border-width:3px;padding:9px 6px 0}.bezel{padding:4px;border-width:3px}.screen{height:503px;border-width:2px}.sidebar{width:34px;padding:14px 2px}.sidebar nav a{padding:9px 2px}.sidebar .nav-icon{font-size:16px}.page-shell{padding:10px 5px 0}#page{padding:22px 8px 12px}.system-bar{padding:0 10px;font-size:10px;height:31px}.system-clock{font-size:8px}.version{font-size:7px;margin-left:5px}.path-bar{font-size:6px;letter-spacing:.3px;padding:0 5px;height:23px}.path-bar>span:last-child{letter-spacing:1px}.eyebrow{font-size:7px;letter-spacing:1.4px}.home-hero h1{font-size:35px;letter-spacing:-2px}.tagline{font-size:14px;margin-top:13px}.intro-copy{font-size:10px;line-height:1.9;position:relative}.pixel-scene{width:66px;height:78px;top:10px;right:-4px;opacity:.3}.home-hero{min-height:192px}.home-bottom{gap:15px}.entry-link{font-size:9px}.entry-link small{font-size:7px}.small-heading{font-size:8px}.monitor-controls{gap:7px}.monitor-controls button{width:22px;height:20px;font-size:13px}.monitor-chin{height:40px}.monitor-brand{font-size:11px}.monitor-brand small{font-size:3px;letter-spacing:.6px}.monitor-neck{height:18px;width:78px}.monitor-foot{width:130px;height:13px}.desk-top{top:570px;height:100px}.desk-front{top:670px}.keyboard{top:630px;height:31px;width:58%;left:8%;border-width:3px;border-bottom-width:5px}.keyboard>div{height:13px}.keyboard>span{height:4px;margin-top:2px}.sticky-note{top:628px;right:8%;width:65px;font-size:7px;padding:8px;min-height:50px}.floppy{display:none}.mug{top:585px;right:-3%;transform:scale(.65)}.outside-footer{padding-bottom:20px}.footer-signoff{display:none}.page-title{font-size:26px}.body-copy{font-size:10px}.archive-row{grid-template-columns:20px 1fr;gap:4px;padding:12px 0}.archive-row small{grid-column:2;justify-self:start;margin-top:5px}.archive-row h2{font-size:11px}.toy-box{padding:9px 6px}.star-cell{font-size:11px}.toy-tabs{gap:6px}.retro-button{font-size:9px;padding:7px}.radio-wave{font-size:18px}.radio-message{font-size:10px}.boot{padding:24px 15px;font-size:9px}.intro .scene{transform:scale(.78)}.intro.zoom-in .scene{transform:scale(1)}}
/* Clip only room props that deliberately extend beyond the desktop. */
html{overflow-x:clip}
.boot-pending .operating-system{visibility:hidden}
.boot-pending .screen{background:#080e0a}
.intro.zoom-in .intro-caption{opacity:1;pointer-events:auto}
.intro.zoom-in .intro-caption>span{opacity:0;transition:opacity 1s}
@media(max-width:480px){.intro-copy,.body-copy{font-size:11px}.sidebar nav a{min-height:40px}.home-hero{min-height:198px}.home-bottom .entry-link{font-size:10px}.now-box p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro .scene{transform:none;filter:none}}