body { background-image: url("./bg.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 85%; background-color: #000000; background-attachment: fixed; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #e0e0e0; background-color: #1a1a1a; max-width: 1100px; margin: 0 auto; padding: 20px; }
h1, h2 { color: #0070de; border-bottom: 2px solid #333; padding-bottom: 10px; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; background-color: #262626; font-size: 0.9em; }
th, td { text-align: left; padding: 12px; border: 1px solid #444; }
th { background-color: #333; color: #fff; }
tr:nth-child(even) { background-color: #2d2d2d; }
.macro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
.macro-container { background: #111; border: 1px solid #444; padding: 15px; border-radius: 8px; border-top: 4px solid #444; }
.horde { border-top-color: #8c1616; } 
.alliance { border-top-color: #0070de; }
.utility { border-top-color: #a335ee; }
.purge { border-top-color: #2ecc71; }
.macro-header { font-weight: bold; margin-bottom: 10px; font-size: 0.85em; display: flex; justify-content: space-between; }
.macro-code { font-family: 'Consolas', monospace; color: #5eff5e; white-space: pre; background: #000; padding: 12px; display: block; border-radius: 4px; border: 1px solid #222; overflow-x: auto; }
.note { font-size: 0.8em; color: #aaa; font-style: italic; margin-top: 10px; }
.hardmode-tag { color: #ffcc00; font-weight: bold; font-size: 0.8em; }
footer { margin-top: 50px; text-align: center; font-size: 0.75em; color: #666; }