:root {
  color-scheme: dark;
  --black: #080708;
  --near-black: #141016;
  --wine: #3b0d20;
  --burgundy: #64172b;
  --burnt-red: #9d3340;
  --violet-gray: #756779;
  --old-paper: #d5cfbd;
  --ash: #aaa1a6;
  --link: #e05252;
}

html { min-height: 100%; background: #030303; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--old-paper);
  background-color: var(--black);
  background-image:
    radial-gradient(circle at 20px 20px, rgba(99, 23, 43, .18) 0 1px, transparent 2px),
    linear-gradient(135deg, rgba(117, 103, 121, .04) 25%, transparent 25%, transparent 75%, rgba(117, 103, 121, .04) 75%);
  background-size: 40px 40px, 12px 12px;
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  overflow-x: hidden;
}

a { color: var(--link); }
a:visited { color: #ad6380; }
a:hover, a:focus { color: #ff8b67; background: #260711; }
img { max-width: 100%; }

.site-shell { position: relative; z-index: 2; width: 790px; max-width: calc(100% - 16px); margin: 8px auto; border-collapse: collapse; background: #0b090b; border: 3px ridge #5c4f5f; box-shadow: 0 0 0 2px #14050b, 6px 5px 0 #000; }
.site-shell td { vertical-align: top; }
.site-head { position: relative; padding: 5px 10px 8px; overflow: hidden; text-align: center; border-bottom: 3px ridge #6e596b; background-color: #100910; background-image: repeating-linear-gradient(90deg, rgba(89, 22, 45, .14) 0 2px, transparent 2px 9px), linear-gradient(#1c0b16, #08070b 70%, #111522); }
.site-head::after { content: ""; position: absolute; right: -18px; bottom: 4px; left: -18px; height: 8px; opacity: .5; background: repeating-radial-gradient(ellipse at 50% 100%, transparent 0 5px, #35314a 6px 7px, transparent 8px 13px); }
.title-lockup { display: flex; align-items: center; justify-content: center; gap: 1px; margin: 1px auto 0; width: fit-content; transform: rotate(-.25deg); }
.site-title { margin: 0; color: #d6c8cf; font: bold 50px/1 Georgia, "Times New Roman", serif; letter-spacing: 7px; text-shadow: 3px 2px #601428, -1px -1px #24131d, 0 0 5px #000; }
.title-horn { display: inline-block; width: 31px; height: 47px; overflow: hidden; vertical-align: middle; image-rendering: pixelated; }
.title-horn img { width: 66px; max-width: none; height: 48px; }
.title-horn-left { transform: rotate(-9deg) translateY(-2px); }
.title-horn-right { transform: rotate(8deg) translateY(-1px); }
.title-horn-right img { transform: translateX(-35px); }
.subtitle { margin: 4px 0 2px; color: #9c8294; font: italic 15px Georgia, serif; transform: rotate(.35deg); }
.occult-rule { margin-top: 7px; color: #7d1c31; font: bold 14px "Courier New", monospace; letter-spacing: 7px; }
.fire-666 { display: inline-block; color: #ff5a31; font-size: 17px; letter-spacing: 1px; text-shadow: 0 -2px #ffb323, 1px -4px #7d160e, -1px 1px #000; transform: skew(-4deg); animation: fire-step .8s steps(2, end) infinite; }
@keyframes fire-step { 50% { color: #e83b2d; text-shadow: 0 -3px #f8a51b, -1px -5px #5e0d0d, 1px 1px #000; } }
.coast-signal { margin: 2px 0 4px; color: #5f677e; font: 9px "Courier New", monospace; letter-spacing: 1px; }
.site-meta { color: #8f868c; font: 11px Arial, sans-serif; }
.corner-scribble { position: absolute; top: 28px; z-index: 1; color: #806471; font: 9px "Courier New", monospace; }
.corner-scribble-left { left: 7px; transform: rotate(-7deg); }
.corner-scribble-right { right: 8px; transform: rotate(5deg); }
.marquee-box { position: relative; height: 14px; margin: -1px -10px 1px; overflow: hidden; color: #b54b57; background: #050305; border-bottom: 1px dotted #563846; font: bold 9px/14px "Courier New", monospace; white-space: nowrap; }
.marquee-box span { position: absolute; min-width: 100%; animation: marquee-step 14s steps(90, end) infinite; }
@keyframes marquee-step { from { transform: translateX(100%); } to { transform: translateX(-100%); } }

.sidebar { width: 176px; padding: 8px; border-right: 3px ridge #554956; background: #110d12; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.side-box { margin: 0 0 10px; border: 2px outset #5c4f5f; background: #0c090c; }
.side-box:nth-child(2n) { margin-left: -3px; margin-right: 2px; }
.side-box:nth-child(3n) { transform: rotate(.25deg); }
.side-box h2 { margin: 0; padding: 3px 5px; color: #e0d4cc; background: #4a1022; border-bottom: 1px solid #866477; font: bold 11px Verdana, Arial, sans-serif; letter-spacing: 1px; text-align: center; }
.side-content { padding: 6px; }
.side-content p { margin: 3px 0 7px; }
.side-list { margin: 0; padding-left: 16px; }
.side-list li { margin-bottom: 4px; }
.horn-mark { display: inline-block; width: 29px; height: 21px; vertical-align: middle; image-rendering: pixelated; }
.horn-mark-large { width: 48px; height: 35px; border: 1px dotted #5d3447; }
.webmaster { color: #d66572; font: bold 12px "Courier New", monospace; }
.webmaster-seal { margin: 0 auto 7px; padding: 4px 2px; text-align: center; border: 1px dashed #653248; background: #090609; transform: rotate(-.65deg); }
.webmaster-seal small { color: #7f6d76; font: 8px Arial, sans-serif; letter-spacing: 1px; }
.counter { display: inline-block; padding: 2px 5px; border: 2px inset #5f555f; color: #ff5c45; background: #000; font: bold 17px "Courier New", monospace; letter-spacing: 2px; }
.status-clock { color: #d87a65; font: bold 11px "Courier New", monospace; }
.construction { color: #f0b12d; font-weight: bold; text-align: center; animation: blink-step 1.1s steps(2, end) infinite; }
@keyframes blink-step { 50% { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) { .construction, .new-tag, .fire-666, .marquee-box span { animation: none; } .marquee-box span { position: static; } }

.sidebar-badges { display: flex; flex-wrap: wrap; gap: 3px; margin: 2px 0 9px; }
.retro-button { box-sizing: border-box; width: 88px; height: 31px; overflow: hidden; color: #eee5d8; background: #171018; border: 2px outset #776675; font: bold 8px/11px Arial, Helvetica, sans-serif; text-align: center; letter-spacing: .5px; text-shadow: 1px 1px #000; }
.sidebar-badges .retro-button { width: 79px; }
.badge-occult { color: #d96667; background: repeating-linear-gradient(135deg, #270914 0 3px, #090609 3px 6px); }
.badge-browser { color: #d5c57a; background: #171a2e; }

.main-content { padding: 10px; background: rgba(7, 6, 8, .94); }
.archive-title { margin: 0 0 10px; color: #b97782; font: bold 18px Georgia, serif; text-align: center; }
.post-box { width: 100%; margin: 0 0 13px; border-collapse: collapse; border: 2px ridge #635664; background: #110f12; }
.post-title { padding: 5px 7px; color: #e2d6c6; background: #491020; border-bottom: 1px solid #a05d6c; font: bold 19px Georgia, serif; }
.post-title a { color: inherit; text-decoration: none; }
.new-tag { color: #ffbf36; font: bold 11px Arial, sans-serif; animation: blink-step 1.3s steps(2, end) infinite; }
.post-meta { padding: 3px 7px; color: #aea0a9; background: #1a131a; border-bottom: 1px dotted #594654; font: 10px Verdana, Arial, sans-serif; }
.post-body { padding: 9px; color: #cfc9bd; font-size: 15px; line-height: 1.35; }
.post-body p:first-child { margin-top: 0; }
.post-body blockquote { margin: 8px 15px; padding: 4px 8px; color: #bdaeb7; border-left: 3px solid #72172c; background: #0b090c; }
.post-body code, .post-body pre { color: #c97076; font-family: "Courier New", monospace; }
.post-footer { padding: 4px 7px; border-top: 1px dotted #594654; color: #92868d; font: 10px Verdana, Arial, sans-serif; text-align: right; }
.attachments { margin: 9px 0 3px; padding: 6px; border: 1px dashed #74596b; background: #090809; }
.attachment-thumb { display: block; margin: 5px auto; border: 3px ridge #6b5a68; image-rendering: auto; }
.attachment-note { color: #8f838b; font: 10px Verdana, sans-serif; text-align: center; }
.pagination { text-align: center; font: 12px Verdana, sans-serif; }

.comments-title { margin-top: 18px; padding: 4px; border-bottom: 2px ridge #684f61; color: #c86b78; font: bold 17px Georgia, serif; }
.comment { margin: 9px 0 9px 4px; padding: 5px 7px; border-left: 2px solid #5d1d31; background: #100c10; }
.comment .comment { margin-left: 22px; background: #0b090b; }
.webmaster-comment { border-top: 1px dotted #653348; border-right: 1px dotted #34212d; border-left: 4px double #8a2941; background: #150b12; }
.comment-horns { width: 34px; height: 24px; margin: -4px 3px -5px -3px; }
.comment-head { color: #a99ca6; font: 10px Verdana, Arial, sans-serif; }
.comment-author { color: #d15f70; font-weight: bold; }
.comment-body { margin: 5px 0 2px; line-height: 1.3; }
.reply-arrow { color: #753046; font: bold 14px "Courier New", monospace; }
.empty { padding: 25px 10px; color: #887a84; text-align: center; font-style: italic; }

.site-footer { padding: 5px 8px 8px; border-top: 3px ridge #5c4f5f; color: #81757d; background: #0b090b; font: 10px Verdana, Arial, sans-serif; text-align: center; }
.footer-sigil { margin: 0 0 4px; color: #562034; font: bold 11px "Courier New", monospace; letter-spacing: 2px; }
.footer-sigil span { color: #a62f3f; }
.footer-waves { color: #596276; font: 9px "Courier New", monospace; }
.tiny-lighthouse { margin-top: 4px; color: #73758a; font: 10px "Courier New", monospace; white-space: pre; text-shadow: 1px 1px #000; transform: rotate(-1deg); }
.sea-caption { margin: 2px 0 6px; color: #60697f; font: 8px "Courier New", monospace; text-align: center; }

.edge-decor { position: fixed; z-index: 1; width: 105px; color: #a99ca4; font-family: "Courier New", monospace; text-align: center; pointer-events: none; }
.edge-decor-left { top: 72px; left: calc(50% - 510px); transform: rotate(-1.2deg); }
.edge-decor-right { top: 123px; right: calc(50% - 508px); transform: rotate(1deg); }
.edge-decor .retro-button { margin: 9px auto; }
.loose-sticker { margin: 0 auto 12px; padding: 5px 2px; color: #d96364; background: #080508; border: 2px dashed #6b2237; font: bold 13px/13px Georgia, serif; text-shadow: 2px 2px #310812; }
.sticker-hell { transform: rotate(-4deg); }
.badge-flames { color: #ff9e32; background: #170405; border-color: #78301d; }
.badge-flames span { display: block; color: #ff452f; font: bold 16px/15px "Times New Roman", serif; text-shadow: 0 -2px #f0a11b; }
.badge-flames small { font-size: 7px; }
.badge-html { color: #c5bc9f; background: #25202b; }
.badge-night { color: #9ba9c9; background: linear-gradient(#080811 55%, #18243a 56%); }
.badge-frames { color: #d0879c; background: repeating-linear-gradient(90deg, #180711 0 4px, #301020 4px 8px); }
.loose-note, .coast-note { margin: 18px 0; padding: 4px; color: #766b72; border: 1px dotted #4c3742; background: #090709; font: 9px/12px "Courier New", monospace; transform: rotate(3deg); }
.coast-note { color: #6c7890; transform: rotate(-2deg); }
.storm-sticker { margin-bottom: 18px; padding: 5px 2px; color: #77849e; background: #090a10; border: 2px ridge #4c5368; font: 10px/12px "Courier New", monospace; transform: rotate(2deg); }
.storm-sticker b { color: #a7a7bd; font-size: 9px; }
.storm-sticker span { color: #ad9dba; letter-spacing: 4px; }

@media (max-width: 620px) {
  .site-shell { width: 790px; max-width: none; margin-left: 4px; }
  body { overflow-x: auto; }
  .site-title { font-size: 38px; }
  .title-horn { width: 25px; height: 40px; }
  .title-horn img { width: 58px; height: 42px; }
  .title-horn-right img { transform: translateX(-31px); }
  .corner-scribble { display: none; }
}

@media (max-width: 895px) {
  .edge-decor { display: none; }
}

/* Segunda camada com os assets reunidos pelo webmaster */
body { font-size: 17px; }
.site-shell { width: 1080px; max-width: calc(100% - 24px); margin-top: 12px; }
.site-head { min-height: 255px; padding: 6px 22px 14px; isolation: isolate; }
.storm-backdrop { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: .34; filter: saturate(.7) contrast(1.25); }
.ornamental-frame { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: fill; opacity: .88; pointer-events: none; }
.marquee-box, .title-lockup, .subtitle, .header-trophies, .occult-rule, .coast-signal, .site-meta { position: relative; z-index: 2; }
.marquee-box { margin-right: 34px; margin-left: 34px; }
.title-lockup { gap: 8px; margin-top: 5px; }
.site-title { font-size: 64px; letter-spacing: 9px; }
.title-horn-asset { width: 72px; height: 82px; object-fit: contain; image-rendering: auto; filter: drop-shadow(3px 3px 0 #050305) drop-shadow(-1px -1px 0 #050305); }
.title-horn-left-asset { transform: rotate(-8deg) translateY(-2px); }
.title-horn-right-asset { transform: rotate(8deg) translateY(-1px); }
.subtitle { margin-top: -3px; font-size: 17px; }
.header-trophies { display: flex; align-items: center; justify-content: center; gap: 20px; height: 66px; margin: 1px auto 0; }
.header-moon { width: 56px; height: 56px; object-fit: contain; border: 1px solid #3e3d50; transform: rotate(-3deg); }
.header-welcome { width: 255px; height: 58px; object-fit: contain; background: #000; border: 2px outset #6d293b; image-rendering: auto; }
.header-666 { width: 116px; height: 62px; object-fit: cover; border: 1px solid #5d1d19; transform: rotate(1deg); }
.occult-rule { margin-top: 2px; font-size: 16px; }
.site-meta { font-size: 12px; }
.corner-scribble { z-index: 5; top: 35px; font-size: 10px; }

.skull-divider-row { height: 52px; padding: 0; overflow: hidden; background: #000; border-top: 2px ridge #461321; border-bottom: 2px ridge #5c2737; text-align: center; }
.skull-divider-row img { display: block; width: 100%; height: 52px; max-width: none; object-fit: cover; object-position: center; }

.sidebar { width: 230px; padding: 12px; font-size: 13px; }
.side-box { margin-bottom: 13px; }
.side-box h2 { padding: 5px 7px; font-size: 13px; }
.side-content { padding: 9px; }
.side-list { padding-left: 4px; }
.side-list li { position: relative; margin-bottom: 7px; padding-left: 19px; list-style: none; }
.side-list li::before { content: ""; position: absolute; top: 0; left: 0; width: 14px; height: 14px; background: url('/assets/gifs/skull.gif') center/contain no-repeat; }
.horn-mark-large { width: 86px; height: 46px; border: 0; object-fit: contain; filter: drop-shadow(2px 2px 0 #000); }
.webmaster { font-size: 14px; }
.webmaster-seal { padding: 6px 3px; }
.sidebar-skull { display: block; width: 42px; margin: -3px auto 8px; image-rendering: auto; }
.sidebar-badges { align-items: center; justify-content: center; gap: 8px; }
.sidebar-badges .retro-button { width: 88px; }
.pentagram-badge { width: 88px; height: 88px; object-fit: contain; border: 2px outset #5b2736; background: #000; }
.coastal-window { margin: 10px -2px 14px; padding: 5px; background: #030305; border: 3px ridge #545264; transform: rotate(-.4deg); }
.coastal-window img { display: block; width: 100%; height: 245px; object-fit: cover; object-position: 50% 20%; filter: contrast(1.08) brightness(.85); }
.coastal-window figcaption { padding: 5px 2px 1px; color: #737e98; font: 9px "Courier New", monospace; text-align: center; }
.cursor-box button { width: 100%; color: #d8c8cf; background: #220b16; border: 2px outset #6f5261; font: bold 11px "Courier New", monospace; }
.cursor-box p { margin: 6px 0 0; color: #736a70; font-size: 9px; }

.main-content { padding: 17px; }
.post-box { margin-bottom: 18px; }
.post-title { padding: 7px 10px; font-size: 24px; }
.post-meta { padding: 5px 10px; font-size: 12px; }
.post-body { padding: 13px; font-size: 17px; line-height: 1.42; }
.post-footer { padding: 6px 10px; font-size: 11px; }
.comments-title { font-size: 20px; }
.comment { padding: 8px 10px; font-size: 16px; }
.comment-head { font-size: 11px; }
.comment-horns { width: 56px; height: 28px; object-fit: contain; }

.edge-decor { width: 150px; }
.edge-decor-left { top: 78px; left: calc(50% - 710px); }
.edge-decor-right { top: 104px; right: calc(50% - 708px); }
.decor-asset { display: block; margin: 10px auto; object-fit: contain; background: #030303; border: 2px ridge #5e3342; image-rendering: auto; }
.welcome-asset { width: 145px; height: 66px; transform: rotate(-2deg); }
.fire-asset { width: 132px; height: 76px; object-fit: cover; border-color: #6a251b; transform: rotate(1deg); }
.pentagram-asset { width: 112px; height: 112px; transform: rotate(-3deg); }
.moon-side-asset { width: 96px; height: 96px; border-color: #55576c; border-radius: 50%; transform: rotate(2deg); }
.see-hell-asset { width: 140px; height: 140px; transform: rotate(2deg); }
.loose-note, .coast-note { font-size: 10px; line-height: 14px; }

.site-footer { padding-top: 8px; font-size: 11px; }
.footer-skull { width: 34px; height: 34px; margin: 0 8px; vertical-align: middle; }
.footer-see-hell { width: 145px; height: 62px; object-fit: cover; object-position: center; vertical-align: middle; border: 1px solid #45101f; }

.skull-cursor { cursor: url('/assets/cursors/skull_normal1.cur'), auto; }
.skull-cursor a, .skull-cursor button { cursor: url('/assets/cursors/skull_link1.cur'), pointer; }
.skull-cursor .post-body, .skull-cursor .comment-body { cursor: url('/assets/cursors/skull_text4.cur'), text; }

@media (max-width: 1380px) {
  .edge-decor { display: none; }
}

@media (max-width: 800px) {
  body { overflow-x: auto; font-size: 15px; }
  .site-shell { width: 900px; max-width: none; margin-left: 4px; }
  .site-title { font-size: 52px; }
  .sidebar { width: 200px; padding: 9px; }
  .main-content { padding: 12px; }
  .post-body { font-size: 15px; }
  .header-welcome { width: 220px; }
  .ornamental-frame { opacity: .7; }
}