/* Eastbrook High — Hall Monitor style */
body {
  background-color: #2a2218;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><rect width='90' height='90' fill='%232a2218'/><g opacity='0.15' stroke='%235a4830' fill='none'><rect x='15' y='15' width='60' height='60'/><path d='M15 45 L75 45 M45 15 L45 75'/><circle cx='45' cy='25' r='6'/></g></svg>");
  background-repeat: repeat;
  color: #e8dcc0;
  font-family: "Times New Roman","Georgia",serif;
  font-size: 15px; margin:0; padding:0; cursor:default;
}
a { color:#c0a060; text-decoration:underline; } a:visited { color:#8a6a4a; } a:hover { color:#ff8844; }
h1,h2,h3 { font-family:"Georgia","Times New Roman",serif; letter-spacing:1px; }
.neon-gold { color:#c0a060; text-shadow:0 0 5px #8a7030; }
.neon-red { color:#cc5533; text-shadow:0 0 5px #8a2a1a; }
.blink { animation:blink 1.5s steps(2,start) infinite; } @keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.marquee-box { background:#1a140c; border:2px ridge #8a7030; padding:6px; overflow:hidden; white-space:nowrap; color:#e8dcc0; }
.floaty { display:inline-block; animation:floaty 3s 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,#2a1e10,#4a3818,#2a1e10); border:3px outset #8a7030; text-align:center; padding:14px; margin-bottom:10px; }
.navbar { background:#1a1208; border:2px inset #8a7030; padding:8px; text-align:center; margin-bottom:12px; }
.navbar a { margin:0 6px; font-weight:bold; }
.content-box { background:rgba(30,20,10,0.75); border:2px dashed #8a7030; padding:12px; margin-bottom:12px; }
.sidebar-box { background:rgba(20,14,6,0.85); border:2px solid #cc5533; padding:10px; margin-bottom:12px; }
.under-construction { text-align:center; border:3px solid #c0a060; background:repeating-linear-gradient(45deg,#1a140c 0 10px,#2a1e10 10px 20px); padding:8px; margin:10px 0; }
.hit-counter { font-family:"Courier New",monospace; background:#000; color:#ff8844; border:2px inset #888; padding:2px 8px; letter-spacing:3px; display:inline-block; }
.web-ring { border:2px ridge #8a7030; padding:8px; text-align:center; background:#1a1208; font-size:12px; }
.missing-card { border:2px solid #cc5533; background:rgba(50,20,10,0.5); padding:10px; margin-bottom:12px; }
.new-badge { background:#cc5533; color:#c0a060; font-weight:bold; font-size:10px; padding:1px 4px; border:1px solid #c0a060; vertical-align:middle; animation:blink 0.9s steps(2,start) infinite; }
.footer { text-align:center; border-top:2px solid #8a7030; padding-top:10px; font-size:11px; color:#8a7a60; }
hr.rainbow-hr { border:0; height:3px; background:linear-gradient(90deg,#8a7030,#cc5533,#8a7030); }
table { width:100%; border-collapse:collapse; } th,td { border:1px solid #8a7030; padding:6px; } th { background:#2a1e10; color:#c0a060; }
.guestbook-entry { border-bottom:1px dotted #8a7030; padding:6px 0; }
form input,form textarea{background:#1a1208;color:#e8dcc0;border:1px solid #8a7030;padding:4px;width:95%;}
form button{background:#2a1e10;color:#c0a060;border:2px outset #8a7030;padding:4px 10px;font-weight:bold;cursor:pointer;}
.status-ok{color:#c0a060;} .status-err{color:#cc5533;}