:root{--navy:#100533;--yellow:#ffff63;--cyan:#6fffff;--pink:#ff80ec;--silver:#c0c0c0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;cursor:url('assets/cursor.svg') 2 2,auto}body{margin:0;background:var(--navy);color:#fff;font:16px 'Times New Roman',serif}::selection{background:#ff70e2;color:#16032b}a{color:var(--cyan);text-underline-offset:3px}a:visited{color:#ffc1f7}a:hover{color:var(--yellow)}button,a,input{cursor:url('assets/cursor.svg') 2 2,pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ff32c9;outline-offset:4px}button{font:bold 12px Arial,sans-serif;min-height:34px;border:3px outset #eee;background:var(--silver);color:#101010;padding:5px 9px}button:active{border-style:inset}button:hover{background:#eee}input{accent-color:#70219a;min-width:0}input:disabled{opacity:.45}.space{position:fixed;inset:0;z-index:-2;background:#100533 url('assets/stars.svg') repeat}.site-shell{max-width:1180px;margin:24px auto 38px;border:3px ridge #aaa;background:#120d36e8;box-shadow:0 12px 48px #0008}.browser-bar{display:flex;justify-content:space-between;padding:6px 9px;background:#000080;color:white;font:bold 12px Arial,sans-serif;border-bottom:3px ridge #eee}header{text-align:center;padding:26px 24px 0}.welcome{font:bold 15px 'Courier New',monospace;letter-spacing:3px;color:var(--cyan)}h1{font:bold clamp(33px,5.7vw,70px) Georgia,'Times New Roman',serif;color:var(--yellow);text-shadow:3px 3px #e42a9b,6px 6px #5926d3;margin:13px 0 20px;line-height:1.08;letter-spacing:-2px}.tagline{font:italic 19px Georgia,serif;color:#fff;margin:0 0 23px}.rainbow-rule{height:7px;background:linear-gradient(90deg,#fa3864,#ffae40,#ffff40,#40ff9f,#50efff,#ac6bff,#ff72de)}.ticker{overflow:hidden;background:#000;color:var(--yellow);border:2px inset #777;white-space:nowrap;padding:8px 0;margin-top:10px;font:bold 13px 'Courier New',monospace}.ticker div{width:max-content;animation:ticker 34s linear infinite}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:21px 0 22px;font:bold 13px 'Courier New',monospace}.main-layout{display:grid;grid-template-columns:172px minmax(0,1fr) 220px;gap:18px;padding:0 20px}.sidebar{padding-top:36px}.retro-panel{border:3px ridge #d9d9d9;background:#21164b;margin-bottom:18px;padding:12px;text-align:center}.retro-panel h2{margin:-12px -12px 12px;background:#352073;color:var(--yellow);font:bold 12px 'Courier New',monospace;padding:8px 4px;border-bottom:2px ridge #c7b4e8;letter-spacing:.5px}.retro-panel p{line-height:1.4;margin:12px 0}.greeting{color:var(--pink);font:bold 21px 'Comic Sans MS',cursive}.small,small{font-size:12px;line-height:1.45}.badge{border:3px outset white;margin:15px auto 5px;max-width:125px;transform:rotate(-6deg);padding:8px;font:bold 16px Arial,sans-serif}.lime{background:#d9ff62;color:#20133d}.status{font:11px 'Courier New',monospace;text-align:left}.status h2{text-align:center}.online-dot{display:inline-block;width:7px;height:7px;background:#abff5b}.load-meter{padding:3px;border:2px inset #ccc;background:#05050c;height:19px;margin:12px 0}.load-meter i{display:block;height:100%;width:76%;background:repeating-linear-gradient(90deg,#a3ff67 0 7px,#08082e 7px 10px)}.web-badge{border:3px outset #cfcfff;background:#101072;text-align:center;width:142px;margin:12px auto;padding:5px 2px;font:10px 'Courier New',monospace;transform:rotate(-3deg)}.web-badge strong{font:bold 14px Arial,sans-serif;color:#9dffff}.web-badge.pink{background:#791574;transform:rotate(3deg)}.web-badge.gold{background:#ede048;color:#252500;transform:rotate(4deg)}.web-badge.gold strong{color:#282003}.ascii{color:#b5ffff;text-align:center;line-height:1.2;font-size:17px;margin:26px auto}.picture-top{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px}.picture-top h2{font:bold 15px 'Courier New',monospace;color:var(--yellow);margin:0;text-align:center}.new-badge{background:#fe58bb;color:#220838;font:bold 11px Arial,sans-serif;padding:4px;transform:rotate(-10deg)}.new-badge:last-child{transform:rotate(10deg);background:#b7ff5f}.picture-frame{display:block;padding:8px;border:5px ridge #faffab;background:linear-gradient(135deg,#ff43d7,#603cf4,#4ffaff,#eaff62,#ff43d7);box-shadow:0 0 25px #70199880}.picture-frame img{display:block;width:100%;height:auto;border:3px solid #100533}.image-caption{text-align:center;color:var(--yellow);font:bold 15px Georgia,serif;line-height:1.7;margin:15px 0 20px}.image-caption small{color:#d6bbf5;font:12px 'Courier New',monospace}.construction{padding:8px;background:repeating-linear-gradient(-45deg,#ffff45 0 12px,#111 12px 24px);text-align:center}.construction span{display:block;background:#121212;padding:7px 2px;color:#ffff64;font:bold 12px 'Courier New',monospace}.jukebox{background:#c0c0c0;color:#111;padding:10px}.jukebox h2{background:#000080;color:white;margin:-10px -10px 10px}.lcd{background:#090f0d;color:#acff66;border:3px inset #ddd;text-align:left;padding:8px;font:10px 'Courier New',monospace}.lcd strong{display:block;font-size:13px;margin:9px 0;overflow-wrap:anywhere}.lcd #play-status{font-size:9px}.equalizer{height:26px;display:flex;gap:3px;align-items:end;margin:8px 0}.equalizer i{flex:1;height:4px;background:#b4ff59}.playing .equalizer i{animation:eq .7s ease-in-out infinite alternate}.equalizer i:nth-child(3n){animation-delay:-.4s}.equalizer i:nth-child(2n){animation-delay:-.2s}.time{display:flex;justify-content:space-between}#seek{width:100%;margin:10px 0 2px}.transport{display:flex;gap:4px}.transport button{padding:4px;flex:1}.transport #play{flex:2;white-space:nowrap}.volume{font:bold 11px Arial,sans-serif;display:flex;align-items:center;gap:5px;margin:8px 0}.volume input{width:100%}.playlist{list-style:none;margin:8px 0;padding:5px;background:#18132e;border:2px inset #ddd}.playlist button{min-height:30px;background:none;border:0;text-align:left;width:100%;font:10px 'Courier New',monospace;color:#eee;padding:5px}.playlist button[aria-current=true]{color:#b8ff69;background:#38324b}.jukebox small{font:11px Arial,sans-serif;line-height:1.4;display:block}.controls button{display:block;width:100%;margin:10px 0}.controls p{font:12px 'Courier New',monospace;color:var(--cyan)}.extras{margin:34px 20px 0;text-align:center;border:3px double #b294fa;padding:26px 16px;background:#080721}.extras h2{color:var(--cyan);font:bold 22px 'Times New Roman',serif;margin:0 0 9px}.extras p{color:#dbccff}.sticker-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:23px 0}.sticker-row span{border:2px outset #fff;padding:8px;color:#171129;background:#adff83;font:bold 10px 'Courier New',monospace}.sticker-row span:nth-child(2){background:#ff9df3;transform:rotate(2deg)}.sticker-row span:nth-child(3){background:#ffff8b;transform:rotate(-2deg)}.terminal-art{color:#acffb2;display:table;margin:20px auto;font:14px/1.25 'Courier New',monospace;text-align:left}#fortune{background:#ffffa1;padding:8px 18px}#fortune-text{min-height:2.6em;font:13px/1.5 'Courier New',monospace}footer{text-align:center;padding:26px 24px 15px;font-size:14px;color:#dfcaff}.footer-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.copyright{font:11px 'Courier New',monospace;color:#c2a3eb}#floaters,#sparkles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:2}.floater{position:absolute;width:24px;opacity:.6;animation:drift var(--time) linear infinite;animation-delay:var(--delay)}.floater:nth-child(even){width:17px}.spark{position:absolute;color:#ffff64;font:bold 18px 'Courier New',monospace;animation:spark .75s ease-out forwards}.hyper .floater{animation-duration:2s;opacity:1}.hyper .picture-frame{filter:saturate(1.4)}.effects-off *,.effects-off *:before,.effects-off *:after{animation:none!important;scroll-behavior:auto!important}.effects-off #floaters,.effects-off #sparkles{display:none}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;left:10px;top:10px;width:auto;height:auto;clip-path:none;background:#000;padding:12px;z-index:10}@keyframes ticker{from{transform:translateX(60vw)}to{transform:translateX(-100%)}}@keyframes drift{from{transform:translateY(105vh) rotate(0)}to{transform:translateY(-15vh) rotate(360deg)}}@keyframes spark{to{transform:translateY(22px) scale(.1);opacity:0}}@keyframes eq{to{height:95%}}@media(min-width:1450px){.site-shell{margin-top:40px}}@media(max-width:1000px){.main-layout{grid-template-columns:140px minmax(0,1fr) 188px;gap:12px;padding:0 12px}.retro-panel{padding:8px}.retro-panel h2{margin:-8px -8px 10px}.web-badge{width:125px}.picture-top h2{font-size:12px}.new-badge{font-size:9px}.picture-frame{padding:5px}.transport #play{font-size:11px}}@media(max-width:760px){.site-shell{margin:10px;border-width:2px}.browser-bar{font-size:10px}.browser-bar span:last-child{display:none}header{padding:22px 10px 0}.welcome{font-size:11px;letter-spacing:2px}h1{letter-spacing:-1px;margin:14px 0}.tagline{font-size:16px;line-height:1.5}nav{gap:12px;font-size:11px;padding:16px 0}.main-layout{display:flex;flex-direction:column;padding:0 10px;gap:0}.centerpiece{order:0}.right{order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px}.left{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:10px}.retro-panel{margin-bottom:0;min-width:0;padding:10px}.retro-panel h2{margin:-10px -10px 12px}.right .web-badge,.left .web-badge,.ascii{display:none}.jukebox{grid-row:span 2}.picture-top{margin-bottom:5px}.picture-top h2{font-size:13px}.picture-frame{padding:5px}.image-caption{font-size:13px}.image-caption small{font-size:10px}.extras{margin:22px 10px 0;padding:22px 10px}.extras h2{font-size:19px}.terminal-art{font-size:11px}.floater{opacity:.3;width:15px}footer{padding:22px 12px 15px}.controls button{font-size:10px}#track-name{font-size:11px}.playlist button{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}#floaters,#sparkles{display:none}}
/* Simplified image-first layout. */
.site-shell{max-width:1000px;padding-bottom:22px}
header{padding:20px 22px 18px}h1{font-size:clamp(29px,5vw,56px);margin:5px 0 22px}
.main-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:0 22px}
.sidebar{padding-top:0}.controls{text-align:center}.controls button{width:100%;margin:8px 0}
.controls p{min-height:1.2em;margin:8px 0;font:11px 'Courier New',monospace;color:var(--cyan)}
.extras{margin:20px 22px 0;padding:18px 20px;border:0;background:none}
.terminal-art{font-size:13px;margin:0 auto 20px}#fortune{font-size:14px;min-height:44px}
#fortune-text{max-width:720px;margin:20px auto 0;min-height:0;color:var(--yellow);font:bold 19px/1.55 Georgia,serif}
#fortune-text:empty{display:none}.ascii{display:block;margin:30px auto;color:var(--cyan)}
.playlist button{font-size:11px}.lcd #play-status{font-size:10px}
@media(max-width:760px){header{padding:18px 10px}.main-layout{padding:0 10px}.right{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:16px}.right .ascii{display:block;font-size:15px;margin:0 auto}.controls button{font-size:11px}.extras{margin:18px 10px 0;padding:12px 0}#fortune-text{font-size:17px}.playlist button{font-size:10px}.jukebox{grid-row:span 2}.terminal-art{font-size:12px}}
/* A compact strip of old-web ephemera. */
.site-shell{max-width:1160px}.main-layout{grid-template-columns:140px minmax(0,1fr) 220px;gap:18px}
.retro-side .status{font-size:12px}.retro-side .status p{margin:13px 0}.retro-side .load-meter i{width:100%}
.retro-side .web-badge{width:128px;margin:25px auto}.orbit-art{font:13px/1.4 'Courier New',monospace;color:var(--cyan);text-align:center;margin:34px -4px}
.mini-construction{margin-top:32px}.mini-construction span{font-size:11px;line-height:1.5}
@media(min-width:761px) and (max-width:1000px){.main-layout{grid-template-columns:115px minmax(0,1fr) 188px;gap:12px;padding:0 14px}.retro-side .web-badge{width:108px}.retro-side .web-badge strong{font-size:12px}.orbit-art{font-size:11px}.retro-side .status{font-size:10px}.mini-construction span{font-size:9px}}
@media(max-width:760px){.main-layout{display:flex;padding:0 10px}.retro-side{order:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding-top:22px}.retro-side .status{flex:0 0 145px;margin:0}.retro-side .web-badge{display:block;width:125px;margin:8px 0}.retro-side .orbit-art{margin:0;font-size:11px}.mini-construction{display:none}.retro-side .web-badge.pink{transform:rotate(-3deg)}}