/* =============================================
   THE ADVENTURER'S COMPENDIUM — style.css
   Authentic Web 1.0 / RPG Aesthetics Overhaul
   ============================================= */

/* ===== FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=VT323&family=Press+Start+2P&display=swap');

/* ===== BASE ===== */
body {
  background-color: #1a1208;
  /* Seamless tiled pixel pattern */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect width='80' height='80' fill='%231a1208'/%3E%3Crect x='0' y='0' width='40' height='40' fill='%231e1509' opacity='0.6'/%3E%3Crect x='40' y='40' width='40' height='40' fill='%231e1509' opacity='0.6'/%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%23c4a44a' opacity='0.12'/%3E%3Ccircle cx='0' cy='0' r='1' fill='%23c4a44a' opacity='0.08'/%3E%3Ccircle cx='80' cy='80' r='1' fill='%23c4a44a' opacity='0.08'/%3E%3C/svg%3E");
  font-family: "Times New Roman", Times, serif;
  color: #2b1d0e;
  margin: 0;
  padding: 8px;
}

/* Custom Cursor Rule */
body, a, button, input, select, textarea {
  cursor: url("data:application/octet-stream;base64,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"), auto !important;
}

<style type="text/css">
body{
cursor:url("data:application/octet-stream;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/fist15pN/79+K/+WYyH/v34rQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv34rKteaTf+/fiv/lmMh/79+KzYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADXmk3/v34r/5ZjIf+/fiswAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJZjIf+WYyH/v34rKgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////+P////D////g////wP//x4P//8EH///gD///wB///8A////AH///hB///4AP//+AD//+Ae///AP///gf///wH///4D///8B///+A////gf///wP///4H///8H///+D////B////g////wf///4P///8H////D////x////8="), auto;
} </style>

<a href="https://www.rw-designer.com/cursor-set/the-original-rs-sword-by-kt6" title="Get free cursors for your web.">The Original Runescape Sword By KT6 Cursors</a>

/* ===== CLASSIC LINK STYLING ===== */
a {
  color: #8b1a1a;
  text-decoration: underline;
}

a:visited {
  color: #5c1d6b;
}

a:hover {
  color: #ff0000;
  background-color: #ffe699;
  text-decoration: none;
}

/* ===== RETRO SCROLLBARS ===== */
::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar-track {
  background: #3d2a0a;
  border-left: 2px ridge #9a7c2e;
}

::-webkit-scrollbar-thumb {
  background: #9a7c2e;
  border: 2px outset #e8c870;
}

::-webkit-scrollbar-thumb:hover {
  background: #c4a44a;
}

/* ===== OUTER WRAPPER ===== */
.outer {
  width: 780px;
  margin: 0 auto;
  border: 4px ridge #c4a44a;
  box-shadow: 5px 5px 0px #000000, -2px -2px 0px #1a1208;
  background: #f2e4c0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");
}

/* ===== HEADER ===== */
.site-header {
  background: #2b1d0e;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(154,124,46,0.08) 10px,
    rgba(154,124,46,0.08) 11px
  );
  text-align: center;
  padding: 14px 10px 10px;
  border-bottom: 4px ridge #9a7c2e;
}

.site-title {
  font-family: 'Cinzel', 'Times New Roman', serif;
  font-size: 2.1em;
  color: #f7e08b;
  text-shadow: 3px 3px 0 #000, -1px -1px 0 #5a3a00;
  margin: 0;
  letter-spacing: 2px;
}

.site-title span { color: #ffe699; }

.subtitle {
  font-family: 'VT323', monospace;
  color: #d4a84a;
  font-size: 1.2em;
  margin: 4px 0 0;
  letter-spacing: 2px;
}

/* ===== ANIMATIONS ===== */
.blink {
  animation: blink 0.8s step-start infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.3; }
}

@keyframes marquee {
  0%   { transform: translateX(100vw); }
  100% { transform: translateX(-100%); }
}

