body { font-family: 'Segoe UI', Tahoma, sans-serif; background-color: #0d1117; color: #c9d1d9; line-height: 1.5; margin: 0; }
.sidebar { width: 340px; position: fixed; top: 180px; bottom: 0; background: #161b22; padding: 20px; border-right: 2px solid #30363d; overflow-y: auto; z-index: 100; }
.content { margin-left: 380px; padding: 40px; max-width: 1200px; }

@media print { .sidebar { display: none; } .content { margin-left: 0; } .boss-box { page-break-after: always; border: 2px solid #000 !important; color: black !important; background: white !important; } }

h1 { color: #58a6ff; text-align: center; font-size: 2.2em; border-bottom: 5px double #30363d; padding-bottom: 20px; text-transform: uppercase; }
h2 { color: #1f6feb; background: rgba(31, 111, 235, 0.1); padding: 15px; border-left: 10px solid #1f6feb; margin-top: 50px; text-transform: uppercase; }
h3 { color: #f6e05e; border-bottom: 1px solid #444; padding-bottom: 5px; margin-top: 25px; }

.phase-box { background: #161b22; border: 1px solid #30363d; margin: 20px 0; padding: 20px; border-radius: 6px; }
.pos-detail { color: #58a6ff; font-weight: bold; display: block; margin-bottom: 15px; background: rgba(88, 166, 255, 0.1); padding: 10px; border-radius: 4px; border-left: 4px solid #58a6ff; }

.role-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px; }
.role-box { padding: 15px; border: 2px solid; border-radius: 4px; font-size: 0.9em; }
.role-title { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; display: block; border-bottom: 1px solid; text-align: center; }

.tank { border-color: #f0883e; color: #f0883e; background: rgba(240, 136, 62, 0.05); }
.heal { border-color: #3fb950; color: #3fb950; background: rgba(63, 185, 80, 0.05); }
.dps { border-color: #f85149; color: #f85149; background: rgba(248, 81, 73, 0.05); }
.spec { border-color: #a371f7; color: #a371f7; background: rgba(163, 113, 247, 0.05); }

.hero-banner { background: #f6e05e; color: #000; font-weight: bold; text-align: center; padding: 12px; margin: 20px 0; border: 2px solid #000; font-size: 1.1em; text-transform: uppercase; }
.warning-box { border: 2px solid #f85149; background: rgba(248, 81, 73, 0.1); padding: 15px; margin: 15px 0; border-left: 10px solid #f85149; }
.sidebar a { display: block; padding: 10px; color: #c9d1d9; text-decoration: none; border-bottom: 1px solid #30363d; font-size: 0.9em; }
.sidebar a:hover { background: #1f6feb; }