/* Maplewood Middle — Locker Chills style */
body {
  background-color: #141820;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='88' height='88'><rect width='88' height='88' fill='%23141820'/><rect x='2' y='2' width='40' height='84' fill='none' stroke='%232a3040' stroke-width='2'/><rect x='46' y='2' width='40' height='84' fill='none' stroke='%232a3040' stroke-width='2'/><circle cx='20' cy='44' r='4' fill='%23ff3355' opacity='0.4'/><circle cx='66' cy='44' r='4' fill='%2300ccff' opacity='0.4'/></svg>");
  background-repeat: repeat;
  color: #c8e0ff;
  font-family: "Verdana","Arial",sans-serif;
  font-size: 14px; margin:0; padding:0; cursor:default;
}
a { color:#00ccff; text-decoration:underline; } a:visited { color:#ff66aa; } a:hover { color:#ffcc00; }
h1,h2,h3 { font-family:"Impact","Arial Black",sans-serif; letter-spacing:2px; }
.neon-cyan { color:#00ccff; text-shadow:0 0 6px #0088aa; }
.neon-red { color:#ff3355; text-shadow:0 0 6px #aa0022; }
.neon-yellow { color:#ffcc00; text-shadow:0 0 6px #aa8800; }
.blink { animation:blink 1s steps(2,start) infinite; } @keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.marquee-box { background:#000; border:2px ridge #00ccff; padding:6px; overflow:hidden; white-space:nowrap; }
.floaty { display:inline-block; animation:floaty 2s ease-in-out infinite; }
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.page { max-width:860px; margin:0 auto; padding:12px; }
.header-banner { background:linear-gradient(90deg,#0a1a3a,#1a2a4a,#0a1a3a); border:3px outset #00ccff; text-align:center; padding:14px; margin-bottom:10px; }
.navbar { background:#0a0f20; border:2px inset #00ccff; padding:8px; text-align:center; margin-bottom:12px; }
.navbar a { margin:0 6px; font-weight:bold; }
.content-box { background:rgba(10,15,30,0.75); border:2px dashed #00ccff; padding:12px; margin-bottom:12px; }
.sidebar-box { background:rgba(20,25,40,0.85); border:2px solid #ff3355; padding:10px; margin-bottom:12px; }
.under-construction { text-align:center; border:3px solid #ffcc00; background:repeating-linear-gradient(45deg,#000 0 10px,#1a2a4a 10px 20px); padding:8px; margin:10px 0; }
.hit-counter { font-family:"Courier New",monospace; background:#000; color:#ff3355; border:2px inset #888; padding:2px 8px; letter-spacing:3px; display:inline-block; }
.web-ring { border:2px ridge #00ccff; padding:8px; text-align:center; background:#0a0f20; font-size:12px; }
.missing-card { border:2px solid #ff3355; background:rgba(40,10,20,0.5); padding:10px; margin-bottom:12px; }
.new-badge { background:#ff3355; color:#ffcc00; font-weight:bold; font-size:10px; padding:1px 4px; border:1px solid #ffcc00; vertical-align:middle; animation:blink 0.8s steps(2,start) infinite; }
.footer { text-align:center; border-top:2px solid #00ccff; padding-top:10px; font-size:11px; color:#7a8aa0; }
hr.rainbow-hr { border:0; height:3px; background:linear-gradient(90deg,#00ccff,#ff3355,#ffcc00,#00ccff); }
table { width:100%; border-collapse:collapse; } th,td { border:1px solid #00ccff; padding:6px; } th { background:#0a1a3a; color:#ffcc00; }
.guestbook-entry { border-bottom:1px dotted #00ccff; padding:6px 0; }
form input,form textarea{background:#0a0f20;color:#c8e0ff;border:1px solid #00ccff;padding:4px;width:95%;}
form button{background:#0a1a3a;color:#ffcc00;border:2px outset #00ccff;padding:4px 10px;font-weight:bold;cursor:pointer;}
.status-ok{color:#00ccff;} .status-err{color:#ff3355;}