:root{--bg-deep:#0b0033;--bg-tile:#1a0a4d;--ink:#f1e9ff;--magenta:#ff2fd0;--cyan:#35f0f0;--gold:#ffd23f;--panel:#2a1360;--panel-edge-light:#6a4ecf;--panel-edge-dark:#0a0420}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-deep);background-image:radial-gradient(circle at 10% 20%, #ffffffe6 0 1px, transparent 2px), radial-gradient(circle at 60% 70%, #ffffffb3 0 1px, transparent 2px), radial-gradient(circle at 80% 15%, #fffc 0 1px, transparent 2px), radial-gradient(circle at 35% 85%, #fff9 0 1px, transparent 2px), radial-gradient(circle at 90% 55%, #ffffff80 0 1px, transparent 2px), repeating-linear-gradient(135deg, var(--bg-tile) 0 40px, var(--bg-deep) 40px 80px);color:var(--ink);background-size:120px 120px,160px 160px,140px 140px,150px 150px,170px 170px,160px 160px;margin:0;padding:0 0 2rem;font-family:Comic Sans MS,Comic Sans,cursive,sans-serif;line-height:1.6}main{max-width:42rem;margin:0 auto;padding:0 1rem}h1{color:var(--gold);text-align:center;text-shadow:2px 2px 0 var(--magenta), -1px -1px 0 var(--cyan);font-size:2rem}h2{color:var(--cyan);border-bottom:3px dotted var(--magenta);padding-bottom:.25rem}a{color:var(--gold)}a:visited{color:var(--magenta)}.title-bar{background:linear-gradient(90deg, var(--magenta), var(--panel-edge-light));color:#fff;text-align:center;letter-spacing:.05em;border-bottom:3px solid var(--gold);padding:.4rem 1rem;font-weight:700}.nav-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:42rem;margin:1rem auto;padding:0 1rem;list-style:none;display:flex}.nav-bar a{background:var(--panel);color:var(--ink);border:3px solid;border-color:var(--panel-edge-light) var(--panel-edge-dark) var(--panel-edge-dark) var(--panel-edge-light);padding:.4rem .9rem;font-weight:700;text-decoration:none;display:inline-block}.nav-bar a:visited{color:var(--ink)}.nav-bar a:hover,.nav-bar a:focus-visible{background:var(--magenta);color:#fff}.nav-bar a[aria-current=page]{background:var(--gold);color:#1a0a4d;border-color:var(--panel-edge-dark) var(--panel-edge-light) var(--panel-edge-light) var(--panel-edge-dark)}.marquee{white-space:nowrap;border:2px dashed var(--gold);background:var(--panel);margin:1rem 0;padding:.5rem 0;overflow:hidden}.marquee span{color:var(--cyan);padding-left:100%;font-weight:700;animation:14s linear infinite scroll-left;display:inline-block}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-200%)}}@media (prefers-reduced-motion:reduce){.marquee span{padding-left:0;animation:none}.marquee{white-space:normal}}.badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.badge{border:2px solid var(--gold);background:var(--panel);text-align:center;max-width:12rem;padding:.5rem .75rem;font-size:.85rem}.badge svg{margin:0 auto .25rem;display:block}.counter{color:#39ff14;border:3px solid var(--panel-edge-light);letter-spacing:.2em;background:#000;padding:.4rem .75rem;font-family:Courier New,monospace;font-size:1.1rem;display:inline-block}.counter-wrap{text-align:center;margin:1.5rem 0}.counter-label{color:var(--ink);margin-bottom:.3rem;font-size:.8rem;display:block}table{border-collapse:collapse;background:var(--panel);width:100%;margin:1rem 0}caption{caption-side:top;color:var(--gold);margin-bottom:.5rem;font-weight:700}th,td{border:2px solid var(--panel-edge-dark);text-align:left;padding:.5rem .75rem}th{background:var(--magenta);color:#fff}tr:nth-child(2n) td{background:var(--bg-tile)}.divider{background:repeating-linear-gradient(90deg, var(--magenta) 0 10px, var(--cyan) 10px 20px, var(--gold) 20px 30px);border:none;height:4px;margin:2rem 0}.guestbook-entry{background:var(--panel);border:2px solid var(--panel-edge-light);margin:0 0 1rem;padding:.75rem 1rem}.guestbook-entry h3{color:var(--gold);margin:0 0 .25rem}.guestbook-entry time{color:var(--cyan);margin-bottom:.5rem;font-size:.8rem;display:block}.webring{text-align:center;border-top:3px double var(--gold);max-width:42rem;margin:2rem auto 0;padding:1rem}.webring ul{flex-wrap:wrap;justify-content:center;gap:1rem;padding:0;list-style:none;display:flex}.footer-note{text-align:center;color:var(--panel-edge-light);margin-top:1rem;font-size:.8rem}
