:root{font-family:Verdana,Geneva,sans-serif;color:#19101a;background:#211326}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#23122b;background-image:radial-gradient(#f7c4ff 1px,transparent 1.5px),radial-gradient(#d55473 1px,transparent 1.5px);background-size:38px 38px,56px 56px;background-position:0 0,18px 19px;min-width:280px}a{color:#fbe37a}a:hover{color:#fff;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #00e3e7;outline-offset:3px}.shell{max-width:1110px;margin:22px auto 50px;padding:7px;background:#a9a9b0;border:3px ridge #fff;box-shadow:0 12px 0 #08040b,0 20px 32px #000c}.utility{background:#c4c4c4;color:#282828;display:flex;justify-content:space-between;gap:12px;padding:5px 10px;font:12px 'Courier New',monospace;border:2px inset #fff}.utility strong{color:#850018}.masthead{margin-top:7px;text-align:center;color:white;border:4px ridge #ffd879;background:linear-gradient(120deg,#1e0310 0%,#8e002c 47%,#240012 100%);padding:20px 12px 16px;position:relative;overflow:hidden}.masthead:before,.masthead:after{content:'✦';position:absolute;color:#ffe990;font-size:65px;text-shadow:0 0 12px #fff;top:8px}.masthead:before{left:5%}.masthead:after{right:5%}.masthead .topline{font:bold 14px 'Courier New',monospace;letter-spacing:.25em;color:#ffc3d0}.masthead h1{font:900 clamp(28px,5.4vw,60px)/.99 Impact,'Arial Black',sans-serif;letter-spacing:.03em;margin:10px 0 4px;text-shadow:3px 3px 0 #1a000b,6px 6px 0 #e8b748}.masthead .script{font:bold italic clamp(21px,3.6vw,38px) Georgia,serif;color:#ffed97;text-shadow:3px 3px #4b0015}.masthead .small{font:bold 14px 'Courier New',monospace;margin-top:12px}.ticker{margin:7px 0;background:#061534;border:3px ridge #9ddcff;color:#f8df65;overflow:hidden;white-space:nowrap;font:bold 14px 'Courier New',monospace;padding:8px}.ticker span{display:inline-block;padding-left:100%;animation:move 28s linear infinite}@keyframes move{to{transform:translateX(-100%)}}.grid{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:8px;align-items:start}.panel{background:#e6e4e8;border:3px ridge #fff;padding:11px;margin-bottom:8px}.bar{background:linear-gradient(90deg,#70001d,#bc1744);color:#fff9d0;font:bold 18px Georgia,serif;letter-spacing:.02em;padding:7px 9px;margin:-11px -11px 12px;border-bottom:3px solid #30000c;text-shadow:1px 2px #27000c}.side{background:#0d194d;color:#fff;min-height:100%;border:3px ridge #b1ddff;padding:8px}.side h2,.rightbox h2{font:bold 17px 'Arial Black',sans-serif;text-align:center;color:#fbe983;background:#9c0030;border:2px outset #fbdbb0;margin:0 0 10px;padding:7px}.navlinks{display:grid;gap:6px}.navlinks a,.retro-button{display:block;text-align:center;text-decoration:none;background:#b6b9c3;color:#091340;border:3px outset #fff;padding:9px 4px;font:bold 14px 'Arial Black',sans-serif;box-shadow:2px 2px 0 #0008}.navlinks a:hover,.retro-button:hover{background:#ffdd67;color:#62001d}.navlinks a:active,.retro-button:active{border-style:inset}.side .mini{font:14px/1.5 'Courier New',monospace;text-align:center;margin:17px 4px}.new{color:#fff45d;font:bold 23px Impact,sans-serif;text-shadow:2px 2px #ef1662;transform:rotate(-7deg);display:inline-block}.stamp{text-align:center;border:2px dashed #ffdb68;padding:9px 3px;margin-top:13px;color:#dceaff;font:13px/1.4 'Courier New',monospace}.main{min-width:0}.intro{background:#fffdf2;padding:13px;border:3px ridge #fff}.intro .heading{font:bold 23px Georgia,serif;color:#790021;margin:0 0 9px}.intro p{font-size:16px;line-height:1.55;margin:0 0 10px}.hero{margin:0;background:#14122b;border:7px ridge #c4cad2;padding:5px;position:relative}.hero img{width:100%;height:295px;object-fit:cover;object-position:center 38%;display:block;filter:saturate(1.12) contrast(1.04)}.hero figcaption{color:#fff6d6;font:13px/1.4 'Courier New',monospace;text-align:center;padding:7px}.photo-label{position:absolute;top:15px;left:15px;background:#fff000;color:#430018;transform:rotate(-5deg);padding:5px 9px;border:2px solid #000;font:bold 14px 'Arial Black',sans-serif}.welcome{background:#fff6c9;border:3px double #a50c39;padding:12px 15px;text-align:center;margin-top:8px}.welcome strong{font:bold 22px Georgia,serif;color:#8a0029}.welcome p{font-size:15px;line-height:1.5;margin:6px 0}.starline{text-align:center;color:#90002b;letter-spacing:8px;font-size:22px;margin:8px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.content{font-size:15px;line-height:1.5}.content h3{font:bold 18px Georgia,serif;color:#830021;margin:10px 0 4px}.content p{margin:0 0 9px}.content ul{padding-left:20px;margin:7px 0}.events{width:100%;border-collapse:collapse;font-size:14px}.events th{background:#13205c;color:#fff;text-align:left}.events td,.events th{border:1px solid #8e8690;padding:7px}.events tr:nth-child(odd){background:#fffbed}.events td:first-child{font-weight:bold;white-space:nowrap;color:#72001d}.note{font:13px/1.4 'Courier New',monospace;margin:10px 0 0}.rightbox{background:#edeafa;border:3px ridge white;padding:8px;margin-bottom:8px}.rightbox p{font-size:14px;line-height:1.45;margin:8px 3px}.rightbox ul{padding-left:21px;font-size:14px;line-height:1.5}.rightbox a{color:#1029a5}.rightbox a:hover{color:#9b0e41}.badge{border:3px outset #fff;background:#1b2474;color:#ffff89;text-align:center;padding:12px 5px;margin:12px 0;font:bold 15px 'Courier New',monospace;box-shadow:3px 3px #0008}.badge small{display:block;color:white;font-size:12px;margin-top:5px}.photo-small{margin:0;border:4px ridge #a7a3b3;background:#111}.photo-small img{display:block;width:100%;height:135px;object-fit:cover}.photo-small figcaption{font:12px/1.4 'Courier New',monospace;color:white;padding:5px}.footer{margin-top:8px;background:#06143a;color:#fff7cb;text-align:center;border:3px ridge #94bcf7;padding:14px 12px;font:13px/1.6 'Courier New',monospace}.footer a{color:#ffe184}.counter{display:inline-block;background:#080808;border:2px inset #ccc;color:#59ff86;padding:2px 8px;font:18px 'Courier New',monospace;letter-spacing:2px;margin:8px}.blink{animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.grid{grid-template-columns:170px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rightbox{margin-bottom:0}}@media(max-width:630px){.shell{margin:0;padding:4px}.grid{display:flex;flex-direction:column}.side,.main,.right{width:100%}.side{min-height:0}.navlinks{grid-template-columns:repeat(2,1fr)}.side .mini,.stamp{display:none}.right{display:block}.rightbox{margin-bottom:8px}.columns{grid-template-columns:1fr}.hero img{height:240px}.masthead:before,.masthead:after{font-size:28px;top:8px}.masthead:before{left:7px}.masthead:after{right:7px}.masthead .topline{letter-spacing:.08em}.utility{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span,.blink{animation:none}.ticker span{padding-left:0;white-space:normal}.ticker{white-space:normal}}

/* More treasures from the World Wide Web */
.page-title{background:#fff6c9;border:4px double #9c0030;text-align:center;padding:12px;margin:0 0 8px;color:#750022;font:900 27px Georgia,serif}
.page-lead{background:#fffdf2;border:3px ridge #fff;padding:12px;line-height:1.5;margin:0 0 8px}
.full-panel{min-height:340px}.feature-pick{background:#fff4bd;border:3px inset #ffe28d;padding:12px;text-align:center;margin:8px 0}.feature-pick b{display:block;color:#740020;font:900 21px Georgia,serif}.feature-pick p{margin:7px 0}.feature-pick .starline{margin:1px}.construction{text-align:center;background:#fffbe1;border:3px dashed #8b0026;padding:14px;margin:8px 0}.construction img{max-width:100%;width:320px;height:64px;image-rendering:pixelated;display:block;margin:8px auto}.construction h2{margin:0;color:#850021;font:900 21px Georgia,serif}.construction p{margin:7px 0 0;font-size:14px}.listen-button,.envelope-link{border:4px outset #f9edb9;background:#f8d96a;color:#550018;font:bold 14px 'Arial Black',sans-serif;padding:7px 9px;cursor:pointer;box-shadow:3px 3px #2b0d2e;text-align:center;text-decoration:none}.listen-button:hover,.envelope-link:hover{background:#fff39c;color:#4b0013}.listen-button:active,.envelope-link:active{border-style:inset}.music-desk{background:#d6d7db;border:3px ridge white;padding:10px;text-align:center;margin:8px 0;font-size:13px}.music-desk button{width:100%}.music-desk p{margin:8px 0 0}.email-link{display:flex;align-items:center;justify-content:center;gap:7px}.email-link img{width:56px;height:42px;image-rendering:pixelated}.email-link span{line-height:1.2}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.web-badge{display:inline-flex;flex-direction:column;justify-content:center;min-width:145px;min-height:53px;background:#0e235f;color:#ffe966;border:3px outset #fff;text-align:center;font:bold 14px 'Courier New',monospace;box-shadow:3px 3px #0008}.web-badge small{font-size:11px;color:#fff}.webring{border:2px inset #7ca8ee;background:#1c255b;padding:8px;margin:12px auto;max-width:620px}.webring a{display:inline-block;margin:0 7px}.odometer{display:inline-flex;background:#070708;border:3px inset #9b9da0;border-radius:3px;padding:2px;gap:1px;vertical-align:middle;margin:6px;font:22px 'Courier New',monospace;font-variant-numeric:tabular-nums}.odometer span{display:inline-block;min-width:18px;background:linear-gradient(#161516 0%,#383338 48%,#0b0b0d 52%,#1d1b1e 100%);color:#f6e6a0;border:1px solid #777;text-shadow:0 1px #000;text-align:center;line-height:27px}.odometer span.roll{animation:rollin .5s ease-out both}@keyframes rollin{from{transform:translateY(-7px);filter:brightness(2)}to{transform:translateY(0);filter:brightness(1)}}.secret-note{position:absolute;right:18%;bottom:10px;color:#f6d884;text-shadow:0 1px 3px #42001d;text-decoration:none;font:17px Georgia,serif;opacity:.55}.secret-note:hover,.secret-note:focus-visible{opacity:1;color:#fff}.guest-form label{display:block;font-weight:bold;margin:12px 0 4px}.guest-form input,.guest-form textarea,.guest-form select{width:100%;font:16px Verdana,sans-serif;padding:8px;border:3px inset #fff;background:white;color:#1a1020}.guest-form textarea{min-height:110px;resize:vertical}.guest-form .trap{position:absolute;left:-9999px}.guest-form button{margin-top:12px}.status{min-height:24px;padding:6px;font-weight:bold;color:#690022}.guest-list{list-style:none;margin:0;padding:0}.guest-list li{background:#fffdf3;border:3px ridge #fff;margin:10px 0;padding:10px;overflow-wrap:anywhere}.guest-list strong{color:#780020}.guest-list time{font:12px 'Courier New',monospace;color:#4b4b50}.guest-list p{white-space:pre-wrap;margin:8px 0 0}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.admin-actions button{cursor:pointer}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:8px 0}.album-thumb{border:4px outset #fff;background:#d4d5d8;color:#111;padding:6px;text-align:left;cursor:pointer;font:bold 14px 'Courier New',monospace}.album-thumb img{display:block;width:100%;height:155px;object-fit:cover;border:2px inset #aaa;margin-bottom:7px}.photo-window{padding:0;border:4px outset #fefefe;box-shadow:8px 8px #0009;background:#d3d4d7;max-width:min(94vw,760px);max-height:90vh}.photo-window::backdrop{background:#080816b8}.window-bar{background:linear-gradient(90deg,#08184e,#584b94);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 5px;font:bold 15px 'Courier New',monospace}.window-bar button{font:bold 16px Arial,sans-serif;min-width:27px;cursor:pointer}.window-body{padding:9px}.window-body img{display:block;max-width:100%;max-height:67vh;margin:auto;object-fit:contain}.window-body p{margin:8px 0 0;font-size:13px}.secret-panel{text-align:center;padding:24px 12px;background:#fff9d8;border:5px ridge #ffe275}.secret-panel .giant{font-size:72px;animation:wobble 1.8s infinite alternate}@keyframes wobble{to{transform:rotate(16deg)}}
@media(max-width:700px){.webring a{display:block;margin:5px 0}.email-link img{width:46px;height:35px}.odometer{font-size:18px}.odometer span{min-width:15px;line-height:24px}}@media(prefers-reduced-motion:reduce){.odometer span.roll,.secret-panel .giant{animation:none}}
.welcome .jump-links{margin:12px 0 0;font-weight:bold}.main a{color:#16318b}.main a:hover{color:#8b0026}.player-feature{max-width:420px;margin:18px auto;padding:16px;border:4px ridge #fff}.player-feature .player-caption{background:#112263;color:#fff3a7;padding:6px;margin:-7px -7px 15px;font:bold 13px 'Courier New',monospace}.player-feature .listen-button{font-size:17px;padding:12px}

/* Today's band pick and calendar countdowns */
.top-extras{display:grid;grid-template-columns:minmax(205px,1fr) minmax(0,2.4fr);gap:8px;margin:0 0 8px}.daily-member,.countdown-panel{border:4px ridge #fff1a6;padding:9px;background:#fff5ca;color:#37051b}.daily-member{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:151px;background:repeating-linear-gradient(135deg,#fff6ca 0 20px,#ffe9ac 20px 40px)}.daily-member h2,.countdown-panel h2{font:900 16px/1.25 'Arial Black',sans-serif;letter-spacing:.02em;margin:0 0 8px;color:#7d0027}.daily-member p{font:900 clamp(20px,2.6vw,30px)/1.15 Georgia,serif;margin:8px 0;color:#0d245c;text-shadow:1px 1px #fff}.daily-member small{font:13px/1.3 'Courier New',monospace}.countdown-panel{background:#101d4d;color:#fff9da;border-color:#a7d5ff}.countdown-panel h2{color:#ffec89}.countdown-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.countdown-item{background:#d9d7e1;color:#170d24;border:2px inset #fff;padding:6px;min-width:0;display:flex;justify-content:space-between;gap:5px;align-items:center;font:13px/1.25 'Courier New',monospace}.countdown-item strong{white-space:nowrap;color:#89002d;font:900 15px/1.1 'Arial Black',sans-serif}.countdown-panel p{font:12px/1.25 'Courier New',monospace;margin:7px 0 0;color:#fcebb1}
.countdown-item[hidden]{display:none}

/* Beginner Band's arcade-style roulette */
.beginner-intro{background:#fffbe5}.roulette-panel{text-align:center;background:#11205d;border:5px ridge #f5d978;color:#fff7b7;padding:16px 12px;margin-bottom:8px}.roulette-panel h2,.game-panel h2{font:900 clamp(21px,3vw,29px)/1.2 'Arial Black',sans-serif;margin:0 0 15px;color:#ffe572;text-shadow:3px 3px #78002c}.roulette-reel{max-width:500px;margin:0 auto 16px;border:5px inset #fff;background:linear-gradient(#f7f5e1,#fff,#e3e4e7);color:#7e0029;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:5px 12px;font:900 clamp(23px,4vw,38px)/1.15 Impact,'Arial Black',sans-serif;letter-spacing:.04em}.roulette-reel #reel-name{overflow-wrap:anywhere}.reel-arrow{color:#ba0036;font-size:25px;flex:none}.roulette-reel.spinning{animation:reel-flash .16s steps(2,end) infinite}@keyframes reel-flash{50%{background:#ffeb8a}}.spin-button{display:inline-block;margin:0 auto;min-height:50px;cursor:pointer;font-size:16px;padding:10px 18px}.spin-button:disabled{cursor:wait}.instrument-result{margin:18px auto 0;max-width:450px;border:4px outset #ffdc72;background:#fff1c5;color:#53001a;padding:12px}.instrument-result[hidden]{display:none}.instrument-result h3{font:900 clamp(22px,4vw,32px)/1.15 Georgia,serif;color:#760024;margin:4px 0 10px}.instrument-result img{display:block;max-width:100%;height:180px;object-fit:contain;image-rendering:pixelated;margin:auto;background:#fff8e4;border:3px inset #e7b46a}.instrument-result p{margin:9px 0 0;font-size:14px}

/* A tiny browser game, like an old school web arcade */
.game-panel{background:#0e1b4b;color:#fff6c7;border:5px ridge #9ec8ff;padding:12px;text-align:center}.game-panel h2{margin-bottom:10px}.game-scoreboard{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:0 auto 9px;max-width:480px;font:bold 15px 'Courier New',monospace}.game-scoreboard span{background:#090e2a;border:2px inset #7694be;padding:5px 8px}.game-scoreboard strong{color:#fff06c}.game-frame{max-width:480px;margin:0 auto;border:5px ridge #f2da77;background:#090d26;touch-action:none}.game-frame canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none}.game-start{cursor:pointer;display:inline-block;margin:12px auto 0;padding:10px 18px}.game-status{font-weight:bold;min-height:23px;margin:9px 0}.game-help{font:14px/1.45 'Courier New',monospace;margin:8px 0 0}
@media(max-width:900px){.top-extras{grid-template-columns:1fr}.daily-member{min-height:100px}.countdown-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.countdown-list{grid-template-columns:1fr}.countdown-item{font-size:14px}.roulette-panel{padding:12px 7px}.roulette-reel{min-height:72px}.reel-arrow{font-size:19px}.game-scoreboard{justify-content:center}}
@media(prefers-reduced-motion:reduce){.roulette-reel.spinning{animation:none}}

/* BAND calendar */
.countdown-item{display:block;min-height:66px;font-size:14px}.countdown-item span{display:block;line-height:1.25;overflow-wrap:anywhere}.countdown-item strong{display:block;margin-top:5px;font-size:16px}.countdown-list>p{grid-column:1/-1;margin:6px;color:#fff9d4;font-size:14px}.calendar-explainer{font-size:15px}.upcoming-list{list-style:none;padding:0!important;margin:0 0 12px!important}.upcoming-list li,.agenda-event{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;background:#fffdf1;border:2px inset #fff;padding:9px;margin:6px 0;align-items:start}.event-date-block{display:block;text-align:center;background:#15265b;color:#fff4ad;border:2px outset #cad8f8;padding:5px 3px;font:bold 14px/1.25 'Courier New',monospace}.event-date-block b{display:block;font-size:22px;line-height:1.1}.event-details{min-width:0;overflow-wrap:anywhere}.event-details strong{display:block;color:#730025;font:bold 17px/1.25 Georgia,serif}.event-details span{display:block;font-size:14px;margin-top:3px}.calendar-status{font:14px/1.4 'Courier New',monospace;color:#4c3050}.calendar-panel{background:#11205b;color:#fff4bf;border:4px ridge #fff0a8;padding:11px;margin-bottom:8px}.calendar-toolbar{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.calendar-toolbar .retro-button{width:auto;min-width:44px;padding:6px 10px;cursor:pointer}.calendar-toolbar h3{font:900 20px/1.2 Georgia,serif;margin:0 6px;min-width:175px;text-align:center}.calendar-weekdays,.calendar-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{text-align:center;font:bold 13px 'Courier New',monospace;margin-bottom:4px}.calendar-weekdays span{overflow:hidden}.calendar-empty{background:#273663;min-height:48px;border:1px solid #52639a}.calendar-day{width:100%;min-height:57px;background:#f4f1e4;color:#31122f;border:2px outset #fff;text-align:left;padding:4px;cursor:pointer;font:bold 15px 'Courier New',monospace}.calendar-day:hover{background:#ffe79f}.calendar-day.has-events{background:#fff2be}.calendar-day.today{border-color:#f8c74c}.calendar-day.selected{outline:3px solid #ed3674;outline-offset:-3px}.calendar-day .day-count{display:block;width:max-content;max-width:100%;margin-top:4px;padding:1px 4px;background:#9d0031;color:white;font:bold 12px 'Courier New',monospace;overflow:hidden}.calendar-panel>.calendar-status{color:#ffeab1;margin:10px 0}.calendar-selection{background:#fff9de;color:#26142c;border:3px inset white;padding:10px;margin-top:9px}.calendar-selection h4{font:900 17px Georgia,serif;color:#850029;margin:0 0 6px}.calendar-selection p{margin:5px 0}.calendar-selection ul{list-style:none;padding:0;margin:0}.calendar-selection li{padding:7px 0;border-top:1px solid #d5c19e}.calendar-selection li strong{display:block}.calendar-selection li small{font-size:14px}.agenda-month{margin:15px 0 7px;font:900 19px Georgia,serif;color:#76002d;border-bottom:2px solid #8e1741}.agenda-month:first-child{margin-top:0}.calendar-panel .retro-button:focus-visible,.calendar-day:focus-visible{outline:3px solid #ffdf68;outline-offset:2px}
@media(max-width:500px){.calendar-day{min-height:48px;padding:3px;font-size:14px}.calendar-day .day-count{font-size:11px;padding:0 2px}.calendar-toolbar h3{min-width:135px;font-size:18px}.upcoming-list li,.agenda-event{grid-template-columns:68px minmax(0,1fr);gap:7px}.event-date-block b{font-size:19px}}