:root{--ink:navy;--face:silver;--face-lit:#fff;--face-dim:grey;--paper:#fff;--link:#00e;--link-visited:#551a8b;--hot:#f0f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:24px 12px 48px;font-family:Times New Roman,Times,Georgia,serif;font-size:16px;color:#000;background-color:#003;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 70px,#fff,transparent),radial-gradient(1px 1px at 140px 20px,#b0c4de,transparent),radial-gradient(2px 2px at 55px 130px,#ffc,transparent),radial-gradient(1px 1px at 175px 110px,#fff,transparent),radial-gradient(1px 1px at 10px 165px,#add8e6,transparent);background-size:200px 200px;background-repeat:repeat}a{color:var(--link);text-decoration:underline}a:visited{color:var(--link-visited)}a:hover{color:red;background:#ff0}.shell{width:100%;max-width:780px;margin:0 auto;background:var(--face);border:3px outset var(--face-lit);padding:4px}.titlebar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;font-size:13px;font-weight:700;padding:3px 4px 4px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.titlebar .btns{display:flex;gap:2px;flex:0 0 auto}.titlebar .btns span{width:18px;height:16px;background:var(--face);border:2px outset var(--face-lit);color:#000;font-size:10px;line-height:12px;text-align:center;font-weight:700}.banner{background:#000;border:2px inset var(--face-dim);margin-top:4px;padding:18px 10px 14px;text-align:center;overflow:hidden}.banner h1{margin:0;font-family:Comic Sans MS,Trebuchet MS,cursive,sans-serif;font-size:40px;line-height:1.1;letter-spacing:1px;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#f0f,red);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:rainbow 6s linear infinite}@keyframes rainbow{to{background-position:200%}}.banner .tagline{margin:8px 0 0;font-family:Courier New,Courier,monospace;font-size:13px;color:#0f0}.marquee{margin-top:4px;background:#ff0;border:2px inset var(--face-dim);overflow:hidden;white-space:nowrap;padding:3px 0}.marquee span{display:inline-block;padding-left:100%;font-family:Comic Sans MS,Trebuchet MS,cursive,sans-serif;font-size:13px;font-weight:700;color:#c00;animation:slide 22s linear infinite}@keyframes slide{to{transform:translateX(-100%)}}.navbar{margin-top:4px;padding:4px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.navbar,.navbtn{background:var(--face);border:2px outset var(--face-lit)}.navbtn{font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;font-size:12px;font-weight:700;text-decoration:none;padding:3px 10px}.navbtn,.navbtn:visited{color:navy}.navbtn:hover{background:#d4d0c8;color:navy}.navbtn:active{border-style:inset;padding:4px 9px 2px 11px}.columns{display:flex;gap:4px;margin-top:4px;align-items:stretch}.col-main{flex:1 1 auto;min-width:0;padding:14px 16px 18px}.col-main,.col-side{background:var(--paper);border:2px inset var(--face-dim)}.col-side{flex:0 0 190px;padding:10px}@media (max-width:640px){.columns{flex-direction:column}.col-side{flex:1 1 auto;width:100%}.banner h1{font-size:28px}}.section{scroll-margin-top:12px}.section+.section{margin-top:22px}.section h2{margin:0 0 10px;font-family:Comic Sans MS,Trebuchet MS,cursive,sans-serif;font-size:18px;color:#fff;background:linear-gradient(90deg,navy,#4169e1);border:2px outset #6a8fe0;padding:3px 8px}.section h3{margin:14px 0 4px;font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;font-size:15px;color:navy}.section p{margin:0 0 10px;line-height:1.55}.section ul{margin:0 0 10px;padding-left:22px;line-height:1.6}.section li::marker{color:#f0f}.hr3d{height:0;border:none;border-top:2px groove var(--face-dim);margin:16px 0}.side-head{font-family:Comic Sans MS,Trebuchet MS,cursive,sans-serif;font-size:13px;font-weight:700;color:#fff;background:purple;border:2px outset #b060b0;padding:2px 6px;margin:0 0 8px;text-align:center}.side-block+.side-head,.side-head+.side-head{margin-top:16px}.side-block{font-size:13px;line-height:1.5}.side-block ul{margin:0;padding-left:18px}.counter{text-align:center;font-size:11px;font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;color:#333}.odometer{display:inline-flex;gap:1px;background:#000;border:2px inset #444;padding:2px;margin-bottom:4px}.odometer b{font-family:Courier New,Courier,monospace;font-size:16px;color:#0f0;background:#000;padding:1px 3px;border:1px solid #030}.construction{margin:14px 0 0;text-align:center;background:#ff0;border:3px dashed #000;padding:8px 6px;font-family:Comic Sans MS,Trebuchet MS,cursive,sans-serif;font-size:12px;font-weight:700;color:#000}.hardhat{display:inline-block;font-size:22px;animation:bob 1.1s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-4px) rotate(-8deg)}}.blink{animation:blink 1s steps(2,start) infinite;color:red;font-weight:700}@keyframes blink{to{visibility:hidden}}.mailbox{margin-top:16px;background:#e8e8ff;border:2px ridge #99c;padding:10px 12px;text-align:center;font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;font-size:13px}.mailbox .env{display:inline-block;font-size:20px;animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{0%,88%,to{transform:rotate(0deg)}92%{transform:rotate(-12deg)}96%{transform:rotate(12deg)}}.badges{margin-top:4px;background:var(--face);border:2px outset var(--face-lit);padding:8px;flex-wrap:wrap;gap:6px}.badge,.badges{display:flex;justify-content:center}.badge{width:88px;height:31px;border:1px solid #000;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:8px;font-weight:700;line-height:1.15;text-align:center;flex-direction:column;align-items:center;text-decoration:none;padding:1px}.badge-a{background:navy;color:#fff}.badge-b{background:#000;color:#0f0}.badge-c{background:#fff;color:#c00}.badge-d{background:#f90;color:#000}.badge-e{background:linear-gradient(135deg,#f0f,#0ff);color:#000}.footer{margin-top:4px;background:var(--face);border:2px outset var(--face-lit);padding:10px;text-align:center;font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;font-size:11px;color:#333;line-height:1.7}.footer a{color:navy}.statusbar{margin-top:4px;display:flex;gap:3px;font-family:Trebuchet MS,Tahoma,Verdana,sans-serif;font-size:11px;color:#000}.statusbar span{border:2px inset var(--face-dim);padding:2px 6px}.statusbar span:first-child{flex:1 1 auto}@media (prefers-reduced-motion:reduce){.banner h1,.blink,.hardhat,.mailbox .env,.marquee span{animation:none}.marquee span{padding-left:0}html{scroll-behavior:auto}}