/* Bellview Elementary — Mirror School style */
body {
  background-color: #e8eef4;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><rect width='80' height='80' fill='%23dde4ea'/><rect x='10' y='10' width='60' height='60' fill='none' stroke='%23a8b4c4' stroke-width='1'/><circle cx='40' cy='40' r='3' fill='%238899aa' opacity='0.5'/></svg>");
  background-repeat: repeat;
  color: #1a2a3a;
  font-family: "Comic Sans MS", "Times New Roman", serif;
  font-size: 14px; margin:0; padding:0; cursor:default;
}
a { color: #2a5a8a; text-decoration:underline; } a:visited { color:#6a3a6a; } a:hover { color:#cc2222; }
h1,h2,h3 { font-family:"Impact","Arial Black",sans-serif; letter-spacing:2px; }
.neon-red { color:#cc2222; text-shadow:0 0 4px #800000; }
.neon-blue { color:#2a5a8a; text-shadow:0 0 4px #1a3a5a; }
.neon-gold { color:#aa7000; }
.blink { animation:blink 1.2s steps(2,start) infinite; } @keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.marquee-box { background:#fff; border:2px solid #2a5a8a; padding:6px; overflow:hidden; white-space:nowrap; }
.floaty { display:inline-block; animation:floaty 2.5s 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,#c8d8e8,#e8f0f8,#c8d8e8); border:3px outset #2a5a8a; text-align:center; padding:14px; margin-bottom:10px; }
.navbar { background:#d8e4f0; border:2px inset #2a5a8a; padding:8px; text-align:center; margin-bottom:12px; }
.navbar a { margin:0 6px; font-weight:bold; color:#1a2a3a; }
.content-box { background:rgba(255,255,255,0.7); border:2px dashed #2a5a8a; padding:12px; margin-bottom:12px; }
.sidebar-box { background:rgba(220,230,240,0.85); border:2px solid #cc2222; padding:10px; margin-bottom:12px; }
.under-construction { text-align:center; border:3px solid #cc2222; background:repeating-linear-gradient(45deg,#fff 0 10px,#c8d8e8 10px 20px); padding:8px; margin:10px 0; }
.hit-counter { font-family:"Courier New",monospace; background:#000; color:#ff3333; border:2px inset #888; padding:2px 8px; letter-spacing:3px; display:inline-block; }
.web-ring { border:2px ridge #2a5a8a; padding:8px; text-align:center; background:#d8e4f0; font-size:12px; }
.missing-card { border:2px solid #cc2222; background:rgba(255,220,220,0.5); padding:10px; margin-bottom:12px; }
.new-badge { background:#cc2222; color:#fff; font-weight:bold; font-size:10px; padding:1px 4px; border:1px solid #fff; vertical-align:middle; animation:blink 0.8s steps(2,start) infinite; }
.footer { text-align:center; border-top:2px solid #2a5a8a; padding-top:10px; font-size:11px; color:#5a5a5a; }
hr.rainbow-hr { border:0; height:3px; background:linear-gradient(90deg,#2a5a8a,#cc2222,#2a5a8a); }
table { width:100%; border-collapse:collapse; } th,td { border:1px solid #2a5a8a; padding:6px; } th { background:#c8d8e8; color:#cc2222; }
.guestbook-entry { border-bottom:1px dotted #2a5a8a; padding:6px 0; }
form input,form textarea{background:#f8faff;color:#1a2a3a;border:1px solid #2a5a8a;padding:4px;width:95%;}
form button{background:#c8d8e8;color:#1a2a3a;border:2px outset #2a5a8a;padding:4px 10px;font-weight:bold;cursor:pointer;}
.status-ok{color:#2a5a8a;} .status-err{color:#cc2222;}