:root{--crust:#11111b;--mantle:#181825;--base:#1e1e2e;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--subtext0:#a6adc8;--subtext1:#bac2de;--text:#cdd6f4;--mauve:#cba6f7;--red:#f38ba8;--maroon:#eba0ac;--peach:#fab387;--yellow:#f9e2af;--green:#a6e3a1;--teal:#94e2d5;--blue:#89b4fa;--lavender:#b4befe;--accent:var(--lavender);--accent-dim:#b4befe1f;--border:var(--surface0);--border-subtle:#45475a80;--role-tank:var(--blue);--role-healer:var(--green);--role-melee:var(--red);--role-ranged:var(--yellow);--role-caster:var(--mauve);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--base);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;overflow-y:scroll}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:99px}.app{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;display:flex}.main-content{flex:1;min-width:0;padding:32px}.appbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:200;background:#11111bcc;flex-shrink:0;align-items:center;gap:16px;height:48px;padding:0 20px;display:flex;position:sticky;top:0}.appbar-logo{letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.appbar-logo span{color:var(--overlay0);font-weight:600}.appbar-divider{background:var(--surface1);width:1px;height:16px}.appbar-nav{align-items:center;gap:4px;display:flex}.appbar-nav-link{color:var(--subtext0);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:color .15s,background .15s}.appbar-nav-link:hover{color:var(--text);background:var(--surface0)}.appbar-nav-link.active{color:var(--accent)}.appbar-spacer{flex:1}.appbar-meta{color:var(--overlay0);font-size:11px}.sidebar{background:var(--mantle);border-right:1px solid var(--border-subtle);flex-shrink:0;width:220px;height:calc(100vh - 48px);transition:width .2s,opacity .2s;position:sticky;top:48px;overflow-y:auto}.sidebar.collapsed{opacity:0;width:0;overflow:hidden}.sidebar-toggle{background:var(--surface0);border:1px solid var(--border-subtle);width:16px;height:40px;color:var(--overlay1);cursor:pointer;z-index:100;border-left:none;border-radius:0 4px 4px 0;justify-content:center;align-items:center;font-size:9px;transition:left .2s,background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--surface1);color:var(--text)}.sidebar-inner{padding:16px 0}.sidebar-group{margin-bottom:8px}.sidebar-group-label{letter-spacing:2px;text-transform:uppercase;color:var(--overlay0);padding:6px 16px 4px;font-size:9px;font-weight:700}.sidebar-link{color:var(--subtext0);border-left:2px solid #0000;padding:6px 16px;font-size:12px;transition:color .15s,background .15s;display:block}.sidebar-link:hover{color:var(--text);background:var(--surface0)}.sidebar-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-dim)}.sidebar-link-sub{color:var(--overlay0);margin-top:1px;font-size:11px;display:block}.fight-title-bar{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px}.fight-title{letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:4px;font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;line-height:1}.fight-subtitle{color:var(--overlay1);font-size:12px}.info-bar{background:var(--mantle);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;overflow:hidden}.info-bar-toggle{width:100%;color:var(--subtext0);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;font-weight:600;transition:color .15s,background .15s;display:flex}.info-bar-toggle:hover{color:var(--text);background:var(--surface0)}.info-bar-arrow{color:var(--overlay0);font-size:8px}.info-bar-content{border-top:1px solid var(--border);flex-wrap:wrap;gap:24px;padding:8px 16px 12px;display:flex}.info-bar-group{flex-direction:column;gap:4px;display:flex}.info-bar-label{letter-spacing:2px;text-transform:uppercase;color:var(--overlay0);font-size:9px;font-weight:700}.info-bar-links{flex-wrap:wrap;gap:6px;display:flex}.info-bar-link{color:var(--accent);background:var(--accent-dim);border-radius:4px;padding:2px 8px;font-size:11px;transition:background .15s}.info-bar-link:hover{background:#b4befe33}.job-selector{background:var(--mantle);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:10px 12px}.job-selector-grid{grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:10px;display:grid}.job-selector-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;padding-top:8px;display:flex}.job-selector-clear-btn{color:var(--overlay0);white-space:nowrap;flex-shrink:0;font-size:11px;transition:color .15s}.job-selector-clear-btn:hover{color:var(--red)}.phase-block{margin-bottom:40px}.phase-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.phase-title{letter-spacing:2px;text-transform:uppercase;color:var(--text);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.phase-header:after{content:"";background:var(--border);flex:1;height:1px}.notes{background:var(--mantle);border-left:2px solid var(--teal);border-radius:0 4px 4px 0;margin-bottom:12px;padding:10px 14px}.notes-label{letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:5px;font-size:9px;font-weight:700}.notes ul{list-style:none}.notes li{color:var(--subtext0);font-size:12px;line-height:1.7}.notes li:before{content:"› ";color:var(--overlay0)}.table-wrap{border:1px solid var(--border);scrollbar-gutter:stable;border-radius:6px;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:900px}thead tr{background:var(--mantle);border-bottom:1px solid var(--border)}thead th{letter-spacing:2px;text-transform:uppercase;text-align:left;color:var(--overlay1);border-right:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:9px;font-weight:700}thead th:last-child{border-right:none}.col-time{width:60px}.col-mech{width:160px}.col-t,.col-h,.col-m,.col-r{width:130px}thead th.col-t{color:var(--col-color,var(--role-tank))!important}thead th.col-h{color:var(--col-color,var(--role-healer))!important}thead th.col-m{color:var(--col-color,var(--role-melee))!important}thead th.col-r{color:var(--col-color,var(--role-ranged))!important}tbody tr{border-bottom:1px solid var(--border);border-left:2px solid #0000;transition:background .1s,border-left-color .1s}tbody tr:last-child{border-bottom:none}tbody tr:nth-child(odd){background:var(--base)}tbody tr:nth-child(2n){background:var(--mantle)}tbody tr:hover{border-left-color:var(--teal);background:#b4befe0a}td{vertical-align:top;border-right:1px solid var(--border);padding:7px 10px}td:last-child{border-right:none}.td-time{color:var(--subtext1);white-space:nowrap;padding-top:9px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700}.td-mech{color:var(--text);padding-top:9px;font-size:12px;font-weight:600}tbody tr:last-child td:first-child{border-bottom-left-radius:6px}tbody tr:last-child td:last-child{border-bottom-right-radius:6px}thead tr th:first-child{border-top-left-radius:6px}thead tr th:last-child{border-top-right-radius:6px}.pills{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.pill{text-align:center;white-space:normal;word-break:break-word;cursor:default;border-radius:4px;width:100%;padding:3px 7px;font-size:10px;font-weight:600;line-height:1.4;transition:opacity .1s;display:inline-block}.pill:hover{opacity:.85}.pill.is-g{background:color-mix(in srgb, var(--c) 20%, var(--mantle));color:var(--c);border:1px solid color-mix(in srgb, var(--c) 40%, transparent)}.pill.is-p{background:color-mix(in srgb, var(--c) 25%, var(--surface0));color:color-mix(in srgb, var(--c) 90%, white);border:1px solid color-mix(in srgb, var(--c) 55%, transparent)}.jd-wrap{width:100%;position:relative}.jd-trigger{background:var(--surface0);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:5px;width:100%;padding:4px 6px;font-family:Inter,sans-serif;font-size:11px;transition:border-color .15s,background .15s;display:flex}.jd-trigger:hover,.jd-trigger.open{border-color:var(--accent);background:var(--surface1)}.jd-trigger img{flex-shrink:0;width:14px;height:14px}.jd-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.jd-placeholder{text-align:left;color:var(--overlay0);flex:1}.jd-arrow{color:var(--overlay0);flex-shrink:0;font-size:8px}.jd-dropdown{background:var(--mantle);border:1px solid var(--surface1);box-shadow:var(--shadow-md);z-index:9999;border-radius:5px;min-width:140px;position:absolute;top:calc(100% + 3px);left:0;overflow:hidden}.jd-option{color:var(--subtext0);cursor:pointer;align-items:center;gap:7px;padding:6px 10px;font-size:11px;transition:background .1s,color .1s;display:flex}.jd-option:hover{background:var(--surface0);color:var(--text)}.jd-option.selected{color:var(--accent)}.jd-option img{width:14px;height:14px}.jd-clear{color:var(--overlay0);font-style:italic}.jd-clear:hover{color:var(--red);background:#f38ba814}.home-hero{background:var(--mantle);border-bottom:1px solid var(--border);padding:40px 32px}.home-hero-inner{grid-template-columns:1fr auto;align-items:center;gap:48px;max-width:1400px;margin:0 auto;display:grid}.home-hero-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--overlay0);margin-bottom:8px;font-size:10px;font-weight:700}.home-hero-title{letter-spacing:3px;text-transform:uppercase;color:var(--text);margin-bottom:12px;font-family:Rajdhani,sans-serif;font-size:48px;font-weight:700;line-height:1}.home-hero-title em{color:var(--accent);font-style:normal}.home-hero-desc{color:var(--subtext0);max-width:440px;margin-bottom:24px;font-size:13px;line-height:1.7}.home-hero-stats{align-items:center;gap:20px;display:flex}.home-stat{flex-direction:column;gap:2px;display:flex}.home-stat-num{color:var(--text);font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;line-height:1}.home-stat-savage{color:var(--red)}.home-stat-ultimate{color:var(--mauve)}.home-stat-label{letter-spacing:1px;text-transform:uppercase;color:var(--overlay0);font-size:10px;font-weight:600}.home-stat-divider{background:var(--border);width:1px;height:32px}.home-feature-card{background:var(--base);border:1px solid var(--border);border-radius:8px;min-width:240px;padding:20px 24px}.home-feature-title{letter-spacing:2px;text-transform:uppercase;color:var(--overlay0);margin-bottom:14px;font-size:10px;font-weight:700}.home-feature-steps{flex-direction:column;gap:10px;display:flex}.home-feature-step{color:var(--subtext0);align-items:center;gap:10px;font-size:12px;display:flex}.home-feature-step-num{background:var(--accent-dim);width:20px;height:20px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.home-section{margin-bottom:32px}.home-section-title{letter-spacing:3px;text-transform:uppercase;color:var(--overlay0);align-items:center;gap:10px;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;display:flex}.home-section-title:after{content:"";background:var(--border);flex:1;height:1px}.fight-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.fight-card{background:var(--mantle);border:1px solid var(--border);border-radius:5px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.fight-card.clickable:hover{border-color:var(--surface2);transform:translateY(-1px)}.fight-card.disabled{opacity:.35;cursor:default}.fight-card-strip{height:2px}.fight-card.savage .fight-card-strip{background:var(--red)}.fight-card.ultimate .fight-card-strip{background:var(--mauve)}.fight-card.extreme .fight-card-strip{background:var(--peach)}.fight-card-body{flex:1;min-height:56px;padding:10px 12px}.fight-card-name{color:var(--text);justify-content:space-between;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;display:flex}.fight-card-badge{letter-spacing:1px;text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700}.fight-card.savage .fight-card-badge{color:var(--red);background:#f38ba81f}.fight-card.ultimate .fight-card-badge{color:var(--mauve);background:#cba6f71f}.fight-card.extreme .fight-card-badge{color:var(--peach);background:#fab3871f}.fight-card-subtitle{color:var(--subtext0);margin-top:2px;font-size:11px}.fight-card-footer{border-top:1px solid var(--border);letter-spacing:.5px;padding:6px 12px;font-size:10px;font-weight:600}.fight-card-footer.available{color:var(--accent)}.fight-card-footer.soon{color:var(--surface2)}.footer{border-top:1px solid var(--border-subtle);color:var(--overlay0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 32px;font-size:11px;display:flex}.footer strong{color:var(--subtext0)}.glossary-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px}.glossary-header h1{letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:4px;font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700}.glossary-header p{color:var(--overlay1);font-size:12px}.glossary-index{flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.index-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--subtext0);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.index-btn:hover:not(.disabled){background:var(--surface0);color:var(--text)}.index-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.index-btn.disabled{opacity:.25;cursor:default}.index-clear{width:auto;color:var(--overlay0);padding:0 10px;font-family:Inter,sans-serif;font-size:11px}.index-clear:hover{color:var(--red)!important;background:#f38ba814!important}.slang-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.slang-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--overlay0);margin-bottom:4px;font-size:10px;font-weight:700}.slang-title{letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:32px;font-weight:700;line-height:1}.slang-desc{color:var(--overlay1);font-size:12px}.slang-search-wrap{flex-shrink:0;width:280px;position:relative}.slang-search{background:var(--mantle);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 32px 8px 12px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .15s}.slang-search:focus{border-color:var(--accent)}.slang-search::placeholder{color:var(--overlay0)}.slang-search-clear{color:var(--overlay0);font-size:10px;transition:color .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.slang-search-clear:hover{color:var(--red)}.slang-index{flex-wrap:wrap;gap:4px;margin-bottom:24px;display:flex}.slang-empty{text-align:center;color:var(--overlay0);padding:60px 0;font-size:13px}.slang-sections{flex-direction:column;gap:24px;display:flex}.slang-section-letter{letter-spacing:3px;text-transform:uppercase;color:var(--overlay0);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.slang-list{flex-direction:column;display:flex}.slang-row{border-bottom:1px solid var(--border);grid-template-columns:180px 1fr;align-items:baseline;gap:16px;padding:10px 0;display:grid}.slang-row:last-child{border-bottom:none}.slang-term{color:var(--accent);letter-spacing:.5px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.slang-body{flex-direction:column;gap:6px;display:flex}.slang-def{color:var(--subtext0);font-size:12px;line-height:1.7}.slang-related{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.slang-related-label{color:var(--overlay0);font-size:10px;font-weight:600}.slang-related-tag{color:var(--accent);background:var(--accent-dim);cursor:pointer;border-radius:3px;padding:1px 7px;font-size:10px;transition:background .15s}.slang-related-tag:hover{background:#b4befe33}.appbar-github{color:var(--overlay1);align-items:center;transition:color .15s;display:flex}.appbar-github:hover{color:var(--text)}