/* Y2K Cyber — Edition 02: original styling for an archived alternate website.
   No remote fonts, external art, tracking, or scripted effects required. */
:root{--navy:#030819;--panel:#e8f3ff;--ink:#132148;--a:#003ec1;--hot:#fc692b;--yellow:#fff280;--cyan:#60e8ff;--edge:#4596ec}
html{scroll-behavior:smooth}
body{
  background:#030817;
  background-image:radial-gradient(circle at 75% 12%,rgba(3,96,224,.20),transparent 32rem),linear-gradient(135deg,transparent 0 47%,rgba(64,139,221,.10) 49%,transparent 51%),url('../assets/y2k/circuit.png');
  background-size:auto,34px 34px,320px 320px;
  color:#d2eafa;font:14px/1.58 Tahoma,Verdana,Arial,sans-serif;
}
a{color:#0645bb}a:visited{color:#4c368e}a:hover{color:#001b64;background:#99f2ff}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff8c3b;outline-offset:3px}
.wrap{width:min(1220px,calc(100% - 34px));margin:24px auto 40px}
.site-header{border:1px solid #60aaf5;background:#06143b;box-shadow:0 0 0 3px #07122d,0 0 0 4px #284e9e,0 16px 28px #0009;overflow:hidden}
.header-main{position:relative;display:grid;grid-template-columns:155px minmax(0,1fr) 115px;align-items:center;min-height:215px;padding:10px 35px 11px 15px;isolation:isolate;
 background:radial-gradient(ellipse at 31% 43%,#145bb6 0%,#0c2b75 31%,transparent 60%),linear-gradient(120deg,#020b32 0%,#10398e 45%,#021034 100%);overflow:hidden}
.header-main:before{content:'';pointer-events:none;position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 7px,#9adeff0b 8px 9px),radial-gradient(ellipse at 90% 70%,#09bbff44,transparent 35%)}
.header-main:after{content:'';position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(90deg,#1b4889 0 18px,#449feb 18px 20px,#09183e 20px 43px,#f4faff 43px 44px)}
.hero-orb{position:relative;z-index:1;width:185px;height:185px;max-width:none;filter:drop-shadow(0 0 20px #38afff99);image-rendering:auto;transform:translateX(-6px)}
.hero-copy{position:relative;z-index:2;padding:14px 0 22px 12px}
.site-title{margin:0 0 10px;font:900 clamp(39px,5.5vw,78px)/.87 Impact,'Arial Black',Haettenschweiler,sans-serif;letter-spacing:.025em;text-transform:uppercase;font-style:italic;color:#d0e7f9;
 -webkit-text-stroke:1px #cfedff;
 background:linear-gradient(180deg,#fff 0%,#fff 8%,#86badc 28%,#263b78 48%,#f3fcff 51%,#edfaff 58%,#3e80ba 77%,#eafaff 100%);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 text-shadow:none;filter:drop-shadow(3px 4px 0 #071a51) drop-shadow(5px 7px 0 #08102b)}
.site-title span{display:block}
.hero-description{font:700 12px/1.4 'Courier New',monospace;color:#b7ecff;letter-spacing:.18em;text-transform:uppercase;margin:12px 0 0;padding-top:9px;border-top:1px solid #459bd2;width:max-content;max-width:100%}
.hero-deco{justify-self:end;align-self:stretch;display:flex;align-items:center;position:relative}
.hero-deco:after{content:'';display:block;position:absolute;top:22px;right:0;bottom:17px;width:74px;background:repeating-linear-gradient(0deg,#53beff88 0 2px,transparent 2px 10px);clip-path:polygon(100% 0,100% 100%,15% 100%,0 80%,20% 10%)}
.hero-deco:before{content:'';position:absolute;width:102px;height:102px;right:21px;border-radius:50%;border:1px solid #69c3f9aa;box-shadow:inset 0 0 0 12px #001f4a55,0 0 0 19px #108dfa11}
.primary-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:9px 12px 10px;border:0;border-top:2px solid #95e3ff;background:linear-gradient(#c4e9ff,#5588c8 48%,#1f4180 49%,#092458)}
.nav-btn{position:relative;flex:1 1 103px;min-width:0;max-width:200px;padding:9px 10px;color:#091c4f!important;text-decoration:none;font:800 12px/1.2 Tahoma,Arial,sans-serif;letter-spacing:.045em;border:1px solid #d9f8ff;outline:1px solid #0e306b;background:linear-gradient(170deg,#fff 0%,#cce6ff 43%,#709ccc 48%,#e2f3ff 73%,#799cc6 100%);box-shadow:inset 1px 1px #fff,0 2px 0 #071536}
.nav-btn:hover,.nav-btn[aria-current=page]{background:linear-gradient(#ddffff,#5ce7ff 49%,#0277c4 50%,#74e9ff);color:#00123f!important;border-color:#fff}
.columns{grid-template-columns:185px minmax(0,1fr) 190px;gap:13px;margin-top:19px}
.sidebar,.main-column{min-width:0}.main-column{gap:15px;grid-template-columns:minmax(0,1fr)}
.widget,.content-panel{margin-bottom:13px;background:var(--panel);color:var(--ink);border:1px solid #8dd9ff;box-shadow:0 0 0 2px #0d3268,5px 6px 0 #0008;min-width:0;overflow:hidden}
.content-panel{margin-bottom:0}
.widget h2,.widget h3,.panel-heading,.content-panel .panel-heading{position:relative;display:block;padding:8px 13px 9px;margin:0;border:0;border-bottom:2px solid #66b7e6;
 background:linear-gradient(180deg,#bdf4ff 0%,#75b3e3 8%,#174c9c 25%,#041c63 54%,#003a9e 90%,#0081da 100%);color:#e5faff;
 font:800 12px/1.35 Tahoma,Verdana,sans-serif;text-transform:uppercase;letter-spacing:.12em;text-shadow:1px 1px #000e37}
.widget h2:before,.panel-heading:before{content:'';display:inline-block;height:7px;width:9px;margin-right:9px;background:linear-gradient(90deg,#64eeff,#fff);border:1px solid #1775ad;vertical-align:1px;clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}
.panel-body{padding:20px 22px 22px;background:linear-gradient(125deg,#fff 0%,#eaf4ff 60%,#d9eafc 100%)}
.widget-inner{padding:12px 11px;background:linear-gradient(135deg,#eef8ff,#cddff7)}
.widget-inner p{margin:0 0 10px}
.side-links{padding-left:12px;list-style:none}
.side-links li{margin:0;border-bottom:1px solid #b2c8e4;padding:7px 0;font-size:12px;overflow-wrap:anywhere}
.side-links li:before{content:'›';font:bold 16px Arial,sans-serif;color:#0465aa;margin-right:5px}
.side-links li a{color:#0045b5;font-weight:bold}
.mini-note,.footnote{color:#496282;font:11px/1.5 'Courier New',monospace}
.gif-new{image-rendering:pixelated}
.section-title,.project-wide h3{font:900 23px/1.12 Tahoma,Arial,sans-serif;letter-spacing:-.045em;color:#043b82;margin:0 0 14px}
.lead{font:17px/1.58 Tahoma,Arial,sans-serif;color:#172d50}
.welcome-grid{gap:18px;grid-template-columns:130px minmax(0,1fr)}
.portrait,.sidebar-right img[alt^='Black-and-white']{border:2px solid #e9faff!important;outline:2px solid #5180c3;box-shadow:4px 4px 0 #314c74;background:#cdeafa}
.caption{color:#42537a;text-align:left;font:10px 'Courier New',monospace;margin-top:9px;letter-spacing:.18em}
.old-divider{letter-spacing:15px;color:#6e96b8}
.project-grid{gap:11px}
.project-card,.desk-list>div,.project-wide,.lesson-tile,.story-card,.gallery-item,.picture-card{background:linear-gradient(155deg,#fff,#e8f3ff);border:1px solid #7eaadd;box-shadow:inset 2px 2px #fff,2px 3px #a5b9d7;padding:14px;min-width:0}
.project-card h3,.desk-list strong,.project-wide h3,.lesson-tile h3,.gallery-item h3,.picture-card h3{font:bold 16px/1.3 Tahoma,Arial,sans-serif;color:#004999}
.project-card .tag{font:10px 'Courier New',monospace;color:#6c6585}
.updates strong{color:#005aa2}
.notice,.photo-note{background:#f9fcff;border:1px dashed #729bc2;color:#12386b;box-shadow:inset 3px 3px #def0ff}
.web-ring,.archive-row{background:#d7e8fa;border:1px solid #90bae9;box-shadow:inset 2px 2px #fff}
.retro-table th{background:#073978;color:#f3ffff;border-color:#719ec9}.retro-table td{background:#edf6ff;border-color:#719ec9}
.contact-table th{background:#cee5fc;color:#0d3b77;border:1px solid #9ec5e8}.contact-table td{border:1px solid #9ec5e8}
.breadcrumb{color:#4b6794}
.project-wide img,.small-img img{border:1px solid #89b6dc}
.picture-card img,.gallery-item img{background:#071a49}
.story-sources{background:#dceaff;border-left:4px solid #0964b1}
.story-card h3{font:800 19px Tahoma,Arial,sans-serif;color:#004c92}
.story-card time,.gallery-meta{color:#536f91}
.link-tiles a,.gallery-filters button,.pixel-button{cursor:pointer;border:1px solid #f8ffff;outline:1px solid #386dac;padding:9px 12px;background:linear-gradient(#fff,#add4f6 45%,#7eacd8 48%,#d5f0ff);color:#063873;font:bold 12px Tahoma,Arial,sans-serif;box-shadow:0 2px 0 #43678f;text-decoration:none}
.gallery-filters button[aria-pressed=true],.pixel-button:hover{background:linear-gradient(#defcff,#48baf0);color:#00295c}
.art-workshop pre,.code-sheet{background:#041539;color:#b3f6ff;border:1px solid #2d7daf;box-shadow:inset 0 0 14px #006eb73d}
.random-file-box,.secret-box{background:linear-gradient(135deg,#061239,#113c8d);border:1px solid #2ba0ec;color:#e6fbff;box-shadow:inset 0 0 15px #1d5ec9}
.random-file-result a{color:#89ecff}
.badge-grid img{image-rendering:pixelated}
.footer{margin-top:22px;background:linear-gradient(#13468d,#030c2a);border:1px solid #70d7ff;box-shadow:0 0 0 2px #102b5c;color:#c7e3ff;padding:23px 16px;font:11px/1.8 'Courier New',monospace;letter-spacing:.035em}
.footer a{color:#a5e8ff}.footer a:visited{color:#ded5ff}.footer-line{border-top:1px solid #386fa6}
.y2k-editions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:13px;color:#aac7e8}
.y2k-editions a{display:inline-block;color:#d8f8ff;border:1px solid #3e86bd;padding:3px 9px;text-decoration:none;background:#082a63}
.y2k-editions a[aria-current=page]{background:#79dff7;color:#001747;border-color:#dbffff}
.y2k-dial{display:flex;justify-content:center;align-items:center;min-height:102px;overflow:hidden;border:1px solid #69ace7;background:radial-gradient(circle,#104ea7,#041639 74%)}
.y2k-dial img{display:block;width:138px;height:138px;margin:-17px auto;filter:drop-shadow(0 0 9px #55adff)}
.y2k-infostrip{display:flex;justify-content:space-between;gap:10px;background:#051b43;color:#aedcf4;padding:5px 13px;font:10px 'Courier New',monospace;letter-spacing:.18em}
.y2k-feature{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:16px;align-items:center;padding:14px;background:linear-gradient(135deg,#e6f6ff,#bfdaf9);border:1px solid #6cb6ea}
.y2k-feature strong{color:#003e9f}.y2k-feature img{max-width:100%;height:auto}
.y2k-chip{display:inline-block;background:linear-gradient(#b5dcfa,#5d8bc9);border:1px solid #3c67a3;color:#063272;font:700 10px 'Courier New',monospace;padding:3px 6px;letter-spacing:.10em}
@media(max-width:1020px){.columns{grid-template-columns:172px minmax(0,1fr)}.sidebar-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sidebar-right .widget{margin:0}.hero-deco{display:none}.header-main{grid-template-columns:155px minmax(0,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 14px);margin:7px auto 16px}.header-main{grid-template-columns:95px minmax(0,1fr);min-height:148px;padding:8px 10px 10px 0}.hero-orb{width:122px;height:122px;transform:translateX(-20px)}.hero-copy{padding:7px 0 12px 1px}.site-title{font-size:clamp(29px,7.5vw,50px);letter-spacing:.01em;filter:drop-shadow(2px 2px #051633)}.hero-description{font-size:9px;letter-spacing:.06em;line-height:1.25;margin-top:8px;padding-top:7px}.primary-nav{gap:4px;padding:7px}.nav-btn{font-size:10px;min-width:0;max-width:none;flex:1 1 28%;padding:9px 5px}.columns{display:flex;flex-direction:column;gap:10px;margin-top:13px}.main-column{order:0;width:100%;gap:11px}.sidebar-left{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.sidebar-right{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.sidebar-left .widget,.sidebar-right .widget{margin:0}.panel-body{padding:14px}.welcome-grid{grid-template-columns:100px minmax(0,1fr);gap:11px}.project-grid{grid-template-columns:1fr}.y2k-feature{grid-template-columns:minmax(0,1fr) 80px;gap:8px}.y2k-infostrip{letter-spacing:.04em;font-size:8px}}
@media(max-width:400px){.sidebar-left,.sidebar-right{grid-template-columns:1fr}.welcome-grid{grid-template-columns:1fr}.portrait{max-width:160px}.hero-orb{width:96px;height:96px;transform:translateX(-10px)}.header-main{grid-template-columns:76px 1fr;min-height:122px}.site-title{font-size:clamp(25px,8vw,35px)}.hero-description{font-size:8px}.section-title{font-size:20px}.y2k-feature{grid-template-columns:1fr}.y2k-feature img{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blink,.rainbow{animation:none!important}}