/* ===== MARQUEE ===== */
.marquee-strip {
  background: #000000;
  border-top: 2px inset #9a7c2e;
  border-bottom: 2px inset #9a7c2e;
  color: #ffcc00;
  font-family: 'VT323', monospace;
  font-size: 1.1em;
  padding: 2px 0;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-inner {
  display: inline-block;
  animation: marquee 20s linear infinite;
}

/* ===== NAVBAR ===== */
.navbar {
  background: #3d2a0a;
  border-bottom: 3px ridge #9a7c2e;
  padding: 6px 10px;
  text-align: center;
  font-family: 'VT323', monospace;
  font-size: 1.2em;
}

.navbar a {
  color: #ffe699;
  text-decoration: none;
  margin: 0 4px;
  padding: 3px 8px;
  border: 2px outset #9a7c2e;
  background: #2b1d0e;
  display: inline-block;
  box-shadow: 1px 1px 0px #000;
}

.navbar a:hover {
  background: #9a7c2e;
  color: #000000;
  border-style: inset;
}

/* ===== CONTENT LAYOUT ===== */
.content-wrap {
  display: flex;
  gap: 0;
  align-items: flex-start;
}

/* ===== SIDEBAR ===== */
.sidebar {
  width: 185px;
  min-width: 185px;
  border-right: 2px groove #9a7c2e;
  padding: 10px 8px;
  background: #ede0be;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sidebar-box {
  border: 3px ridge #c4a44a;
  background: #f5ecd5;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.3);
  padding: 0;
}

.sidebar-box-title {
  background: linear-gradient(180deg, #4a3010, #2b1d0e);
  color: #ffe699;
  font-family: 'VT323', monospace;
  font-size: 1.1em;
  letter-spacing: 1px;
  text-align: center;
  padding: 2px 6px;
  text-transform: uppercase;
  border-bottom: 2px outset #9a7c2e;
}

.sidebar-box-inner {
  padding: 8px;
}

/* Character Portrait */
.portrait {
  width: 100%;
  aspect-ratio: 1;
  background: linear-gradient(160deg, #c8a870, #a07840);
  border: 3px inset #5a3a00;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: #5a3a00;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.portrait::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.1) 2px,
    rgba(0,0,0,0.1) 4px
  );
}

.char-stat {
  font-size: 0.8em;
  border-bottom: 1px dashed #c9a870;
  padding: 2px 0;
  display: flex;
  justify-content: space-between;
}

.char-stat:last-child { border-bottom: none; }
.char-stat .sname { color: #8b6030; font-style: italic; }
.char-stat .sval  { color: #2b1d0e; font-weight: bold; font-family: monospace; }

/* Hit Counter */
.counter-box {
  text-align: center;
  font-size: 0.78em;
  color: #8b6030;
  font-style: italic;
}

.counter-digits {
  font-family: 'VT323', monospace;
  font-size: 1.8em;
  line-height: 1;
  background: #000000;
  color: #00ff00;
  letter-spacing: 3px;
  padding: 3px 8px;
  border: 3px inset #777777;
  display: inline-block;
  margin: 6px 0;
  text-shadow: 0 0 4px #00ff00;
}

/* Badges */
.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
}

.badge88 {
  width: 88px;
  height: 31px;
  border: 2px outset #d4a84a;
  background: #2b1d0e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Press Start 2P', monospace;
  font-size: 0.42em;
  color: #ffe699;
  text-align: center;
  line-height: 1.2;
  padding: 1px;
  box-sizing: border-box;
  text-shadow: 1px 1px 0px #000;
}

.badge88.red   { background: #500; color: #ff9999; border-color: #aa3333; }
.badge88.green { background: #050; color: #99ff99; border-color: #33aa33; }
.badge88.blue  { background: #005; color: #9999ff; border-color: #3333aa; }

.badge88:hover {
  border-style: inset;
}

/* Status Light */
.status-light {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: #00ff00;
  border-radius: 50%;
  border: 1px solid #000;
  box-shadow: 0 0 5px #00ff00;
  animation: pulse 1.5s ease-in-out infinite;
  vertical-align: middle;
  margin-right: 4px;
}

/* Sidebar Nav List */
.side-nav { list-style: none; padding: 0; margin: 0; }
.side-nav li { border-bottom: 1px dotted #c9a870; }
.side-nav li:last-child { border-bottom: none; }
.side-nav a {
  display: block;
  padding: 3px 2px;
  font-size: 0.85em;
  color: #5a3a00;
  text-decoration: none;
}
.side-nav a:hover {
  color: #8b1a1a;
  text-decoration: underline;
  background: transparent;
}
.side-nav a::before { content: "» "; color: #9a7c2e; font-weight: bold; }

/* ===== MAIN AREA ===== */
.main {
  flex: 1;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Section Boxes */
.section-box {
  border: 3px ridge #c4a44a;
  background: #faf3df;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}

.section-box-title {
  background: linear-gradient(180deg, #3d2a0a, #2b1d0e);
  color: #ffe699;
  font-family: 'Cinzel', serif;
  font-size: 0.95em;
  font-weight: bold;
  padding: 4px 10px;
  border-bottom: 2px outset #9a7c2e;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.section-box-title .icon { font-size: 0.9em; }

.section-box-body {
  padding: 10px 12px;
  font-size: 0.92em;
  line-height: 1.6;
  color: #3d2810;
}

.section-box-body p { margin-bottom: 8px; }
.section-box-body p:last-child { margin-bottom: 0; }

/* Drop Cap */
.drop-cap::first-letter {
  font-size: 3.2em;
  float: left;
  line-height: 0.7;
  margin: 0.05em 0.12em 0 0;
  color: #8b1a1a;
  font-weight: bold;
  font-family: 'Cinzel', serif;
}

/* Ornamental Divider */
.divider {
  text-align: center;
  color: #9a7c2e;
  font-size: 0.9em;
  letter-spacing: 8px;
  margin: 2px 0;
  text-shadow: 1px 1px 0px #fff;
}

/* Journal Entries */
.entry {
  border: 2px inset #9a7c2e;
  border-left: 5px solid #8b1a1a;
  padding: 8px 10px;
  margin-bottom: 8px;
  background: #f5edd5;
}

.entry:last-child { margin-bottom: 0; }

.entry-date {
  font-family: 'VT323', monospace;
  font-size: 0.95em;
  color: #8b6030;
  letter-spacing: 1px;
}

.entry-title {
  font-size: 1.05em;
  font-weight: bold;
  color: #2b1d0e;
  margin: 2px 0;
}

.entry-excerpt {
  font-size: 0.88em;
  color: #5c4030;
  font-style: italic;
}

/* Codex Table */
.codex-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88em;
  border: 2px inset #9a7c2e;
}

.codex-table td {
  border: 1px solid #c9a870;
  padding: 6px 8px;
  vertical-align: top;
}

.codex-table td:first-child {
  background: #e8d8b0;
  color: #8b6030;
  font-style: italic;
  font-weight: bold;
  width: 90px;
  text-align: right;
  border-right: 2px groove #9a7c2e;
}

.codex-table td:last-child { color: #3d2810; background: #faf3df; }

/* Gallery */
.gallery-row {
  display: flex;
  gap: 8px;
}

.gallery-cell {
  flex: 1;
  aspect-ratio: 1;
  border: 3px inset #9a7c2e;
  background: #e8d8b0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  color: #8b6030;
  font-style: italic;
  text-align: center;
  padding: 4px;
}

/* ===== FOOTER ===== */
.site-footer {
  background: #2b1d0e;
  border-top: 4px ridge #9a7c2e;
  text-align: center;
  padding: 10px;
  color: #8b6030;
  font-size: 0.8em;
}

.site-footer a { color: #ffe699; }

.last-update {
  font-family: 'VT323', monospace;
  font-size: 1.1em;
  color: #d4a84a;
  margin: 4px 0 0;
}

/* ===== UNDER CONSTRUCTION BADGE ===== */
.under-con {
  display: inline-block;
  background: repeating-linear-gradient(
    45deg,
    #ffcc00,
    #ffcc00 8px,
    #000000 8px,
    #000000 16px
  );
  color: #ffffff;
  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000;
  font-family: 'VT323', monospace;
  font-size: 0.9em;
  padding: 1px 6px;
  letter-spacing: 1px;
  margin-left: 6px;
  border: 1px solid #000;
  vertical-align: middle;
}

/* ===== GUESTBOOK ===== */
.gb-form label {
  display: block;
  font-size: 0.85em;
  color: #8b6030;
  font-style: italic;
  margin-bottom: 2px;
  margin-top: 8px;
}

.gb-form label:first-child { margin-top: 0; }

.gb-form input[type="text"],
.gb-form textarea,
.gb-form select {
  width: 100%;
  background: #fff8e8;
  border: 2px inset #9a7c2e;
  color: #2b1d0e;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.9em;
  padding: 4px 6px;
  box-sizing: border-box;
}

.gb-form textarea {
  resize: vertical;
  min-height: 80px;
}

.gb-form input[type="text"]:focus,
.gb-form textarea:focus {
  outline: none;
  background: #ffffff;
  border-color: #8b1a1a;
}

.gb-submit {
  background: #2b1d0e;
  color: #ffe699;
  border: 3px outset #9a7c2e;
  font-family: 'VT323', monospace;
  font-size: 1.2em;
  letter-spacing: 1px;
  padding: 2px 18px;
  cursor: pointer;
  margin-top: 10px;
  box-shadow: 2px 2px 0px #000;
}

.gb-submit:hover {
  background: #9a7c2e;
  color: #000000;
}

.gb-submit:active {
  border-style: inset;
  box-shadow: none;
}

.gb-entry {
  border: 2px inset #9a7c2e;
  background: #f5edd5;
  padding: 8px 10px;
  margin-bottom: 10px;
}

.gb-entry:last-child { margin-bottom: 0; }

.gb-entry-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px dashed #c9a870;
  padding-bottom: 4px;
  margin-bottom: 6px;
}

.gb-entry-name {
  font-weight: bold;
  color: #2b1d0e;
  font-size: 1em;
}

.gb-entry-meta {
  font-family: 'VT323', monospace;
  font-size: 0.9em;
  color: #8b6030;
}

.gb-entry-class {
  font-size: 0.78em;
  color: #9a7c2e;
  font-style: italic;
  margin-bottom: 4px;
}

.gb-entry-msg {
  font-size: 0.88em;
  color: #3d2810;
  line-height: 1.5;
}

.gb-class-select-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
}

.gb-class-select-wrap select { flex: 1; }