* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#000; background-color:#00004b; background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#38ffff 1px,transparent 1px); background-position:0 0,17px 17px; background-size:34px 34px; font:16px/1.35 Arial,Helvetica,sans-serif; }
a { color:#0000cc; }
a:visited { color:#660099; }
.skip-link { position:absolute; top:-100px; left:5px; z-index:9; padding:6px; color:#000!important; background:#ffff00; }
.skip-link:focus { top:5px; }
.page-shell { width:800px; max-width:calc(100% - 16px); margin:12px auto; background:#fff; border:4px ridge #00cccc; box-shadow:0 0 0 3px #ffff00; }
header { text-align:center; background:linear-gradient(#d9ffff,#fff 58%,#b8e7ff); border-bottom:5px ridge #006699; }
.top-note { padding-top:10px; color:#000066; font:bold 13px Verdana,Arial,sans-serif; }
h1 { margin:4px 0 0; color:#ff0000; font:bold clamp(42px,9vw,82px)/.9 Impact,"Arial Black",sans-serif; letter-spacing:2px; text-shadow:3px 3px 0 #ffff00,5px 5px 0 #000066; }
h1 span { color:#0066cc; }
.slogan { margin:8px 0 12px; color:#000066; font:bold italic 20px "Comic Sans MS","Comic Sans",cursive; }
.welcome { overflow:hidden; padding:5px; color:#ffff00; background:#000080; font:bold 14px Verdana,Arial,sans-serif; letter-spacing:2px; }
nav { display:flex; flex-wrap:wrap; justify-content:center; gap:4px; padding:8px; background:#c0c0c0; border-top:2px solid #fff; }
nav a,.guestbook { display:inline-block; padding:5px 9px; color:#000080!important; background:#e8e8e8; border:3px outset #fff; font:bold 11px Verdana,Arial,sans-serif; text-decoration:none; }
nav a:active,.guestbook:active { border-style:inset; }
main { padding:16px; background:#fff; }
section { scroll-margin-top:10px; }
.welcome-box { display:grid; grid-template-columns:45% 1fr; gap:18px; }
.photo-frame { align-self:start; padding:5px; text-align:center; color:#fff; background:#000066; border:4px ridge #00ffff; }
.photo-frame img { display:block; width:100%; height:auto; border:2px solid #fff; }
.photo-frame p { margin:6px 0 2px; font:bold 11px Verdana,Arial,sans-serif; }
.photo-frame small { color:#ffff00; }
h2 { margin:0 0 10px; padding:4px 8px; color:#fff; background:#0066aa; border-left:10px solid #ffcc00; font:bold 22px "Trebuchet MS",Arial,sans-serif; text-shadow:1px 1px #000; }
.dave-says { color:#006600; text-align:center; font:bold italic 18px "Comic Sans MS","Comic Sans",cursive; }
.email-icon { width:16px; height:12px; background:#ffcc00; border:1px solid #000; }
hr { height:8px; margin:20px 0; border:0; background:repeating-linear-gradient(90deg,#000080 0 12px,#00cccc 12px 24px,#ffcc00 24px 36px); }
.facts { width:80%; margin:14px auto; border-collapse:collapse; border:3px ridge #00cccc; }
caption { padding:4px; color:#ffff00; background:#000080; font:bold 14px Verdana,Arial,sans-serif; }
.facts th,.facts td { padding:5px 8px; border:1px solid #999; }
.facts th { width:40%; color:#000080; text-align:right; background:#e1ffff; }
.center { text-align:center; }
.red { color:#cc0000; }
.table-scroll { overflow-x:auto; }
.shows-table { width:100%; min-width:620px; border-collapse:collapse; border:4px ridge #0066cc; }
.shows-table th { padding:5px; color:#ffff00; background:#000080; border:1px solid #fff; font:12px Verdana,Arial,sans-serif; }
.shows-table td { padding:7px; border:1px solid #0066aa; }
.shows-table tr:nth-child(even) { background:#e1ffff; }
.shows-table .featured { color:#990000; background:#ffff99!important; font-weight:bold; }
.gear-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; color:#000066; background:#e8ffff; border:2px dashed #0066cc; }
.gear-grid li { margin-bottom:5px; }
details { margin:12px 0; padding:8px; color:#000; background:#ffffcc; border:2px solid #cc9900; }
summary { cursor:pointer; color:#0000cc; font-weight:bold; text-decoration:underline; }
.fan-quotes { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
blockquote { margin:0; padding:10px; color:#000066; background:#e8e8ff; border:3px outset #ccccff; font:italic 14px Georgia,serif; }
.guestbook { margin:16px; padding:9px 16px; color:#990000!important; background:#ffff00; font-size:13px; }
.warning { margin:24px -16px -16px; padding:14px 20px; color:#000; text-align:center; background:#ffff00; border:6px double #ff0000; }
.warning h2 { color:#ffff00; background:#cc0000; border:0; font-size:18px; }
.blink { animation:blink 1s steps(2,end) infinite; }
footer { padding:14px; text-align:center; color:#fff; background:#000080; border-top:5px ridge #00cccc; font:12px "Times New Roman",serif; }
footer a,footer a:visited { color:#ffff00; }
.counter { display:inline-block; padding:2px 5px; color:#00ff00; background:#000; border:2px inset #999; font:bold 14px "Courier New",monospace; letter-spacing:2px; }
.tiny { color:#b9dfff; font-size:10px; }
@keyframes blink { 50% { visibility:hidden; } }
@media (max-width:620px) { .page-shell { margin:5px auto; } main { padding:10px; } .welcome-box { grid-template-columns:1fr; } .photo-frame { width:min(100%,420px); margin:auto; } .facts { width:100%; } .gear-grid,.fan-quotes { grid-template-columns:1fr; } .warning { margin-inline:-10px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .blink { animation:none; } }