/* LOADSTAR outer web: 1994 CD-ROM multimedia + early Netscape. original styles. */
:root{--chrome:"Arial Black","Arial Bold",Impact,"Helvetica Neue",Arial,sans-serif;--ui:"MS Sans Serif",Tahoma,Verdana,Arial,sans-serif;--mono:"Courier New",Courier,monospace;--gold:#ffd84a;--org:#e0601c;--cy:#5ad8ff;--gr:#66ff88;--mg:#ff66ff;--navy:#000080}
*{box-sizing:border-box}
html,body{margin:0;height:auto;overflow-x:hidden}
body{background:#020208;color:#cfd4e4;font:14px/1.45 Verdana,Arial,sans-serif}
#space{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}
main,header,footer,.ticker{position:relative;z-index:2}
a{color:var(--cy)}a:visited{color:#c890ff}
.cy,.cyan{color:var(--cy)}.gold{color:var(--gold)}.green{color:var(--gr)}.dim{color:#7a7e94}
.tiny{font-size:12px;line-height:1.45;color:#aab0c8}
.hx{font:900 15px/1.2 var(--chrome);letter-spacing:1px;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 #000}
.hx.big,.big{font-size:24px;line-height:1.15}
.new{display:inline-block;font:900 10px/12px var(--chrome);padding:2px 5px 1px;background:#ff2020;color:#ffff55;border:1px solid #ffff55;animation:bl .8s steps(1) infinite;transform:rotate(-6deg)}
@keyframes bl{50%{opacity:0}}
.blink{animation:bl 1s steps(1) infinite}
.chrome,.chrome-in{font-family:var(--chrome);font-style:italic;font-weight:900;color:transparent;background:linear-gradient(180deg,#fff 0,#cfe6ff 30%,#5a7aa8 49%,#2a1a10 51%,#c86a20 62%,#ffd090 82%,#fff 100%);-webkit-background-clip:text;background-clip:text}
.chrome-in{filter:drop-shadow(2px 2px 0 #000)}

/* win3.x chrome shared */
.tb{display:flex;align-items:center;gap:6px;height:22px;padding:0 3px 0 4px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font:bold 12px/22px var(--ui);white-space:nowrap;overflow:hidden}
.tbic{width:14px;height:14px;background:url(mark-64.png) center/cover;border:1px solid #000;flex:none}
.tbb{margin-left:auto;width:18px;height:16px;background:#c0c0c0;color:#000;font:bold 11px/14px var(--ui);text-align:center;border:1px solid;border-color:#fff #404040 #404040 #fff;cursor:pointer;flex:none}
.tbb+.tbb{margin-left:2px}

/* top bar */
.topbar{display:flex;align-items:center;gap:14px;padding:6px 14px;background:linear-gradient(#2a2e3a,#0c0e14);border-bottom:2px solid #9aa4bc;box-shadow:0 2px 0 #000,0 0 30px rgba(120,160,255,.2);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:28px;line-height:32px}
.brand img{border-radius:7px;box-shadow:0 0 0 1px #000,0 0 12px rgba(255,180,80,.5)}
.brand .chrome{filter:drop-shadow(2px 2px 0 #000)}
.topnav{display:flex;gap:3px;flex-wrap:wrap;margin-left:6px}
.topnav a{font:bold 12px/1 var(--ui);color:#000;text-decoration:none;padding:6px 9px 5px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}
.topnav a:hover{background:#000080;color:#ffff55;border-color:#5a7ac8 #000 #000 #5a7ac8}
.topbar .new{margin-left:auto}
.topsnd,.topplay{font:900 13px/1 var(--chrome);padding:7px 12px 6px;cursor:pointer;white-space:nowrap;border:2px solid}
.topsnd{background:#c0c0c0;color:#000;border-color:#fff #404040 #404040 #fff}
.topsnd.off{color:#707070}
.topsnd:hover{background:#000080;color:#ffff55}
.topplay{background:linear-gradient(#ff9a50,#e0601c 55%,#a03a08);color:#fff;border-color:#ffd0a0 #5a1a00 #5a1a00 #ffd0a0;text-shadow:1px 1px 0 #5a1a00}
.topplay:hover{filter:brightness(1.15)}
.topsnd:active,.topplay:active{border-color:#404040 #fff #fff #404040}

/* ticker */
.ticker{background:#000;border-bottom:1px solid #333;border-top:1px solid #111;overflow:hidden;white-space:nowrap;height:26px}
.tk{display:inline-block;font:bold 13px/26px var(--mono);color:var(--gr);padding-left:100%;animation:tick 95s linear infinite}
.tk b{color:var(--gold)}.tk i{color:var(--cy);font-style:normal}
@keyframes tick{to{transform:translateX(-100%)}}

/* hero */
.hero{display:grid;grid-template-columns:200px minmax(0,920px) 200px;gap:22px;justify-content:center;align-items:start;padding:16px 16px 28px}
.herocenter{min-width:0}
.logo-wrap{text-align:center;margin:4px 0 12px;position:relative}
.logo{margin:0;line-height:1;position:relative;display:inline-block}
.logo .lg{font:italic 900 96px/1 var(--chrome);letter-spacing:-2px;color:transparent;background:linear-gradient(180deg,#ffffff 0,#d8ecff 22%,#8ab0e0 40%,#3a4a6a 49%,#1a1008 51%,#a04a14 58%,#e0802c 70%,#ffd8a0 86%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.35);filter:drop-shadow(0 2px 0 #1a2a4a) drop-shadow(4px 5px 0 #000) drop-shadow(0 0 24px rgba(120,170,255,.35));padding:0 10px}
.glint{position:absolute;right:15%;top:-10px;width:44px;height:44px;background:radial-gradient(circle,#fff 0 6%,rgba(255,255,255,0) 7%),conic-gradient(from 0deg,transparent 0 22deg,#fff 22deg 23deg,transparent 23deg 112deg,#fff 112deg 113deg,transparent 113deg 202deg,#fff 202deg 203deg,transparent 203deg 292deg,#fff 292deg 293deg,transparent 293deg);clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%);background:#fff;animation:glint 3.2s ease-in-out infinite;filter:drop-shadow(0 0 8px #ffd080)}
@keyframes glint{0%,60%,100%{transform:scale(.2) rotate(0);opacity:0}75%{transform:scale(1) rotate(45deg);opacity:1}}
.tagline{font:900 13px/1.3 var(--chrome);letter-spacing:2px;color:var(--gold);text-shadow:2px 2px 0 #3a1a00;margin-top:6px}

/* the netscape window */
.win{width:100%;height:640px;display:flex;flex-direction:column;background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,0 24px 80px rgba(0,0,0,.8),0 0 90px rgba(255,140,60,.18)}
.menubar{font:12px/20px var(--ui);padding:0 6px;border-bottom:1px solid #808080}
.toolbar{display:flex;gap:2px;padding:3px 4px;border-bottom:1px solid #808080;align-items:center}
.toolbar button{font:11px/1.15 var(--ui);min-width:48px;padding:3px 4px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;cursor:pointer}
.toolbar button:active{border-color:#404040 #fff #fff #404040}
.toolbar .opt{color:#808080;cursor:default}
.nlogo{margin-left:auto;width:44px;height:44px;border:2px solid;border-color:#404040 #fff #fff #404040;background:#000}
.nlogo canvas{display:block}
.loc{display:flex;align-items:center;gap:6px;font:12px var(--ui);padding:3px 6px;border-bottom:1px solid #808080}
.loc input{flex:1;font:12px var(--mono);padding:2px 4px;border:2px solid;border-color:#404040 #fff #fff #404040;background:#fff}
.dirbtns{display:flex;gap:3px;padding:3px 6px;border-bottom:2px solid #808080}
.dirbtns button{font:11px var(--ui);padding:3px 8px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;cursor:pointer}
.frames{flex:1;display:flex;min-height:0;border:2px solid;border-color:#404040 #fff #fff #404040;margin:2px}
.leftframe{width:190px;flex:none;background:#000018 url() ;color:#aab;padding:10px;border-right:4px ridge #c0c0c0;overflow:auto;font:12px/1.4 var(--mono)}
.lfhead{display:flex;gap:8px;align-items:center;color:#fff;font:900 12px/1.1 var(--chrome);margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #3a4a7a}
.lfhead img{border-radius:6px}
.menu{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.mi{color:#fff;text-decoration:none;font:bold 12px/1.7 var(--mono);padding:0 4px}
.mi:hover{background:#000080;color:#ffff55}
.hk{color:var(--gold);margin-right:4px}
.stat{margin:0 0 8px;font:11px/1.45 var(--mono);color:#889}
.c2{color:var(--cy)}.c3{color:var(--gold)}.c4{color:var(--gr)}
#main{flex:1;border:0;background:#fff;min-width:0}
.status{display:flex;justify-content:space-between;font:11px/18px var(--ui);padding:0 6px;border-top:1px solid #fff}

/* rails */
.rail{display:flex;flex-direction:column;gap:14px;padding-top:120px}
.panel{position:relative;background:linear-gradient(#1a1e2c,#0a0c14);border:2px solid;border-color:#9aa4bc #2a2e3a #2a2e3a #9aa4bc;box-shadow:0 0 0 1px #000,4px 4px 0 rgba(0,0,0,.6);padding:12px 12px 10px;text-align:center}
.panel .new{position:absolute;top:-9px;right:-8px}
.panel .tiny{margin-top:6px}
.cd{width:120px;height:120px;margin:4px auto 8px;border-radius:50%;position:relative;background:radial-gradient(circle,#000 0 7%,#c8ccd4 7.5% 9%,rgba(255,255,255,.2) 9.5% 22%,transparent 22.5%),conic-gradient(#e8ecf4,#ff9ad0,#a0ffe8,#fff0a0,#d0d8ff,#e8ecf4,#ffc8e8,#a8f0ff,#e8ecf4);box-shadow:0 0 0 2px #555,0 0 20px rgba(160,200,255,.35);animation:spin 1.4s linear infinite}
.cd i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,rgba(255,255,255,.55),transparent 12%,transparent 50%,rgba(255,255,255,.45) 55%,transparent 66%)}
.cd.sm{width:60px;height:60px;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
.biggame{background:linear-gradient(#fff,#e8e4dc);border-color:#fff #888 #888 #fff}
.bg1{font:900 26px/1 var(--chrome);color:#d01818;letter-spacing:1px}
.bg2{font:900 11px/1.3 var(--chrome);color:#000;letter-spacing:1px}
.biggame .tiny{color:#555}
.mpc{align-self:center;display:grid;grid-template-columns:auto;justify-items:center;width:130px;padding:8px 6px;background:linear-gradient(135deg,#ffd400,#ff8a00);border:3px solid #000;box-shadow:4px 4px 0 #000;transform:rotate(-4deg);color:#000}
.mpc b{font:italic 900 30px/1 var(--chrome)}.mpc span{font:900 12px/1.1 var(--chrome)}.mpc em{font:bold 9px/1.2 var(--ui);letter-spacing:1px;font-style:normal}
.badge88{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:88px;height:31px;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #555;font:10px/1 Arial,sans-serif;text-decoration:none;color:#fff;overflow:hidden;vertical-align:middle}
.badge88 b{font:900 10px/12px var(--chrome)}
.rail .badge88{align-self:center;transform:scale(1.4);margin:8px 0}
.nsnow{background:linear-gradient(#000080,#0040c0);color:#fff}.nsnow b{color:#ffff55}
.bcd{background:linear-gradient(#e8ecf4,#9aa4bc);color:#000}.bcd b{color:#a00}
.bsb{background:#000;color:#ffd400}.bsb b{color:#fff}
.b256{background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f);color:#000}.b256 b{color:#fff;text-shadow:1px 1px #000}
.bmpc{background:#ffd400;color:#000}.bmpc b{color:#000}
.by2k{background:#000;color:#ff5555}.by2k b{color:#ffff55}
.bmail{background:#fff;color:#000;flex-direction:row;gap:6px}.bmail b{color:#000080}
.install{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:12px 8px 10px;cursor:pointer;color:#000;background:linear-gradient(#fff,#c0c0c0 60%,#9a9a9a);border:3px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,4px 4px 0 #000}
.install .ic{font-size:30px;line-height:30px}
.install .itx{font:900 17px/1.1 var(--chrome)}
.install .isub{font:11px var(--ui);color:#333}
.install:hover{background:linear-gradient(#fff,#ffe0b0 60%,#e0a060)}
.install:active{border-color:#404040 #fff #fff #404040}
.install.wide{margin-top:12px}
.mail{position:relative;width:44px;height:30px;margin:4px auto 2px;background:#f4f4e8;border:2px solid #000;animation:mailb 1.2s steps(2) infinite}
.mail::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;border-left:22px solid transparent;border-right:22px solid transparent;border-top:16px solid #000}
.mail::after{content:"";position:absolute;left:0;right:0;top:-2px;border-left:20px solid transparent;border-right:20px solid transparent;border-top:13px solid #fff}
.mail i{position:absolute;right:-10px;top:-10px;width:14px;height:14px;background:#ff2020;border:2px solid #000;border-radius:50%;animation:bl .6s steps(1) infinite}
.mail.sm{width:22px;height:15px;margin:0;border-width:1px;animation:none}
.mail.sm::before{border-left-width:11px;border-right-width:11px;border-top-width:8px;left:-1px;right:-1px;top:-1px}
.mail.sm::after{border-left-width:10px;border-right-width:10px;border-top-width:6px;top:-1px}
.mail.sm i{width:7px;height:7px;right:-5px;top:-5px;border-width:1px}
@keyframes mailb{50%{transform:translateY(-3px) rotate(-4deg)}}
.mailp{padding-top:16px}
.counter{display:inline-flex;gap:2px;margin:6px 0 2px;padding:3px;background:#000;border:2px solid;border-color:#404040 #ddd #ddd #404040}
.counter span{display:inline-block;width:15px;background:linear-gradient(#200 0 48%,#000 48% 52%,#200 52%);color:#ff3a2a;font:bold 18px/24px var(--mono);text-shadow:0 0 6px #f00}

/* sections */
.sec{max-width:1180px;margin:0 auto;padding:46px 18px 10px}
.sech{text-align:center;margin:0 0 28px;font-weight:normal}
.sech span{display:inline-block;font:italic 900 44px/1.05 var(--chrome);letter-spacing:-1px;padding:8px 28px 8px;color:transparent;background:linear-gradient(180deg,#fff 0,#cfe6ff 35%,#5a7aa8 49%,#2a1a10 51%,#c86a20 64%,#ffd090 85%,#fff 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(3px 3px 0 #000) drop-shadow(0 0 14px rgba(120,170,255,.3));border-top:2px solid #5a6a8a;border-bottom:2px solid #5a6a8a}
.bigq{text-align:center;margin:0 auto 34px;max-width:1000px;font:900 30px/1.25 var(--chrome);color:#fff;text-shadow:3px 3px 0 #000}
.bigq p{margin:0 0 12px}
.bigq .big{font-size:42px;color:var(--gold);text-shadow:4px 4px 0 #5a2a00,0 0 30px rgba(255,190,0,.35)}
.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{position:relative;background:linear-gradient(#e8e8e8,#c8c8c8);color:#111;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,8px 8px 0 rgba(0,0,0,.55);padding:14px 16px 12px}
.card .ct{font:bold 12px/22px var(--ui);color:#fff;background:linear-gradient(90deg,#000080,#1084d0);margin:-14px -16px 12px;padding:0 10px;letter-spacing:1px}
.card .ico{position:absolute;right:10px;top:1px;color:#fff;font:bold 15px/22px var(--ui)}
.card .lead{font:bold 15px/1.35 Georgia,"Times New Roman",serif;margin:0 0 8px}
.card .hl{font:900 14px/1.3 var(--chrome);color:#a83a08;margin:0 0 6px}
.card .tiny{color:#333;font-size:12.5px;margin:6px 0 0}
.card a{color:#0000c0}
.card.wide{max-width:920px;margin:34px auto 6px;text-align:center}
.teletype{margin:40px auto 10px;max-width:940px;background:#f4f0e2;color:#111;border:1px solid #000;box-shadow:8px 8px 0 #000;padding:18px 26px;transform:rotate(-.7deg);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px);position:relative}
.teletype::before,.teletype::after{content:"";position:absolute;top:0;bottom:0;width:14px;background:radial-gradient(circle,#020208 0 3px,transparent 3.5px) 0 0/14px 18px}
.teletype::before{left:2px}.teletype::after{right:2px}
.ttag{font:bold 11px/1.2 var(--mono);letter-spacing:2px;color:#900;border-bottom:3px double #000;padding-bottom:6px;margin-bottom:10px}
.tquote{font:bold 22px/1.35 var(--mono);letter-spacing:-.5px}
.tsub{font:italic 13px/1.4 Georgia,serif;margin-top:10px;color:#333}
.tsub a{color:#0000c0}

/* timeline */
.tl{list-style:none;margin:0 auto;padding:0;max-width:960px;position:relative}
.tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:14px;margin-left:-7px;background:linear-gradient(90deg,transparent 0 2px,#c8ccd8 2px 4px,transparent 4px 10px,#c8ccd8 10px 12px,transparent 12px),repeating-linear-gradient(#3a302a 0 4px,transparent 4px 12px)}
.tl li{position:relative;width:50%;padding:0 46px 34px 0;text-align:right}
.tl li:nth-child(even){margin-left:50%;padding:0 0 34px 46px;text-align:left}
.tl li::after{content:"";position:absolute;top:2px;right:-15px;width:30px;height:30px;background:url(mark-64.png) center/cover;border-radius:6px;box-shadow:0 0 0 2px #000,0 0 14px rgba(255,180,80,.6)}
.tl li:nth-child(even)::after{right:auto;left:-15px}
.tl .yr{font:italic 900 28px/1.1 var(--chrome);color:var(--gold);text-shadow:3px 3px 0 #3a1a00}
.tl .tc{display:inline-block;margin-top:8px;background:rgba(10,12,24,.88);border:2px solid #5a6a8a;box-shadow:4px 4px 0 #000;padding:10px 12px;font-size:13.5px;line-height:1.45;color:#d8dcec;max-width:400px;text-align:left}
.tl .tc b{display:block;color:#fff;font:900 15px/1.3 var(--chrome);margin-bottom:4px}
.tl .gap .yr{color:#555;text-shadow:none}.tl .gap .tc{border-style:dashed;border-color:#444;background:rgba(0,0,0,.6)}
.tl .gap::after{filter:grayscale(1) brightness(.4)}
.tl .now .tc{border-color:var(--gr);box-shadow:4px 4px 0 #000,0 0 22px rgba(100,255,140,.3)}
.tl .now .yr{color:var(--gr);text-shadow:3px 3px 0 #003000}
.tl .now .yr::after{content:"_";animation:bl 1s steps(1) infinite}

/* ground control credits wall */
.credwall{position:relative;max-width:1000px;margin:0 auto;background:#f6f4ee;color:#111;border-radius:18px 18px 4px 4px;padding:0 34px 22px;box-shadow:0 0 0 3px #888,0 0 0 6px #222,12px 14px 0 6px rgba(0,0,0,.6);overflow:hidden}
.cwbar{margin:0 -34px 18px;height:46px;background:linear-gradient(#d8dce6,#8a92a8);display:flex;align-items:center;justify-content:center;border-bottom:3px solid #4a5068}
.cwbar span{background:linear-gradient(#3a5ad8,#1a2a8a);color:#fff;font:900 16px/1 var(--chrome);letter-spacing:4px;padding:8px 60px;border-radius:6px;box-shadow:inset 0 1px 0 #8aa0ff,0 2px 0 #000}
.cwcols{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}
.cwcol .r{margin:0 0 9px;font:12.5px/1.3 "Arial Narrow",Arial,sans-serif}
.cwcol .r b{display:block;font:bold 13px/1.3 "Arial Narrow",Arial,sans-serif}
.cwcol .sh{font:bold 17px/1.2 Georgia,"Times New Roman",serif;letter-spacing:1px;margin:14px 0 8px}
.redact{display:inline-block;height:11px;background:#111;vertical-align:middle;margin:0 4px 2px 0;border-radius:1px}
.gc{margin-top:18px;padding:14px 16px;border:3px solid #ffd400;background:#fffbe6;box-shadow:0 0 0 1px #000,0 0 30px rgba(255,200,0,.35)}
.gch{font:bold 26px/1 Georgia,"Times New Roman",serif;letter-spacing:2px;margin-bottom:10px}
.gcn{font:14px/1.9 "Arial Narrow",Arial,sans-serif}
.gcn .me{display:inline-block;background:#ffd400;color:#000;font-weight:bold;padding:0 6px;margin:0 6px 0 0;box-shadow:0 0 0 2px #000;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 2px #000,0 0 18px 4px rgba(255,210,0,.9)}}
.cwfoot{font:italic 12px/1.4 Georgia,serif;color:#555;margin-top:14px;text-align:center}
.cwfoot a{color:#0000c0}

/* archive photos */
.photos{display:grid;grid-template-columns:1fr 1fr 280px;gap:30px;align-items:start}
.polaroid{margin:0;background:#fbfaf6;padding:12px 12px 16px;box-shadow:0 0 0 1px #000,10px 12px 0 rgba(0,0,0,.6);position:relative}
.polaroid::before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:24px;margin-left:-45px;background:rgba(255,240,170,.75);transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.polaroid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid #333;filter:contrast(1.05) saturate(.95)}
.polaroid figcaption{color:#222;font:15px/1.35 "Comic Sans MS","Marker Felt",cursive;margin-top:10px}
.tilt1{transform:rotate(-2deg)}.tilt2{transform:rotate(1.6deg)}
.evid{background:linear-gradient(#e8e8e8,#c8c8c8);color:#111;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,6px 6px 0 rgba(0,0,0,.55);padding:12px 14px}
.evid .ct{font:bold 12px/22px var(--ui);color:#fff;background:linear-gradient(90deg,#800000,#d04010);margin:-12px -14px 10px;padding:0 10px;letter-spacing:1px}
.evid .tiny{color:#222}.evid a{color:#0000c0}

/* screens: box back */
.boxback{position:relative;background:#05060c;border:3px solid #aab;box-shadow:0 0 0 3px #000,0 0 0 6px #555,10px 12px 0 6px rgba(0,0,0,.7);padding:0 26px 26px;overflow:hidden}
.stripes{display:flex;flex-direction:column;margin:0 -26px}
.stripes i{display:block;height:6px}
.stripes i:nth-child(1){background:#ffd400}.stripes i:nth-child(2){background:#e0601c}.stripes i:nth-child(3){background:#a02a08}.stripes i:nth-child(4){background:#3a1004}
.bbhead{text-align:center;padding:18px 0 14px}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.shots figure{margin:0;background:#111;border:2px solid;border-color:#777 #222 #222 #777;padding:6px}
.shots img{display:block;width:100%;aspect-ratio:8/5;image-rendering:pixelated;border:1px solid #000;transition:transform .15s steps(2)}
.shots figure:hover img{transform:scale(1.03)}
.shots figcaption{font-size:12px;line-height:1.35;color:#b8bcd0;padding:6px 2px 0}
.feats{columns:2;margin:22px 0 0;padding:0 0 0 22px;font-size:14px;line-height:1.8;color:#e0e4f0}
.feats li::marker{content:"\2605  ";color:var(--org)}
.feats b{color:var(--gold)}

/* order */
.ordergrid{display:grid;grid-template-columns:330px 1fr 290px;gap:28px;align-items:start}
.boxart canvas{width:100%;display:block;box-shadow:0 0 0 1px #000,14px 14px 0 rgba(0,0,0,.6),0 0 40px rgba(255,140,60,.25);transform:perspective(900px) rotateY(10deg);border-radius:2px}
.jewels{display:flex;gap:10px;justify-content:center;margin-top:22px}
.jewel{width:84px;padding:10px 6px 6px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.05));border:1px solid #9aa;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),3px 3px 0 #000;text-align:center;font:900 10px/1.6 var(--chrome);color:#fff}
.jewel:nth-child(2) .cd{animation-duration:1.9s}.jewel:nth-child(3) .cd{animation-duration:2.6s}
.coupon{background:#fffef4;color:#111;padding:16px 22px 18px;border:3px dashed #000;box-shadow:8px 8px 0 #000}
.scis{font:12px var(--mono);color:#777;margin:-6px 0 8px;white-space:nowrap;overflow:hidden}
.coupon .hx{color:#c01010;text-shadow:2px 2px 0 #ffd400}
.ord{width:100%;border-collapse:collapse;margin:12px 0;font:13px Georgia,serif}
.ord td{padding:6px 4px;border-bottom:1px dotted #999}
.ord .pr{text-align:right;font-weight:bold;white-space:nowrap}
.ord .tot td{border-top:2px solid #000;border-bottom:3px double #000;font-weight:bold;font-size:15px}
.cb{display:inline-block;width:12px;height:12px;border:2px solid #000;vertical-align:-1px;margin-right:6px;background:#fff}
.cb.on{background:#000;box-shadow:inset 0 0 0 2px #fff}
.coupon .tiny{color:#444}
.install .isub a{color:#0000c0}
.sysreq{background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,6px 6px 0 rgba(0,0,0,.6);padding:0 0 10px}
.srt{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font:bold 12px/22px var(--ui);padding:0 8px;margin-bottom:6px}
.sysreq ul{margin:0;padding:4px 14px 4px 28px;font:12px/1.6 var(--ui)}
.srn{margin:8px 10px 0;padding:6px 8px;background:#ffffe0;border:1px solid #000;font:bold 11px/1.3 var(--ui)}

.topnav a.navx{background:#000;color:#fff;border-color:#888 #222 #222 #888}
.topnav a.navx:hover{background:#000080;color:#ffff55}
.bx{background:#000;color:#aaa}.bx b{color:#fff;font-size:9px}
.xpanel{border-color:#fff #444 #444 #fff}
.btn9.bxb{background:#000;color:#fff!important;border-color:#888 #222 #222 #888}
.btn9.bxb:hover{background:#000080;color:#ffff55!important}
/* bbs row + footer */
.bbsrow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding-bottom:40px}
.btn9{display:inline-block;margin-top:10px;font:bold 12px var(--ui);color:#000!important;text-decoration:none;background:#c0c0c0;padding:5px 12px;border:2px solid;border-color:#fff #404040 #404040 #fff}
.btn9:hover{background:#000080;color:#ffff55!important}
.uc{background:#000}
.ucbar{height:12px;background:repeating-linear-gradient(45deg,#000 0 10px,#ffd400 10px 20px);margin:-12px -12px 10px}
.uc .ucbar:last-child{margin:10px -12px -10px}
.foot{text-align:center;padding:26px 16px 40px;background:linear-gradient(transparent,rgba(0,0,0,.85) 30%);border-top:2px solid #333}
.webring{display:inline-flex;gap:14px;align-items:center;padding:8px 16px;background:#000;border:2px ridge #9aa4bc;font:bold 13px var(--mono);margin-bottom:16px}
.webring .wr{color:var(--gold)}
.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.hits{margin-bottom:12px}
.foot p{max-width:880px;margin:8px auto}

/* play window */
#play,#setup{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}
#play[hidden],#setup[hidden]{display:none}
.pwin,.swin{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,0 20px 80px #000}
.pscreen{width:min(92vw,calc((100vh - 80px) * 1.6));aspect-ratio:16/10;background:#000;margin:4px;border:2px solid;border-color:#404040 #fff #fff #404040;position:relative;overflow:hidden}
.pscreen pre{margin:0;padding:8px 10px;color:#c0c0c0;font:15px/18px var(--mono);white-space:pre-wrap}
.pscreen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:block}
.pscreen:fullscreen{width:100vw;height:100vh;margin:0;border:0;aspect-ratio:auto}
.pscreen:-webkit-full-screen{width:100vw;height:100vh;margin:0;border:0}
.phint{font:11px var(--ui);padding:2px 6px 5px}
.phint a{color:#000080}
.swin{width:min(520px,94vw)}
.stb{background:linear-gradient(90deg,#000080,#1084d0)}
.sbody{padding:16px 18px 18px;font:12px/1.5 var(--ui);color:#000;background:linear-gradient(#0000a8,#000040);position:relative}
.shead{font:italic 900 22px/1.1 var(--chrome);color:#fff;text-shadow:2px 2px 0 #000;margin-bottom:12px}
#sline{color:#fff}.sfile{color:#ffff55;font:12px var(--mono);height:18px;overflow:hidden}
.sbar{position:relative;height:22px;background:#fff;border:2px solid;border-color:#404040 #fff #fff #404040;margin-top:6px}
.sbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#0000a8}
.sbar span{position:absolute;inset:0;text-align:center;font:bold 12px/18px var(--ui);color:#fff;mix-blend-mode:difference}
.sdlg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86%;display:flex;gap:12px;align-items:center;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:0 0 0 1px #000,6px 6px 0 rgba(0,0,0,.6);padding:14px}
.sdlg[hidden]{display:none}
.sdi{font-size:34px}
.sdlg button{margin-left:auto;font:bold 12px var(--ui);padding:5px 18px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;outline:1px dotted #000;outline-offset:-5px;cursor:pointer}

/* CRT overlay */
#crt{pointer-events:none;position:fixed;inset:0;z-index:99;opacity:.55;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.5) 100%);mix-blend-mode:multiply}

@media (max-width:1300px){.hero{grid-template-columns:minmax(0,1fr)}.rail{display:none}.ordergrid{grid-template-columns:300px 1fr}.sysreq{grid-column:1/-1}}
@media (max-width:980px){.topnav{display:none}.lore-grid{grid-template-columns:1fr 1fr}.photos{grid-template-columns:1fr 1fr}.evid{grid-column:1/-1}.bbsrow{grid-template-columns:1fr 1fr 1fr}.shots{grid-template-columns:1fr 1fr}.logo .lg{font-size:64px}}
@media (max-width:700px){.leftframe{display:none}.win{height:540px}.lore-grid,.photos,.ordergrid,.bbsrow,.shots,.cwcols{grid-template-columns:1fr}.feats{columns:1}.bigq{font-size:22px}.bigq .big{font-size:30px}.sech span{font-size:30px}.logo .lg{font-size:46px}.tl li,.tl li:nth-child(even){width:100%;margin-left:0;padding:0 0 26px 40px;text-align:left}.tl::before{left:12px}.tl li::after,.tl li:nth-child(even)::after{left:-2px;right:auto}.topsnd{display:none}.tquote{font-size:16px}.pscreen{width:calc(100vw - 16px)}}