.wrm2-app{display:grid;grid-template-columns:var(--wrm2-sidebar) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .15s ease}
.wrm2-app.is-compact{grid-template-columns:var(--wrm2-side-small) minmax(0,1fr)}
.wrm2-sidebar{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;height:100vh;min-width:0;border-right:1px solid var(--wrm2-line-strong);background:#07090af9}
.wrm2-brand-wrap{position:relative;min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:18px 14px 18px 18px;gap:8px;border-bottom:1px solid var(--wrm2-line)}
.wrm2-brand{display:inline-flex;min-width:0;align-items:baseline;padding:0;white-space:nowrap;font:900 25px/1 var(--wrm2-display);letter-spacing:-.07em;text-transform:uppercase;color:var(--wrm2-text)!important}
.brand-meta{color:var(--wrm2-mint)}
.wrm2-brand .brand-d20{position:relative;top:5px;width:26px;height:26px;flex:0 0 26px;margin:-5px 1px -7px 2px;filter:drop-shadow(0 0 7px rgb(28 251 140 / .18))}
.wrm2-brand sup{align-self:flex-start;margin:3px 0 0 2px;font:800 10px/1 var(--wrm2-font);color:var(--wrm2-mint);letter-spacing:.09em;text-transform:uppercase}
.wrm2-sidebar .sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;min-height:24px;margin-left:auto;padding:0;border:1px solid var(--wrm2-line);background:var(--wrm2-canvas2);color:var(--wrm2-muted)}
.wrm2-sidebar .sidebar-toggle:hover{color:var(--wrm2-mint);border-color:var(--wrm2-mint)}
.wrm2-sidebar .collapse-icon{display:block;width:17px;height:17px;background:currentColor;mask:url("../../ui/panel-left.svg") center/contain no-repeat;-webkit-mask:url("../../ui/panel-left.svg") center/contain no-repeat;transition:transform 150ms ease}
.wrm2-app.is-compact .wrm2-sidebar .sidebar-toggle,.wrm2-app.is-minimised .wrm2-sidebar .sidebar-toggle{position:absolute;z-index:40;top:47px;right:-13px;margin:0;border-color:var(--wrm2-line-strong);background:var(--wrm2-panel);box-shadow:0 6px 20px #0006}
.wrm2-app.is-compact .wrm2-sidebar .collapse-icon,.wrm2-app.is-minimised .wrm2-sidebar .collapse-icon{transform:rotate(180deg)}
.wrm2-nav{flex:1;min-height:0;overflow:auto;padding:13px 0 20px;scrollbar-width:thin}
.wrm2-nav-label{display:block;margin:13px 16px 7px;color:#586970;font-size:10px;font-weight:900;letter-spacing:.18em}
.wrm2-nav-link{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:0 15px;color:var(--wrm2-muted)!important;border-left:2px solid transparent;font-size:12px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
/* Champion class accordion, visually consistent with the existing GGLYTICS sidebar. */
.wrm2-nav-accordion{width:100%;text-align:left;background:transparent;font:inherit;cursor:pointer;outline:none;box-shadow:none;border-top:0;border-right:0;border-bottom:0}
.wrm2-nav-accordion .wrm2-nav-chevron{width:13px;height:13px;transition:transform .2s ease}
.wrm2-nav-accordion[aria-expanded="true"] .wrm2-nav-chevron{transform:rotate(180deg)}
.wrm2-nav-accordion:focus-visible{outline:none;box-shadow:none;background:var(--wrm2-panel);color:var(--wrm2-mint)!important}
.wrm2-nav-subnav{display:grid;padding:2px 0 7px 19px;background:#0c1112}
.wrm2-nav-subnav[hidden]{display:none}
.wrm2-nav-subnav a{display:flex;align-items:center;gap:11px;padding:9px 12px;color:var(--wrm2-muted);font-size:11px;font-weight:800;letter-spacing:.03em;border-left:2px solid transparent}
.wrm2-nav-subnav a img{flex:0 0 19px;width:19px;height:19px}
.wrm2-nav-subnav a:is(:hover,[aria-current="page"]){color:var(--wrm2-mint);border-left-color:var(--wrm2-mint);background:#1cfb8c0b}
.wrm2-app.is-minimised .wrm2-nav-subnav:not([hidden]){position:fixed;z-index:60;top:var(--wrm2-champion-tray-top,120px);left:var(--wrm2-side-small);display:grid;width:52px;padding:8px;gap:3px;border:1px solid var(--wrm2-mint);background:var(--wrm2-canvas2);box-shadow:0 14px 35px #0009}
.wrm2-app.is-minimised .wrm2-nav-subnav a{display:flex;justify-content:center;align-items:center;width:34px;height:34px;padding:4px;border-left:0}
.wrm2-app.is-minimised .wrm2-nav-subnav a img{width:19px;height:19px;flex:0 0 19px}
.wrm2-app.is-minimised .wrm2-nav-subnav a span{display:none}
.wrm2-app.is-minimised .wrm2-nav-subnav a:is(:hover,[aria-current="page"]){border:1px solid var(--wrm2-mint);background:#1cfb8c12}
.wrm2-app.is-minimised .wrm2-nav-accordion .wrm2-nav-chevron{display:none}
.wrm2-nav-link:hover{background:var(--wrm2-panel);color:var(--wrm2-text)!important}
.wrm2-nav-link[aria-current="page"]{border-left-color:var(--wrm2-mint);background:linear-gradient(90deg,#1cfb8c14,transparent);color:var(--wrm2-text)!important}
.wrm2-nav-link :is(img,.wrm2-change-icon){display:block;width:23px;height:23px;object-fit:contain}
.wrm2-change-icon{display:inline-block;flex:0 0 18px;width:18px;height:18px;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.wrm2-change-icon--buffed{mask-image:url("../../status/buffed.svg");-webkit-mask-image:url("../../status/buffed.svg")}
.wrm2-change-icon--nerfed{mask-image:url("../../status/nerfed.svg");-webkit-mask-image:url("../../status/nerfed.svg")}
.wrm2-change-icon--adjusted{mask-image:url("../../status/adjusted.svg");-webkit-mask-image:url("../../status/adjusted.svg")}
.wrm2-change-icon--reworked{mask-image:url("../../status/reworked.svg");-webkit-mask-image:url("../../status/reworked.svg")}
.wrm2-nav-link img.wrm2-nav-icon--compact{width:20px;height:20px;justify-self:center}
.wrm2-nav-pro>img{box-sizing:border-box;padding:1px}
.wrm2-nav-pill{padding:1px 5px;border:1px solid #1cfb8c55;color:var(--wrm2-mint);font-size:9px;background:#0b1c17}
.wrm2-nav-pill--new{color:var(--wrm2-cyan);border-color:#60f0ffab;background:#0d1c21}
.wrm2-status-dot{display:inline-block;width:7px;height:7px;margin-right:4px;background:var(--wrm2-mint);box-shadow:0 0 10px #1cfb8c88}
.wrm2-stage{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.wrm2-command-bar{position:sticky;top:0;z-index:25;min-height:var(--wrm2-bar);display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 24px;background:#07090af2;border-bottom:1px solid var(--wrm2-line-strong);backdrop-filter:blur(12px)}
.wrm2-command-left,.wrm2-command-actions{display:flex;align-items:center;gap:10px;min-width:0}.wrm2-command-left{flex:0 1 540px}.wrm2-command-actions{flex:1 1 auto;justify-content:flex-end}
.wrm2-crumb{display:flex;align-items:center;gap:7px;min-width:0;color:var(--wrm2-muted);font-size:11px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrm2-crumb a{color:var(--wrm2-muted)!important}
.wrm2-crumb a:hover{color:var(--wrm2-mint)!important}
.wrm2-crumb>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wrm2-crumb>span,.wrm2-crumb b,.wrm2-crumb strong{color:var(--wrm2-text);text-transform:uppercase}
.wrm2-content{flex:1;min-width:0;width:100%;max-width:1640px;margin:0 auto;padding:26px clamp(14px,2.5vw,32px) 26px}

.wrm2-footer{width:100%;margin-top:auto;padding:28px clamp(16px,2.5vw,32px);border-top:1px solid var(--wrm2-line);background:var(--wrm2-canvas2)}
.wrm2-footer .wrm2-brand{font-size:21px;letter-spacing:-.07em}
.wrm2-footer .wrm2-brand .brand-d20{width:24px;height:24px;flex-basis:24px}
.wrm2-footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--wrm2-line)}
.wrm2-footer-top nav{display:flex;gap:10px 22px;flex-wrap:wrap;color:var(--wrm2-muted);font-size:11px}
.wrm2-footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:19px;color:var(--wrm2-subtle);font-size:10px;max-width:100%}
.wrm2-footer-bottom p{max-width:800px}
.wrm2-skin-switch{margin-top:20px;border:1px solid var(--wrm2-line-strong);padding:12px;display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--wrm2-mint);font-size:11px}
.wrm2-skin-switch select{max-width:220px}
.wrm2-mobile-nav,.wrm2-mobile-brand{display:none!important}
.wrm2-app.is-compact .wrm2-sidebar .wrm2-nav-link{grid-template-columns:1fr;justify-items:center;padding:0}
.wrm2-app.is-compact .wrm2-sidebar .wrm2-nav-link span:not(.wrm2-change-icon),.wrm2-app.is-compact .wrm2-sidebar .wrm2-nav-label,.wrm2-app.is-compact .wrm2-sidebar .wrm2-brand .brand-wr,.wrm2-app.is-compact .wrm2-sidebar .wrm2-brand .brand-meta,.wrm2-app.is-compact .wrm2-sidebar .wrm2-brand sup{display:none}
.wrm2-app.is-compact .wrm2-brand-wrap{padding:18px 8px;justify-content:center;min-height:90px}
.wrm2-app.is-compact .wrm2-sidebar .brand-d20{width:30px;height:30px;flex-basis:30px;margin:0;top:0}
.wrm2-mobile-shade{position:fixed;inset:0;z-index:27;background:#000b}
@media (min-width:751px) and (max-width:1090px){.wrm2-app:not(.is-expanded){grid-template-columns:72px minmax(0,1fr)}.wrm2-app:not(.is-expanded) .wrm2-sidebar .wrm2-nav-link{grid-template-columns:1fr;justify-items:center;padding:0}.wrm2-app:not(.is-expanded) .wrm2-sidebar .wrm2-nav-link span:not(.wrm2-change-icon),.wrm2-app:not(.is-expanded) .wrm2-sidebar .wrm2-nav-label,.wrm2-app:not(.is-expanded) .wrm2-sidebar .brand-wr,.wrm2-app:not(.is-expanded) .wrm2-sidebar .brand-meta,.wrm2-app:not(.is-expanded) .wrm2-sidebar .wrm2-brand sup{display:none}.wrm2-app:not(.is-expanded) .wrm2-brand-wrap{padding:18px 8px;justify-content:center}.wrm2-app:not(.is-expanded) .wrm2-sidebar .brand-d20{top:0;margin:0;width:30px;height:30px;flex-basis:30px}}
@media(max-width:750px){.wrm2-app{display:block}.wrm2-nav{display:flex;flex-direction:column}.wrm2-nav>*{flex-shrink:0}.wrm2-nav-pro{order:-1}.wrm2-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:min(278px,83vw);height:100dvh;transform:translateX(-105%);transition:transform .2s ease}.wrm2-app.is-mobile-open .wrm2-sidebar{transform:translateX(0)}.wrm2-sidebar .wrm2-nav-link{grid-template-columns:24px minmax(0,1fr) auto;justify-items:stretch;padding:0 15px}.wrm2-sidebar .wrm2-nav-link span:not(.wrm2-change-icon),.wrm2-sidebar .wrm2-nav-label,.wrm2-sidebar .wrm2-brand .brand-wr,.wrm2-sidebar .wrm2-brand .brand-meta,.wrm2-sidebar .wrm2-brand sup{display:initial}.wrm2-sidebar .wrm2-brand-wrap{flex-direction:row;justify-content:space-between;padding:14px 15px}.wrm2-mobile-nav{display:inline-flex!important;order:99}.wrm2-mobile-brand{display:inline-flex!important;align-items:baseline;flex:0 0 auto;font-size:19px;letter-spacing:-.07em}.wrm2-mobile-brand .brand-d20{width:23px;height:23px;flex-basis:23px;top:4px;margin:-4px 1px -6px 2px}.wrm2-mobile-brand sup{font-size:8px}.wrm2-command-bar{padding:8px 13px;gap:6px}.wrm2-command-left{flex:1 1 auto;min-width:0}.wrm2-command-actions{flex:0 0 auto;gap:6px;margin-left:auto}.wrm2-crumb{display:none}.wrm2-footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:350px){.wrm2-mobile-brand .brand-wr,.wrm2-mobile-brand .brand-meta,.wrm2-mobile-brand sup{display:none}.wrm2-mobile-brand .brand-d20{width:28px;height:28px;flex-basis:28px;top:0;margin:0}.wrm2-command-actions{margin-left:auto}}