:root{--space:#003;--panel:#0000508c;--yellow:#ff0;--cyan:#0ff;--green:#0f0;--magenta:#f0f;--pink:#f9f;--red:red;--grey:#ccc;--comic:"Comic Sans MS","Chalkboard SE","Segoe Print",cursive}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--space);color:var(--yellow);font-family:var(--comic);text-align:center;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 60px 90px,#fff,#0000),radial-gradient(2px 2px at 130px 40px,#ffd,#0000),radial-gradient(1px 1px at 180px 120px,#fff,#0000),radial-gradient(1px 1px at 90px 160px,#cff,#0000);background-size:200px 200px;margin:0;padding:0;font-size:15px;line-height:1.5}.page{border-left:3px ridge var(--magenta);border-right:3px ridge var(--magenta);background:var(--panel);max-width:760px;min-height:100vh;margin:0 auto;padding:10px clamp(10px,3vw,20px) 30px}h1{background:linear-gradient(#fff,var(--yellow),#f80,var(--magenta));color:#0000;-webkit-text-stroke:2px #000;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:14px 0 6px;font-size:clamp(28px,7vw,44px);line-height:1.15}h2{color:var(--green);text-shadow:2px 2px #000,4px 4px #606;margin:16px 0 8px;font-size:clamp(20px,4.5vw,26px)}h3{color:var(--cyan);text-shadow:2px 2px #000;margin:14px 0 6px;font-size:18px}.welcome{color:var(--red);margin:0 0 10px;font-size:clamp(14px,3.5vw,18px);font-weight:700}.blink{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}marquee{background:var(--magenta);color:#fff;border:2px outset var(--pink);margin:8px 0;padding:3px 0;font-weight:700}.rule{background:repeating-linear-gradient(90deg,red 0 10px,#ff0 10px 20px,#0f0 20px 30px,#0ff 30px 40px,#00f 40px 50px,#f0f 50px 60px);border:1px solid #fff;height:8px;margin:14px 0}a{color:var(--cyan)}a:visited{color:var(--pink)}a:hover,a:focus-visible{color:var(--red);background:var(--yellow);outline:none}ul.links{margin:0 0 10px;padding:0;list-style:none}ul.links li{margin:7px 0;font-size:clamp(15px,3.5vw,17px)}ul.links li:before{content:"★";color:var(--yellow)}ul.links small{color:var(--grey);font-size:12px}.construction{color:#000;background:repeating-linear-gradient(45deg,#000 0 12px,#fc0 12px 24px);border:2px solid #fff;margin:14px 0;padding:6px;font-size:13px;font-weight:700}.construction span{background:#fc0;padding:3px 8px;display:inline-block}ul.cards{margin:0 0 12px;padding:0;list-style:none}ul.cards li{margin:10px 0}ul.cards a{border:3px ridge var(--magenta);color:var(--yellow);background:#306;padding:10px 12px;text-decoration:none;display:block}ul.cards a:hover,ul.cards a:focus-visible{color:var(--yellow);background:#4a0099}ul.cards b{color:var(--cyan);margin-bottom:3px;font-size:18px;display:block}ul.cards p{color:#eee;margin:0;font-size:13px}ul.cards small{color:var(--grey);margin-top:5px;font-size:11px;display:block}.prose{text-align:left;color:#ffc;max-width:60ch;margin:0 auto 14px}.prose p{margin:0 0 10px}.prose a{word-break:break-word}.prose ul,.prose ol{margin:0 0 10px;padding-left:22px}.prose li{margin:4px 0}.prose code{color:var(--green);background:#000;padding:1px 4px;font-family:Courier New,monospace}.prose pre{color:var(--green);text-align:left;background:#000;border:2px inset #666;padding:10px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto}.prose pre code{padding:0}.prose img{border:3px ridge var(--magenta);max-width:100%;height:auto}table.contact{border:4px ridge var(--magenta);background:#306;margin:0 auto 8px;padding:10px}table.contact td{text-align:left;color:var(--yellow);vertical-align:top;padding:4px 6px}input[type=text],input[type=email],textarea{font-family:var(--comic);color:#006;background:#ffc;border:3px inset #cc9;max-width:100%;padding:2px 4px;font-size:14px}input[type=text],input[type=email]{width:min(260px,60vw)}textarea{resize:vertical;width:min(260px,60vw);height:70px}.gotcha{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sendbtn{font-family:var(--comic);color:var(--red);background:var(--yellow);cursor:pointer;border:4px outset #fc0;margin-top:8px;padding:5px 22px;font-size:18px;font-weight:700}.sendbtn:active:not(:disabled){border-style:inset}.sendbtn:disabled{opacity:.6;cursor:default}.status{min-height:20px;margin:10px 0 0;font-size:14px;font-weight:700}.status[data-state=ok]{color:var(--green)}.status[data-state=err]{color:var(--red);background:var(--yellow);padding:2px 8px;display:inline-block}.crumb{color:var(--grey);margin:10px 0 0;font-size:13px}.back{margin:14px 0 0;font-size:15px;display:inline-block}.counter{color:var(--green);letter-spacing:4px;background:#000;border:3px inset #666;margin:6px 0;padding:3px 8px;font-family:Courier New,monospace;font-size:20px;display:inline-block}.small{color:var(--grey);margin:6px 0;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}