.skin-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #587ac0;border-radius:5px;background:#0a1a39}
.skin-switch a{display:inline-block;border:0;border-radius:3px;padding:7px 11px;background:transparent;color:#bed0f1;font:600 12px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.skin-switch a[aria-current="true"]{background:#3665c4;color:#fff;box-shadow:inset 0 0 0 1px #a3bdff}
.skin-switch a:focus-visible{outline:2px solid #c9dcff;outline-offset:2px}
.site-nav-stack>.skin-switch{margin:8px 0}
html[data-skin="cobalt"] .crt,html[data-skin="cobalt"] .ihead{display:none!important}
html[data-skin="cobalt"] body{color:#e5edff;background:#071329;font:14px/1.55 system-ui,Segoe UI,sans-serif}
html[data-skin="cobalt"] :where(a,button,input,select,table){font-family:system-ui,Segoe UI,sans-serif}
html[data-skin="cobalt"] [hidden]{display:none!important}
.cobalt-top{position:relative;z-index:30;background:#081735;border-bottom:1px solid #294c9a}
.cobalt-top-inner{width:min(1160px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:24px;min-height:68px}
.cobalt-brand{flex:none;color:#e7efff;font:700 22px Georgia,serif}
.cobalt-brand span{color:#77a3ff}
.cobalt-page-nav{display:flex;gap:22px;align-items:center;flex:1;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.cobalt-page-nav a{flex:none;color:#aabce0;font-size:12px;text-decoration:none;padding:24px 0;border-bottom:2px solid transparent}
.cobalt-page-nav a[aria-current]{color:#fff;border-color:#8aafff}
.cobalt-edition-nav{display:flex;gap:5px;overflow-x:auto;white-space:nowrap;margin:15px 0 12px;padding:5px;border:1px solid #365a9b;border-radius:5px;background:#0e2249;scrollbar-width:thin}
.cobalt-edition-nav a{flex:none;padding:8px 11px;border-radius:3px;color:#b5c8eb;font-size:12px;text-decoration:none}
.cobalt-edition-nav a[aria-current]{background:#315fc0;color:#fff}
.cobalt-shell{padding-bottom:40px}
.cobalt-hero{min-height:315px;margin:0 0 18px}
.cobalt-hero .census-hero-copy{max-width:65%}
.cobalt-hero .census-hero-art{right:6%;bottom:-65px;max-width:34%;height:350px}
.cobalt-hero h1{font:400 clamp(34px,4vw,52px)/1.05 Georgia,serif;color:#f3f7ff}
.cobalt-intro{max-width:550px;color:#d0def9;font-size:14px}
.cobalt-content{min-width:0;margin-top:0}
.cobalt-content>main{min-width:0}
.cobalt-content .site-notice{position:relative;border:1px solid #4064a5;border-radius:5px;background:#102650;color:#c9dcff;padding:9px 44px 9px 14px;margin:0 0 16px;font-size:12px}
.cobalt-content .site-notice p{margin:0}.cobalt-content .site-notice p[hidden]{display:none}.cobalt-content .site-notice .notice-close{position:absolute;right:8px;top:5px;border:0;background:transparent;color:#b9d0f3;font-size:22px}
.cobalt-content .site-notice .notice-icon,.cobalt-content .site-notice .notice-pixel-icon{display:inline-block;width:29px;height:22px;object-fit:contain;vertical-align:middle;margin-right:8px}.cobalt-content .site-notice .notice-text{display:block;line-height:1.8}
.cobalt-content .page-controls,.cobalt-content .realm-controls,.cobalt-content .chips{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 16px;padding:16px 20px;border:1px solid #4469ae;border-radius:6px;background:#0e2145;color:#e5edff}
.cobalt-content .chips .chip,.cobalt-content .page-controls button,.cobalt-content .realm-controls button,.cobalt-content .race-toggle button{border:1px solid #5c7bbb;border-radius:4px;padding:8px 11px;background:#102958;color:#dbe8ff;font-size:12px;cursor:pointer}
.cobalt-content :where(.chip,.page-controls button,.race-toggle button)[aria-pressed="true"]{background:#3867c1;color:#fff}
.cobalt-content .vsel{position:relative}.cobalt-content .vsel-trigger{display:flex;align-items:center;gap:12px;min-width:180px;justify-content:space-between;border:1px solid #5c7bbb;border-radius:4px;background:#091b3a;color:#e5edff;padding:9px 12px}.cobalt-content .vsel-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor}
.cobalt-content .vsel-pop{position:absolute;top:100%;left:0;z-index:40;max-height:300px;min-width:220px;overflow:auto;border:1px solid #6c8dd1;border-radius:4px;background:#102751;box-shadow:0 10px 25px #0009}.cobalt-content .vsel-item,.cobalt-content .vsel-label{padding:7px 10px;cursor:pointer}.cobalt-content .vsel-item:hover,.cobalt-content .vsel-item[aria-selected="true"]{background:#3867c1}.cobalt-content .vsel-check{display:none}
.cobalt-content .vpane:not([hidden]),.cobalt-content .combo-breakdown{display:grid;gap:16px}
.cobalt-content .census-panel{border:1px solid #4469ae;border-radius:7px;background:#0e2145;padding:23px;margin:0 0 17px;color:#e5edff;box-shadow:0 15px 32px #0003}
.cobalt-content :is(.vpane,.panel,.slab,.realm-detail){border:1px solid #4469ae;border-radius:7px;background:#0e2145;padding:23px;margin:0 0 17px;color:#e5edff;box-shadow:0 15px 32px #0003}
.cobalt-content .ptitle,.cobalt-content .secthead{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #4469ae;color:#e5edff;font:400 25px/1.2 Georgia,serif}
.cobalt-content .ptitle a{font:600 12px system-ui,sans-serif;color:#b8d0ff}
.cobalt-content :where(h1,h2,h3){color:#eaf1ff;font-family:Georgia,serif}
.cobalt-content p,.cobalt-content .hint,.cobalt-content .meta{color:#b6c9e9}
.cobalt-content .combogrid,.cobalt-content .chartgrid,.cobalt-content .panelgrid,.cobalt-content .split2,.cobalt-content .speccols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cobalt-content .comboblock,.cobalt-content .card,.cobalt-content .tile,.cobalt-content .realm-detail,.cobalt-content .race-panel{min-width:0;border:1px solid #4469ae;border-radius:5px;background:#112958;padding:16px;color:#e5edff}
.cobalt-content .combocard{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #34558e}.cobalt-content .combocard:last-child{border-bottom:0}.cobalt-content .comboicons{display:flex;gap:4px;flex:none}.cobalt-content .comboicons img{width:38px;height:38px;border:1px solid #688aca;border-radius:4px}.cobalt-content .comboname{font-weight:600}.cobalt-content .combostat{color:#b1c5e8;font-size:12px}
.cobalt-content .race-bars .bar,.cobalt-content .track,.cobalt-content .chart-track{background:#091734;border-radius:12px;overflow:hidden}.cobalt-content .bar>i,.cobalt-content .track>i{display:block;height:100%;background:#78a3ff}
.cobalt-content .legend{display:flex;gap:16px;margin:0 0 16px;color:#b6c9e9;font-size:12px}.cobalt-content .legend .key{display:flex;align-items:center;gap:6px}.cobalt-content .legend i{display:inline-block;width:9px;height:9px;border-radius:2px}
.cobalt-content .race-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cobalt-content .race-toggle{display:flex;gap:4px;flex:none}.cobalt-content .bar{display:grid;grid-template-columns:110px minmax(0,1fr) 62px;align-items:center;gap:12px;margin:0 0 11px;background:transparent;overflow:visible;border-radius:0}.cobalt-content .bar .bl{color:#dbe7ff;font-size:12px;font-weight:600}.cobalt-content .bar .bn{text-align:right;color:#b6c9e9;font-size:12px;font-variant-numeric:tabular-nums}.cobalt-content .bar .bt{height:10px;border-radius:12px;overflow:hidden;background:#091734;box-shadow:inset 0 1px 3px #0007}.cobalt-content .bar .bt i{display:block;height:100%;border-radius:12px}
.cobalt-content .tiles,.cobalt-content .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.cobalt-content .tablewrap,.cobalt-table-scroll{max-width:100%;overflow-x:auto}.cobalt-content table{width:100%;border-collapse:collapse;color:#e5edff;font-size:13px}.cobalt-content td,.cobalt-content th{padding:9px 10px;border-bottom:1px solid #4469ae;text-align:left}.cobalt-content th{color:#b8d0ff;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cobalt-content tr:nth-child(even) td{background:#112958}
.cobalt-content :where(input,select){max-width:100%;padding:9px 12px;border:1px solid #5b7fbd;border-radius:4px;background:#091b3a;color:#e5edff}
.cobalt-content :where(.chip,.btn,button):focus-visible{outline:2px solid #b9d0ff;outline-offset:2px}
.cobalt-metrics{margin:0 0 17px}.cobalt-metric{background:#112958}
.cobalt-content .itag{margin:10px 0;text-align:center;color:#aabfe3;font-size:11px}
@media(max-width:850px){.cobalt-top-inner{flex-wrap:wrap;padding:10px 0;gap:4px 16px}.cobalt-page-nav{order:3;flex-basis:100%}.cobalt-page-nav a{padding:10px 0}.cobalt-top .skin-switch{margin-left:auto}.cobalt-hero .census-hero-art{right:0;opacity:.5}}
@media(max-width:650px){.cobalt-top-inner{width:calc(100% - 24px)}.cobalt-shell{width:calc(100% - 24px);margin:auto}.cobalt-hero{min-height:230px}.cobalt-hero .census-hero-copy{max-width:100%;padding:23px}.cobalt-hero .census-hero-art{right:-35px;bottom:-45px;max-width:50%;height:230px;opacity:.2}.cobalt-content .combogrid,.cobalt-content .chartgrid,.cobalt-content .panelgrid,.cobalt-content .split2,.cobalt-content .speccols{grid-template-columns:1fr}.cobalt-content .census-panel{padding:16px}.cobalt-content .ptitle,.cobalt-content .secthead{font-size:21px;flex-wrap:wrap}.cobalt-content .tiles,.cobalt-content .cards{grid-template-columns:1fr}.cobalt-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cobalt-metric{padding:12px}.cobalt-metric strong{font-size:19px}.cobalt-content .race-head{flex-wrap:wrap}.cobalt-content .bar{grid-template-columns:85px minmax(0,1fr) 48px;gap:6px}.cobalt-content .bar .bl,.cobalt-content .bar .bn{font-size:10px}}

/* Role split and the compact race panel beside the combos (home pages with inspected roles). */
.cobalt-content .combocol,.cobalt-content .sidecol{display:grid;gap:16px;min-width:0;align-content:start}
.cobalt-content .roleblock,.cobalt-content .raceblock{min-width:0;border:1px solid #4469ae;border-radius:5px;background:#112958;padding:16px;color:#e5edff}
.cobalt-content .rolehead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.cobalt-content .roletiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cobalt-content .roletile{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid #34558e;border-radius:4px;background:#0c1f47}
.cobalt-content .roletile b{display:block;font:700 20px/1 system-ui,sans-serif}
.cobalt-content .roletile span{display:block;margin-top:4px;font-size:13px;color:#b6c9e9}
.cobalt-content .roletile.tank b{color:#7fb0ff}.cobalt-content .roletile.heal b{color:#6fdc94}.cobalt-content .roletile.dps b{color:#ff8a8a}
.cobalt-content .roleicon{flex:none;width:32px;height:32px;background:url("/role-icons.png") no-repeat;background-size:96px 32px}
.cobalt-content .roleicon.heal{background-position:-32px 0}.cobalt-content .roleicon.dps{background-position:-64px 0}
.cobalt-content .rolestack{display:flex;gap:2px;height:8px;margin-top:12px;border-radius:4px;overflow:hidden;background:#091734}
.cobalt-content .rolestack .tank{background:#7fb0ff}.cobalt-content .rolestack .heal{background:#6fdc94}.cobalt-content .rolestack .dps{background:#ff8a8a}
.cobalt-content .rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cobalt-content .rgrid[hidden]{display:none}
.cobalt-content .rcol{min-width:0}.cobalt-content .rcol>.combofaction{margin-bottom:8px}
.cobalt-content .rrow{margin-bottom:7px}
.cobalt-content .rlab{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:1.2}
.cobalt-content .rlab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cobalt-content .rlab b{font-weight:400;color:#b6c9e9}
.cobalt-content .rbar{height:5px;margin-top:3px;border-radius:3px;overflow:hidden;background:#091734}.cobalt-content .rbar i{display:block;height:100%}
@media(max-width:420px){.cobalt-content .roletile{flex-direction:column;text-align:center;gap:6px;padding:8px 4px}}