.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px}.navbar-brand{flex-shrink:0}.brand-link{text-decoration:none;color:inherit}.brand-text{color:var(--highlight-color);font-size:1.4em;font-weight:700;letter-spacing:-.5px}.navbar-menu{display:flex;gap:16px;align-items:center}.navbar-link{color:var(--text-primary);text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color .2s ease,color .2s ease;font-weight:700}.navbar-link:hover{background-color:var(--border-color);color:var(--highlight-color);text-decoration:none}.navbar-link-github{display:flex;align-items:center;gap:4px}.navbar-toggler{display:none;background:none;border:none;padding:0;cursor:pointer}.navbar-toggler span{display:block;width:22px;height:2px;background-color:var(--text-primary);margin:5px 0;transition:transform .3s ease}@media (max-width: 768px){.navbar-container{padding:0 12px}.brand-text{font-size:1.2em}.navbar-toggler{display:block;z-index:101}.navbar-menu{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;width:100%;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:8px 0}.navbar-menu.is-active{display:flex;border-bottom:1px solid var(--border-color)}.navbar-link{padding:8px 20px;width:100%;text-align:center;border-radius:0}.github-icon{width:32px;height:32px}.navbar-link-github{justify-content:center}}:root{--highlight-color: #d8a657;--bg-primary: #282828;--bg-secondary: #32302f;--bg-selection: #32302f;--bg-hover: rgba(255, 255, 255, .06);--accent-color: #3b82f6;--border-color: #4d4947;--text-primary: #e6e6e6;--text-secondary: #b3b3b3;--text-tertiary: #7f7f7f;--text-muted: #a9a9a9;--blue-color: #7daea3;--note-color: #7daea3;--error-color: #ea6962;--success-color: #a9b665;--class-death-knight: #c41e3a;--class-druid: #ff7c0a;--class-hunter: #aad372;--class-mage: #3fc7eb;--class-monk: #00ff98;--class-paladin: #f48cba;--class-priest: #ffffff;--class-rogue: #fff468;--class-shaman: #0070dd;--class-warlock: #8788ee;--class-warrior: #c69b6d;--quality-poor: #9d9d9d;--quality-common: #ffffff;--quality-uncommon: #1eff00;--quality-rare: #0070dd;--quality-epic: #a335ee;--quality-legendary: #ff8000;--quality-artifact: #e6cc80;--quality-heirloom: #00ccff;--search-bg: #32302f;--search-border: #4a4a4a;--search-hover: rgba(255, 215, 0, .08);--search-selected: rgba(255, 215, 0, .12);--bracket-artifact: var(--quality-artifact);--bracket-excellent: #e268a8;--bracket-legendary: var(--quality-legendary);--bracket-epic: var(--quality-epic);--bracket-rare: var(--quality-rare);--bracket-uncommon: var(--quality-uncommon);--bracket-common: var(--quality-poor)}.card{background-color:var(--bg-secondary);border-radius:8px;padding:20px;margin-bottom:30px;border:1px solid var(--border-color)}.card-title{color:var(--highlight-color);margin:0 0 15px;font-size:1.2em;font-weight:600}.card-title-large{color:var(--highlight-color);margin:0 0 20px;font-size:1.4em;font-weight:600}.text-accent{color:var(--highlight-color)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.nav-link{display:inline-block;padding:10px 15px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);text-decoration:none;transition:background-color .2s ease}.nav-link:hover{background-color:var(--border-color);text-decoration:none}.nav-active{background-color:var(--highlight-color)!important;border-color:var(--highlight-color)!important;color:var(--text-primary)!important}.callout-note{background-color:#7daea31a;border:1px solid var(--note-color);border-left:3px solid var(--note-color);border-radius:4px;padding:10px 12px;margin:8px 0;display:flex;align-items:center;gap:8px}.callout-note-icon{width:16px;height:16px;color:var(--note-color);flex-shrink:0}.callout-note-content{color:var(--text-primary);line-height:1.4;margin:0;font-size:.9em;flex:1}.text-death-knight{color:var(--class-death-knight)}.text-druid{color:var(--class-druid)}.text-hunter{color:var(--class-hunter)}.text-mage{color:var(--class-mage)}.text-monk{color:var(--class-monk)}.text-paladin{color:var(--class-paladin)}.text-priest{color:var(--class-priest)}.text-rogue{color:var(--class-rogue)}.text-shaman{color:var(--class-shaman)}.text-warlock{color:var(--class-warlock)}.text-warrior{color:var(--class-warrior)}.class-death-knight{color:var(--class-death-knight)!important}.class-druid{color:var(--class-druid)!important}.class-hunter{color:var(--class-hunter)!important}.class-mage{color:var(--class-mage)!important}.class-monk{color:var(--class-monk)!important}.class-paladin{color:var(--class-paladin)!important}.class-priest{color:var(--class-priest)!important}.class-rogue{color:var(--class-rogue)!important}.class-shaman{color:var(--class-shaman)!important}.class-warlock{color:var(--class-warlock)!important}.class-warrior{color:var(--class-warrior)!important}.quality-0,.quality-poor{color:var(--quality-poor)}.quality-1,.quality-common{color:var(--quality-common)}.quality-2,.quality-uncommon{color:var(--quality-uncommon)}.quality-3,.quality-rare{color:var(--quality-rare)}.quality-4,.quality-epic{color:var(--quality-epic)}.quality-5,.quality-legendary{color:var(--quality-legendary)}.quality-6,.quality-artifact{color:var(--quality-artifact)}.quality-7,.quality-heirloom{color:var(--quality-heirloom)}.equipment-item-link.quality-0,.equipment-item-link.quality-1,.equipment-item-link.quality-2,.equipment-item-link.quality-3,.equipment-item-link.quality-4,.equipment-item-link.quality-5,.equipment-item-link.quality-6,.equipment-item-link.quality-7{text-decoration:none}.bracket-artifact{color:var(--bracket-artifact)}.bracket-excellent{color:var(--bracket-excellent)}.bracket-legendary{color:var(--bracket-legendary)}.bracket-epic{color:var(--bracket-epic)}.bracket-rare{color:var(--bracket-rare)}.bracket-uncommon{color:var(--bracket-uncommon)}.bracket-common{color:var(--bracket-common)}.bracket-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bracket-badge.bracket-artifact{background-color:#e6cc8026;border:1px solid var(--bracket-artifact)}.bracket-badge.bracket-excellent{background-color:#e268a826;border:1px solid var(--bracket-excellent)}.bracket-badge.bracket-legendary{background-color:#ff800026;border:1px solid var(--bracket-legendary)}.bracket-badge.bracket-epic{background-color:#a335ee26;border:1px solid var(--bracket-epic)}.bracket-badge.bracket-rare{background-color:#0070dd26;border:1px solid var(--bracket-rare)}.bracket-badge.bracket-uncommon{background-color:#1eff0026;border:1px solid var(--bracket-uncommon)}.bracket-badge.bracket-common{background-color:#9d9d9d26;border:1px solid var(--bracket-common)}.ranking-with-bracket{font-weight:700}.ranking-number.bracket-artifact{color:var(--bracket-artifact)}.ranking-number.bracket-excellent{color:var(--bracket-excellent)}.ranking-number.bracket-legendary{color:var(--bracket-legendary)}.ranking-number.bracket-epic{color:var(--bracket-epic)}.ranking-number.bracket-rare{color:var(--bracket-rare)}.ranking-number.bracket-uncommon{color:var(--bracket-uncommon)}.ranking-number.bracket-common{color:var(--bracket-common)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.stack-xs{display:flex;flex-direction:column;gap:4px}.stack-sm{display:flex;flex-direction:column;gap:8px}.stack-md{display:flex;flex-direction:column;gap:12px}.w-full{width:100%}@media (max-width: 768px){.hide-mobile{display:none!important}}.hide-desktop{display:none!important}@media (max-width: 768px){.hide-desktop{display:initial!important}}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.px-sm{padding-left:8px;padding-right:8px}.py-sm{padding-top:8px;padding-bottom:8px}.px-md{padding-left:12px;padding-right:12px}.py-md{padding-top:12px;padding-bottom:12px}.heading-xl{font-size:1.4em;font-weight:700}.heading-lg{font-size:1.2em;font-weight:600}.heading-md{font-size:1.1em;font-weight:600}.text-label,.form-label{font-size:.85em;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.form-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.form-control{padding:4px 8px;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px #d8a65726}.form-control:disabled{opacity:.6;cursor:not-allowed}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-group label{color:var(--text-secondary);font-size:.9em;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.filter-group select{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:4px 12px;min-width:140px;font-size:.95em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.filter-group select:hover{border-color:var(--text-secondary)}.filter-group select:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 0 2px #d8a65726}.filter-group select:disabled{opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;border-radius:4px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;text-decoration:none}.btn-primary{background-color:var(--highlight-color);color:#000;border-color:transparent}.btn-primary:disabled{background-color:#5f5f5f;color:#b5b5b5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--highlight-color)}.tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color)}.tab{padding:8px 16px;border-bottom:3px solid transparent;color:var(--text-secondary);text-decoration:none;font-weight:600;cursor:pointer}.tab:hover{color:var(--text-primary);border-bottom-color:var(--border-color)}.tab.is-active{color:var(--highlight-color);border-bottom-color:var(--highlight-color)}.alert{padding:12px;border-radius:4px;border:1px solid var(--border-color);background-color:#ffffff0d}.alert-error{background-color:#ff6b6b1a;border-color:#ff6b6b;color:var(--text-primary)}.table-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.loading-overlay{position:absolute;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:6px;z-index:10}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.best-runs-container{width:100%}.profile-section{background-color:var(--bg-secondary);border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color)}.section-title{color:var(--highlight-color);margin:0 0 20px;font-size:1.4em;font-weight:600}.best-runs-table{border-radius:6px;overflow:hidden;border:1px solid var(--border-color);background-color:#0003}.best-runs-header{display:grid;gap:16px;padding:16px 20px;background-color:#ffffff0d;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.best-runs-body{background-color:#0003}.header-cell{display:flex;align-items:center}.header-cell--time,.header-cell--rank,.header-cell--realm,.header-cell--last,.header-cell--period{justify-content:center}.best-runs-row{display:grid;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid #3a3a3a;min-height:60px;transition:background-color .2s ease}.best-runs-row:hover{background-color:var(--bg-hover)}.best-runs-row:last-child{border-bottom:none}.runs-cell--dungeon{color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:8px}.runs-cell--time{font-family:Courier New,monospace;font-weight:700;color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums}.runs-cell--rank{font-size:1.1em;font-weight:700;color:var(--highlight-color);text-align:center}.runs-cell--team{width:100%}.runs-cell--realm,.runs-cell--last,.runs-cell--period{color:var(--text-secondary);font-size:.9em;text-align:center}.rank-link{color:inherit;text-decoration:none;font-family:Courier New,monospace;font-weight:700}.rank-link:hover{text-decoration:underline}.dungeon-icon{width:20px;height:20px;border-radius:3px;border:1px solid #444;object-fit:cover;flex-shrink:0}.dungeon-name{font-weight:600}.team-composition{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.team-member{display:inline-flex;align-items:center;gap:4px}.spec-icon,.spec-icon-placeholder{width:16px;height:16px;border-radius:2px;flex-shrink:0;border:1px solid #444;background-color:#ffffff1a}.member-link{font-weight:600;font-size:.9em;text-decoration:none;color:var(--text-primary)}.member-link:hover{text-decoration:underline}.text-subtle{color:var(--text-muted);font-size:.85em}.no-runs-message{text-align:center;padding:40px 20px;color:var(--text-muted);background-color:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.no-runs-message p{margin:0}.best-runs-table[data-mode=full] .best-runs-header,.best-runs-table[data-mode=full] .best-runs-row{grid-template-columns:220px 120px 2fr 110px 110px 110px}.best-runs-table[data-mode=compact] .best-runs-header,.best-runs-table[data-mode=compact] .best-runs-row{grid-template-columns:220px 120px 2fr 130px}.best-runs-table[data-mode=status] .best-runs-header,.best-runs-table[data-mode=status] .best-runs-row{grid-template-columns:220px 120px 2fr 140px 160px 110px}.mobile-card-header,.mobile-card-body,.mobile-team,.mobile-rankings,.mobile-meta,.mobile-team-composition,.mobile-team-member,.mobile-meta-item{display:none}@media (max-width: 768px){.best-runs-header{display:none}.best-runs-table{border:none;background:none}.best-runs-row{grid-template-columns:1fr;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;background-color:var(--bg-secondary)}.best-runs-row .runs-cell{display:none}.mobile-card-header,.mobile-card-body,.mobile-team,.mobile-rankings,.mobile-meta,.mobile-team-composition,.mobile-team-member,.mobile-meta-item{display:block}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.mobile-card-body{display:flex;flex-direction:column;gap:12px}.mobile-dungeon-info{display:flex;align-items:center;gap:8px}.mobile-time{font-family:Courier New,monospace;font-weight:700;color:var(--text-primary)}.mobile-rankings{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.mobile-rank-item{background-color:var(--bg-primary);border-radius:4px;padding:8px 12px}.mobile-rank-label{color:var(--text-secondary);font-size:.85em;text-transform:uppercase}.mobile-rank-value{font-weight:600;color:var(--highlight-color)}.mobile-team{background-color:var(--bg-primary);border-radius:6px;padding:12px}.mobile-team-label{text-transform:uppercase;color:var(--text-secondary);font-size:.85em;margin-bottom:8px}.mobile-team-composition{display:flex;flex-direction:column;gap:8px}.mobile-team-member{display:flex;align-items:center;gap:8px}.mobile-meta{display:grid;gap:8px;background-color:var(--bg-primary);border-radius:6px;padding:12px}.mobile-meta-label{color:var(--text-secondary);font-size:.85em;text-transform:uppercase}.mobile-meta-value{font-weight:600;color:var(--text-primary)}.mobile-meta-item{display:flex;justify-content:space-between;gap:8px}}html,body{min-height:100%}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary)}.site-body{min-height:100vh;display:flex;flex-direction:column}.site-content{flex:1 0 auto;width:100%}.page-header{text-align:center;padding:30px 20px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.page-title{color:var(--highlight-color);margin:0 0 10px;font-size:2.5em;font-weight:700}.page-description{color:var(--text-secondary);font-size:1.1em;margin:0}.page-container{max-width:1200px;margin:0 auto;padding:20px}a{color:var(--highlight-color);text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 768px){.page-title{font-size:2em}.page-container,.card{padding:15px}}