.player-guide { color:#d3d3d3; font-size:14px; line-height:1.75; overflow-wrap:break-word; }
.player-guide * { box-sizing:border-box; }
.player-guide h1,.player-guide h2,.player-guide h3 { color:#eee5d4; font-family:Georgia,serif; font-weight:normal; line-height:1.3; }
.player-guide h1 { display:flex; align-items:center; gap:12px; margin:6px 0 16px; font-size:32px; }
.player-guide h1 img { flex:none; image-rendering:pixelated; }
.player-guide h2 { font-size:24px; margin:0 0 14px; }
.player-guide h3 { font-size:19px; margin:26px 0 12px; }
.player-guide p { max-width:75ch; margin:0 0 16px; }
.player-guide strong { color:#f2e9d8; }
.player-guide a { color:#dfbd79; text-decoration:underline; text-underline-offset:4px; }
.player-guide a:hover { color:#fff0cd; }
.player-guide :focus-visible { outline:2px solid #dfbd79; outline-offset:4px; }
.player-guide ::selection { background:#dfbd79; color:#191816; }
.player-guide code { color:#e7cd9e; font-size:12px; white-space:normal; }
.player-guide .guide-intro { padding-top:22px; border-top:2px solid #b69251; }
.player-guide .guide-nav { display:flex; flex-wrap:wrap; gap:10px 18px; margin:20px 0 24px; font-size:13px; }
.player-guide section { padding-top:28px; margin-top:26px; border-top:1px solid #383128; scroll-margin-top:20px; }
.player-guide ul,.player-guide ol { padding-left:24px; margin:0 0 18px; }
.player-guide li { padding:0; margin:0 0 10px; line-height:inherit; }
.player-guide ul li { list-style:disc; }
.player-guide ol li { list-style:decimal; }
.player-guide .guide-table { max-width:100%; overflow-x:auto; margin:18px 0; scrollbar-color:#8e7853 #191816; }
.player-guide table { width:100%; border-collapse:collapse; margin:0; font-size:13px; font-variant-numeric:tabular-nums; }
.player-guide caption { text-align:left; color:#c4bfb7; font-size:12px; padding-bottom:10px; }
.player-guide th,.player-guide td { text-align:left; vertical-align:top; padding:12px 10px; border-bottom:1px solid #39352e; line-height:1.6; }
.player-guide thead th { color:#e3c587; background:#27231c; font-size:12px; }
.player-guide tbody th { color:#eee5d4; font-weight:normal; min-width:95px; }
.player-guide tbody tr:nth-child(even) { background:#1b1a18; }
.player-guide .guide-buff { display:flex; align-items:center; gap:12px; min-width:180px; }
.player-guide .guide-buff img { flex:none; object-fit:contain; image-rendering:pixelated; }
.player-guide .guide-notice { background:#211e18; border:1px solid #6d5a3a; padding:16px 18px; }
.player-guide details { margin:20px 0; border:1px solid #39342c; padding:14px 16px; background:#191816; }
.player-guide summary { cursor:pointer; color:#e3c587; }
.player-guide details[open] summary { margin-bottom:16px; }
.player-guide .guide-directory { margin:0; }
.player-guide .guide-directory > div { padding:16px 0; border-bottom:1px solid #383128; }
.player-guide .guide-directory dt { font:20px Georgia,serif; margin-bottom:8px; }
.player-guide .guide-directory dd { margin:0; max-width:70ch; }
.player-guide .guide-footer { display:flex; flex-wrap:wrap; gap:10px 22px; border-top:1px solid #383128; padding:24px 0 10px; margin-top:30px; font-size:12px; color:#b8b4ad; }
@media(max-width:600px) { .player-guide h1 { font-size:27px; } .player-guide th,.player-guide td { padding:10px 8px; } }
