:root{--bg:#080014;--panel:#16002b;--acid:#8dff00;--hot:#ff51a2;--cyan:#00e5ff;--yellow:#fff36d;--text:#f8f2ff;--muted:#cbb9ff;--border-light:#fff;--border-dark:#2c0048;--max:980px;--font:Verdana,Geneva,Tahoma,sans-serif;--mono:"Courier New",Courier,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.2) 1px,transparent 2px),radial-gradient(circle at 60px 30px,rgba(0,229,255,.24) 1px,transparent 2px),linear-gradient(45deg,rgba(255,81,162,.11) 25%,transparent 25%,transparent 75%,rgba(255,81,162,.11) 75%),linear-gradient(45deg,rgba(0,229,255,.08) 25%,transparent 25%,transparent 75%,rgba(0,229,255,.08) 75%);background-size:90px 90px,120px 120px,32px 32px,32px 32px;background-position:0 0,0 0,0 0,16px 16px;cursor:crosshair}a{color:var(--yellow);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}a:hover{color:#fff;background:var(--hot);text-decoration:none}img{max-width:100%;height:auto;display:block}code{color:var(--acid);font-family:var(--mono)}::selection{color:#000;background:var(--acid)}.page-shell{width:min(var(--max),calc(100% - 22px));margin:18px auto 36px;border:4px ridge var(--cyan);background:rgba(8,0,20,.92);box-shadow:0 0 0 4px #000,0 0 30px rgba(0,229,255,.45),12px 12px 0 rgba(255,81,162,.28)}.top-strip{display:flex;justify-content:space-between;gap:12px;padding:4px 8px;color:#000;background:linear-gradient(90deg,var(--acid),var(--cyan),var(--hot));font:700 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;border-bottom:3px double #000}.site-header{position:relative;min-height:190px;padding:18px 18px 14px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 16%),radial-gradient(circle at 78% 35%,rgba(141,255,0,.28),transparent 18%),linear-gradient(135deg,#380070 0%,#080014 38%,#12003a 62%,#4b005f 100%);overflow:hidden;border-bottom:4px groove var(--hot)}.site-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;mix-blend-mode:screen}.hero-grid{position:relative;display:grid;grid-template-columns:150px 1fr 150px;gap:16px;align-items:center;z-index:1}.avatar-frame,.badge-stack{border:3px outset var(--border-light);background:#000;padding:7px;min-height:132px;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 2px var(--border-dark),0 0 18px rgba(255,81,162,.35)}.pixel-face{width:104px;height:104px;image-rendering:pixelated;border:2px solid var(--acid);background:linear-gradient(90deg,transparent 46%,#000 46% 54%,transparent 54%),linear-gradient(#ffdfb8 0 64%,#1e103d 64% 100%);position:relative}.pixel-face:before,.pixel-face:after{content:"";position:absolute;top:38px;width:11px;height:11px;background:#000;box-shadow:0 0 0 3px #fff inset}.pixel-face:before{left:27px}.pixel-face:after{right:27px}.hero-copy h1{margin:0;font-size:clamp(34px,7vw,72px);line-height:.88;letter-spacing:-.08em;color:#fff;text-shadow:3px 3px 0 #000,6px 6px 0 var(--hot),-3px -3px 0 var(--cyan);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}.hero-copy p{max-width:600px;margin:13px 0 0;font-size:14px;line-height:1.55;color:var(--muted);background:rgba(0,0,0,.52);border:1px dotted var(--cyan);padding:8px 10px}.badge-stack{align-content:center;gap:8px;font:700 10px var(--mono);text-transform:uppercase}.button-88x31{display:inline-grid;place-items:center;width:88px;min-height:31px;color:#000;background:linear-gradient(#fff,var(--cyan) 45%,#004e68 46%,var(--acid));border:2px outset #fff;font:900 10px Arial,sans-serif;text-decoration:none;text-align:center;line-height:1;box-shadow:2px 2px 0 #000;padding:2px}.button-88x31.long-badge{height:auto;min-height:44px;font-size:8px;line-height:1.05}.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:.15}}.ticker{background:#000;border-top:2px solid #53008c;border-bottom:2px solid var(--cyan);color:var(--acid);font:700 12px var(--mono);text-transform:uppercase;padding:5px 0}.layout{display:grid;grid-template-columns:190px 1fr 190px;gap:10px;padding:10px}.panel{min-width:0;overflow:hidden;border-width:3px;border-style:solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background:linear-gradient(180deg,var(--panel) 0%,#080014 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),4px 4px 0 rgba(0,0,0,.75);margin-bottom:10px}.panel-title{margin:0;padding:6px 8px;color:#000;background:linear-gradient(90deg,var(--yellow),var(--hot));border-bottom:2px solid #000;font:900 12px var(--mono);text-transform:uppercase;letter-spacing:.04em}.panel-body{min-width:0;overflow:hidden;padding:9px;font-size:12px;line-height:1.5}.nav-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.nav-list a{display:block;padding:7px 8px;background:linear-gradient(90deg,#000,#2a005a);border:2px outset #7c67ff;color:#fff;font:700 12px var(--mono);text-decoration:none}.nav-list a:before{content:"» ";color:var(--acid)}.nav-list a:hover{background:var(--hot);color:#000}.main-content{min-width:0}.content-block{margin-bottom:12px;border:2px dashed rgba(0,229,255,.7);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(35,0,70,.72);padding:12px}.content-block h2{margin:0 0 8px;color:var(--yellow);font-size:22px;letter-spacing:-.04em;text-shadow:2px 2px 0 #000}.content-block h3{margin:0 0 6px;color:var(--cyan);font-size:15px;text-transform:uppercase;font-family:var(--mono)}.content-block p{margin:0 0 10px;font-size:13px;line-height:1.65}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border:2px groove var(--cyan);background:rgba(0,0,0,.46);padding:10px;min-height:120px}.card strong{display:block;margin-bottom:5px;color:var(--acid);font-family:var(--mono);text-transform:uppercase}.gallery-toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:10px 0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card{border:2px outset #b7a8ff;background:linear-gradient(180deg,#2b0052,#07000f);padding:7px}.gallery-image-wrap{background:#000;border:1px solid var(--hot);min-height:145px;display:grid;place-items:center;overflow:hidden}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-caption{margin:7px 0 0;color:var(--muted);font:12px/1.45 var(--mono)}.gallery-loading{border:1px dotted var(--yellow);background:rgba(255,255,255,.05);padding:12px;color:var(--muted);grid-column:1/-1}.winamp-radio{max-width:610px;margin:0 auto 10px;border:3px solid #151522;background:#2d2b49;box-shadow:0 0 0 2px #6c6a8e inset,4px 4px 0 #090912,0 0 22px rgba(0,0,0,.6);color:#cdd8d8;font-family:var(--mono)}.winamp-titlebar{height:24px;display:flex;align-items:center;gap:7px;padding:3px 7px;color:#fff;background:linear-gradient(180deg,#171729,#39375e);border-bottom:2px solid #0b0b15;font:900 13px var(--mono);letter-spacing:.05em;text-transform:uppercase}.tiny-light{width:13px;height:13px;display:inline-block;background:linear-gradient(90deg,transparent 45%,#f4d16c 45% 60%,transparent 60%),linear-gradient(#f4d16c 45%,transparent 45% 60%,#f4d16c 60%);filter:drop-shadow(0 0 2px #f4d16c)}.winamp-title{flex:1;text-shadow:2px 2px 0 #000}.winamp-window-buttons{display:flex;gap:4px}.winamp-window-buttons span{width:13px;height:11px;background:linear-gradient(#e7f3ff,#8fa4b4);border:2px outset #d7e7ef}.winamp-main{display:grid;grid-template-columns:195px 1fr;gap:10px;padding:10px 10px 6px}.winamp-visual{background:#070712;border:3px inset #6c6a8e;padding:5px;min-height:112px;position:relative}.timer{position:absolute;right:8px;top:5px;color:#2dff2d;font:900 27px var(--mono);letter-spacing:-.12em;text-shadow:0 0 4px rgba(45,255,45,.85);z-index:2}#visualizer{display:block;width:100%;height:88px;image-rendering:pixelated;margin-top:14px}.winamp-display{min-width:0;position:relative}.track-screen{height:33px;display:flex;align-items:center;overflow:hidden;padding:4px 8px;background:#05060a;border:3px inset #6c6a8e;color:#2dff2d;font:900 17px var(--mono);text-shadow:0 0 4px rgba(45,255,45,.8);white-space:nowrap}#trackTitle{display:inline-block;min-width:100%;animation:titleMarquee 12s linear infinite}@keyframes titleMarquee{0%,14%{transform:translateX(0)}100%{transform:translateX(-55%)}}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:9px 0 8px;color:#d6dbe8;font:900 13px var(--mono)}.meta-row span:first-child,.meta-row span:nth-child(2){color:#2dff2d;background:#0b0d10;padding:2px 5px}#radioState{color:#2dff2d;margin-left:auto}.winamp-controls{display:grid;grid-template-columns:46px 46px 46px 1fr;gap:8px;align-items:center;padding:8px 10px 12px;border-top:3px solid #171729}.transport-button{width:46px;height:36px;display:grid;place-items:center;color:#49606d;background:linear-gradient(#f8ffff,#9eb5c6);border:4px outset #dcebf2;cursor:pointer;text-shadow:1px 1px 0 #fff;padding:0}.transport-button:active,.transport-button.is-active{border-style:inset}.icon{display:block;position:relative;width:18px;height:18px}.icon-play{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #49606d;transform:translateX(2px)}.icon-pause:before,.icon-pause:after{content:"";position:absolute;top:1px;width:6px;height:17px;background:#49606d}.icon-pause:before{left:2px}.icon-pause:after{right:2px}.icon-stop{width:17px;height:17px;background:#49606d}.radio-caption{color:#d8e2f2;font:700 11px/1.35 var(--mono)}.status-light{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);margin-right:5px}.mini-list{margin:0;padding-left:18px}.mini-list li{margin-bottom:4px}.counter{display:inline-block;max-width:100%;min-width:0;padding:4px 7px;background:#000;border:2px inset #999;color:var(--acid);font:700 13px var(--mono);letter-spacing:.08em;text-align:center;overflow-wrap:anywhere}#realCounterMount{display:block;width:100%;max-width:100%;min-height:38px;max-height:72px;overflow:hidden}#realCounterMount iframe,#realCounterMount object,#realCounterMount embed,#realCounterMount div{max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}#realCounterMount iframe{height:64px!important;border:0!important}#realCounterMount div{border:2px inset #999!important;background:#000!important;color:var(--acid)!important;font-family:"Courier New",Courier,monospace!important;font-size:11px!important;padding:5px!important;text-align:center!important;letter-spacing:0!important}.guestbook-form label{display:block;margin-bottom:6px;color:var(--cyan);font:700 12px var(--mono)}input,textarea,button{font:12px var(--mono)}input,textarea{width:100%;color:#fff;background:#000;border:2px inset #bfbfbf;padding:7px;margin-bottom:8px}textarea{min-height:82px;resize:vertical}button,.fake-button{display:inline-block;color:#000;background:linear-gradient(#fff,#bfbfbf);border:3px outset #e6e6e6;padding:6px 10px;font-weight:700;cursor:pointer;text-decoration:none}button:active,.fake-button:active{border-style:inset}.form-status{color:var(--acid);margin-left:8px;font:700 11px var(--mono)}.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.guestbook-entries{margin-top:10px;display:grid;gap:6px}.guestbook-entry{border:1px dotted var(--yellow);padding:7px;background:rgba(255,255,255,.05);word-break:break-word}.guestbook-entry strong{color:var(--acid)}.footer{padding:12px;border-top:4px groove var(--hot);background:#000;text-align:center;color:var(--muted);font:11px var(--mono)}.webring{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}.webring a{padding:4px 7px;border:1px solid var(--cyan);background:#140027}.sticker-wall{display:flex;flex-wrap:wrap;gap:5px}.sticker{display:inline-block;padding:3px 5px;color:#000;background:var(--acid);border:2px outset #fff;font:900 10px Arial,sans-serif;transform:rotate(-2deg)}.sticker:nth-child(2n){background:var(--cyan);transform:rotate(2deg)}.sticker:nth-child(3n){background:var(--hot);color:#fff;transform:rotate(-4deg)}.small-note{color:var(--muted);font-size:11px;line-height:1.45}@media(max-width:860px){.hero-grid,.layout{grid-template-columns:1fr}.hero-grid{text-align:center}.avatar-frame,.badge-stack{min-height:auto}.layout{padding:8px}.side-left{order:1}.main-content{order:2}.side-right{order:3}.two-col,.gallery-grid{grid-template-columns:1fr}.winamp-main{grid-template-columns:1fr}.winamp-controls{grid-template-columns:46px 46px 46px}.radio-caption{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* V4 RADIO HISTORY OVERRIDES */

.winamp-controls.compact-controls {
  display: grid !important;
  grid-template-columns: 42px 42px 42px 42px 42px minmax(0, 1fr) !important;
  gap: 7px !important;
  align-items: center !important;
  padding: 8px 10px 12px !important;
  border-top: 3px solid #171729 !important;
}

.transport-button {
  width: 42px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}

.icon {
  display: block;
  position: relative;
  width: 18px;
  height: 18px;
}

.icon-prev:before,
.icon-prev:after,
.icon-next:before,
.icon-next:after {
  content: "";
  position: absolute;
  top: 0;
}

.icon-prev:before {
  left: 1px;
  width: 4px;
  height: 18px;
  background: #49606d;
}

.icon-prev:after {
  left: 6px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 14px solid #49606d;
}

.icon-next:before {
  right: 1px;
  width: 4px;
  height: 18px;
  background: #49606d;
}

.icon-next:after {
  right: 6px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #49606d;
}

.icon-play {
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-left: 16px solid #49606d !important;
  transform: translateX(2px) !important;
}

.icon-pause:before,
.icon-pause:after {
  content: "";
  position: absolute;
  top: 1px;
  width: 6px;
  height: 17px;
  background: #49606d;
}

.icon-pause:before { left: 2px; }
.icon-pause:after { right: 2px; }

.icon-stop {
  width: 17px !important;
  height: 17px !important;
  background: #49606d !important;
}

.played-history {
  margin: 0 10px 12px;
  border: 3px inset #6c6a8e;
  background: #05060a;
  padding: 7px;
  color: #cdd8d8;
  font-family: var(--mono);
}

.played-history-title {
  color: #2dff2d;
  font: 900 12px var(--mono);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 5px;
}

.played-history ol {
  margin: 0;
  padding-left: 21px;
  max-height: 92px;
  overflow: auto;
  scrollbar-color: #6c6a8e #05060a;
}

.played-history li {
  color: #d8e2f2;
  font-size: 11px;
  line-height: 1.45;
  margin-bottom: 3px;
}

.played-history li:first-child {
  color: var(--acid);
}

@media (max-width: 860px) {
  .winamp-controls.compact-controls {
    grid-template-columns: 42px 42px 42px 42px 42px !important;
  }

  .radio-caption {
    grid-column: 1 / -1;
  }
}


/* V5 STRUCTURE, AVATAR, DIARY, LINKS */

.avatar-gif {
  width: 104px;
  height: 104px;
  object-fit: cover;
  image-rendering: pixelated;
  border: 2px solid var(--acid);
  background: #000;
  box-shadow: 0 0 12px rgba(141, 255, 0, .45);
}

.button-88x31.long-badge {
  height: auto;
  min-height: 44px;
  font-size: 8px;
  line-height: 1.05;
}

.diary-list,
.links-list {
  display: grid;
  gap: 10px;
}

.diary-entry,
.link-entry {
  border: 2px groove var(--cyan);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(0,0,0,.46);
  padding: 10px;
}

.diary-entry h3,
.link-entry h3 {
  margin: 0 0 5px;
  color: var(--acid);
  font: 900 15px var(--mono);
  text-transform: uppercase;
  letter-spacing: .02em;
}

.diary-date,
.link-meta {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  font: 11px/1.4 var(--mono);
}

.diary-entry p,
.link-entry p {
  margin: 0;
  white-space: pre-wrap;
}

.link-entry a {
  display: inline-block;
  margin-bottom: 5px;
  color: var(--yellow);
  font: 900 14px var(--mono);
  word-break: break-word;
}

.admin-shell {
  width: min(760px, calc(100% - 22px));
  margin: 26px auto;
}

.admin-form {
  border: 3px ridge var(--cyan);
  background: rgba(8, 0, 20, .94);
  padding: 18px;
  box-shadow: 8px 8px 0 rgba(255,81,162,.28);
}

.admin-form h1 {
  margin-top: 0;
  color: var(--yellow);
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 42px;
  letter-spacing: -.04em;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 #000, 4px 4px 0 var(--hot);
}

.admin-status {
  margin-top: 10px;
  color: var(--acid);
  font: 700 12px var(--mono);
}

#realCounterMount #gcvc-for {
  display: none !important;
}


/* V8 TOP SITES */

.top-sites-list {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;
}

.top-sites-list li {
  color: var(--muted);
  font: 700 11px/1.35 var(--mono);
  word-break: break-word;
}

.top-sites-list a {
  color: var(--yellow);
  text-decoration: none;
}

.top-sites-list a:hover {
  color: #000;
  background: var(--acid);
}

.top-sites-category {
  display: block;
  color: var(--cyan);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  opacity: .9;
}