/* ── MOA retro.css: 90s overrides applied to all non-music pages ── */

body {
  font-family: 'Times New Roman', Times, serif;
  background: url('/moa/clouds.png') repeat;
}

/* Taskbar */
.taskbar                { background: #000080; border-bottom: 3px solid #ff0000; }
.taskbar-link           { color: #ffff00 !important; }
.taskbar-link:hover     { color: #ff9900 !important; }
.taskbar-link-nt        { background: #006600; padding: 2px 8px; color: #ffff00 !important; }
.taskbar-link-nt:hover  { background: #009900; color: #ffff00 !important; }
.taskbar-link-argmap        { background: #880000; padding: 2px 8px; color: #ffff00 !important; }
.taskbar-link-argmap:hover  { background: #cc0000; color: #ffff00 !important; }
#taskbar-clock          { color: #ffffff; }

/* Marquee */
.marquee-bar { background: #880000; color: #ffff00; border-bottom: 2px solid #ffcc00; }

/* Sidebar */
.sidebar-window                  { background: #f0f0ff; border: 4px solid #000080; }
.sidebar-titlebar                { background: #006600; border-bottom: 2px solid #003300; }
.sidebar-logo                    { background: #ffff99; border-bottom: 2px solid #aaaa00; }
.sidebar-logo .site-title        { color: #cc0000; font-family: Impact, 'Arial Black', sans-serif; }
.sidebar-logo .site-sub          { color: #000080; }

/* Nav links */
nav ul li a             { background: #ffff99; color: #000080 !important; border: 2px solid #000080;
                          font-family: Arial, sans-serif; font-size: 12px; }
nav ul li a:hover       { background: #ff6600; color: #ffffff !important; border-color: #cc3300; }
nav ul li a.active      { background: #000080; color: #ffff00 !important; border-color: #000080; }

/* Font controls */
.font-ctrl              { background: #ffff99; border-top: 2px solid #aaaa00; }
.font-ctrl-label        { color: #000080; }
.font-val               { border-color: #000080; color: #000080; }
.font-btn               { background: #000080; border-color: #000044; }
.font-btn:hover         { background: #cc0000; }

/* Sidebar extras */
.sidebar-extra          { border-top: 2px solid #000080; }
.sidebar-extra-title    { color: #cc0000; border-bottom-color: #cc0000; font-family: Arial, sans-serif; }
.cool-links-list li a   { color: #0000cc; }
.cool-links-list li a:hover { color: #cc0000; }
.sidebar-about-text     { color: #333; }
.ai-toggle {
  display: block;
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #0000cc;
  cursor: pointer;
  margin-top: 6px;
  text-decoration: underline;
}
.ai-toggle:hover        { color: #cc0000; }
.ai-toggle-open::before { content: '▾ '; }
.ai-toggle:not(.ai-toggle-open)::before { content: '▸ '; }
/* Sub-nav */
.sub-nav {
  list-style: none;
  padding: 0;
  margin: 3px 0 2px 10px;
}
.sub-nav li a {
  display: block;
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #000099;
  text-decoration: none;
  padding: 2px 6px 2px 8px;
  border-left: 2px solid #000080;
}
.sub-nav li a:hover  { color: #cc0000; border-left-color: #cc0000; }
.sub-nav li a.active { color: #cc0000; font-weight: bold; border-left-color: #cc0000; }

/* Library dropdown */
.library-dropdown-wrap {
  position: relative;
  display: inline-block;
}
.library-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #000080;
  border: 2px solid #ffff00;
  border-top: none;
  z-index: 200;
  min-width: 180px;
}
.library-dropdown-wrap:hover .library-dropdown { display: block; }
.library-dropdown-item {
  display: block;
  padding: 5px 12px;
  color: #ffff00;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.library-dropdown-item:last-child { border-bottom: none; }
.library-dropdown-item:hover { background: #ffff00; color: #000080; }

.ai-expand {
  display: none;
  font-size: 11px;
  font-family: 'Times New Roman', Times, serif;
  color: #333;
  margin-top: 6px;
  padding: 6px 8px;
  background: #ffffd6;
  border: 1px solid #aa8800;
  line-height: 1.55;
}

/* Main window */
.main-window            { background: #fffff0; border: 4px solid #cc0000; }
.main-titlebar          { background: #000080; }

/* Tabs */
.tabs-bar               { background: #ccccff; border-bottom: 2px solid #000080; }
.tab-btn                { background: #aaaaee; border: 2px solid #000080; color: #000080;
                          font-family: Arial, sans-serif; font-weight: bold; }
.tab-btn:hover          { background: #ff9900; color: #000; }
.tab-btn.active         { background: #000080; color: #ffff00; border-color: #000080; }

/* Content links */
.main-window a          { color: #0000ee; }
.main-window a:visited  { color: #551a8b; }
.main-window a:hover    { color: #cc0000; }

/* Headings */
h1 {
  font-family: Impact, 'Arial Black', Arial, sans-serif;
  color: #cc0000;
  text-align: center;
  font-size: 26px;
  border-bottom: 3px double #cc0000;
  padding-bottom: 6px;
  margin-bottom: 8px;
}
h1::before { display: none; }

h2 {
  font-family: 'Comic Sans MS', 'Chalkboard SE', cursive;
  color: #000099;
  border-top: none;
  padding-top: 0;
  font-size: 17px;
  margin-top: 14px;
  margin-bottom: 4px;
}
h2::before              { content: '>> '; color: #ff6600; }
h2:nth-of-type(3n+2)    { color: #006600; }
h2:nth-of-type(3n)      { color: #990099; }

h3 {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #996600;
  margin-bottom: 4px;
}
h3::before { content: '* '; color: #cc0000; }

/* Body text */
p, li, td               { font-family: 'Times New Roman', Times, serif; line-height: 1.45; }
.tab-panel.active       { padding: 12px 16px; }

/* Welcome hero (homepage only, harmless elsewhere) */
.welcome-hero           { background: #000080; border: 4px solid #ff0000; outline: none; }
.welcome-hero h1        { color: #ffff00; border-bottom: none; margin-bottom: 4px;
                          padding-bottom: 0; font-size: 30px; }
.welcome-title          { color: #ffff00; font-family: Impact, Arial Black, sans-serif; font-size: 22px; }
.welcome-sub-text       { color: #ff9900; font-family: Arial, sans-serif; font-size: 12px; }
.spin-star              { color: #ff0000; }

/* Decorative elements */
.retro-divider          { color: #cc0000; }
.pixel-bar {
  background: repeating-linear-gradient(
    90deg, #000080 0px, #000080 8px, #ffffff 8px, #ffffff 16px
  );
}

/* Footer */
.page-footer            { background: #000080; color: #ffff00; border-top: 3px solid #ff0000; }
.last-updated           { color: #ffcc00; }
.flag-strip             { background: #ffffd6; border-top: 2px solid #aaaa00; border-bottom: 2px solid #aaaa00; }

/* Hit counter */
.hit-counter            { border-color: #000080; background: #000030; }
.hc-label               { color: #ff6600; }
.hc-d                   { border-color: #0000aa; color: #ffff00; }

/* Guestbook */
.gb-entry               { border-bottom: 2px dashed #000080; }
.gb-name                { color: #cc0000; font-family: Impact, Arial Black, sans-serif; }
.gb-date                { color: #006600; }
.gb-submit              { background: #000080; border: 2px solid #000044; color: #ffff00;
                          font-family: Arial, sans-serif; font-weight: bold; }
.gb-submit:hover        { background: #cc0000; }
.gb-form-wrap input,
.gb-form-wrap textarea  { border: 2px solid #000080; background: #fffff0;
                          font-family: 'Times New Roman', Times, serif; }
.gb-form-wrap label     { font-family: Arial, sans-serif; color: #000080; font-weight: bold; }