[data-mirror-guide]{--rep:#65baff;--imp:#ff737d}
.mirror-controls{padding:20px;margin:0 0 28px;border:1px solid #465362;border-radius:12px;background:#101923;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.mirror-controls p{flex-basis:100%;margin:0;color:#cbd3dc}.mirror-factions,.ability-language{display:flex;flex-wrap:wrap;gap:10px}
.mirror-controls button{font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px;background:#0b1119;color:#e8edf4;border:1px solid #607086;min-height:48px}
.mirror-controls button[data-mirror-side]{display:flex;gap:10px;align-items:center;font-weight:700}
.mirror-controls img{width:36px;height:36px;object-fit:contain}
.mirror-controls [data-mirror-side="republik"]{color:var(--rep);border-color:var(--rep)}
.mirror-controls [data-mirror-side="imperium"]{color:var(--imp);border-color:var(--imp)}
.mirror-controls [data-mirror-side="republik"][aria-pressed="true"]{background:#153b5c;box-shadow:inset 0 -3px var(--rep)}
.mirror-controls [data-mirror-side="imperium"][aria-pressed="true"]{background:#51212b;box-shadow:inset 0 -3px var(--imp)}
.ability-language button[aria-pressed="true"]{border-color:#edb564;background:#3a3020;color:#ffe0a0}
[data-mirror-panel][hidden]{display:none!important}
.ability-name{display:inline;font:inherit;line-height:inherit;font-weight:600;color:#f3cd8c;background:transparent;padding:0;border:0;border-bottom:1px dotted currentColor;border-radius:0;cursor:help;text-align:inherit;white-space:normal}
.ability-name:hover{color:#fff0c9;background:#60471944}.ability-name:focus-visible,.mirror-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.ability-icon-trigger{border:0;background:transparent;padding:0;cursor:help;border-radius:6px}.ability-icon-trigger:focus-visible{outline:2px solid #fff;outline-offset:4px}
.ability-tooltip{position:fixed;z-index:10000;box-sizing:border-box;width:350px;max-width:calc(100vw - 16px);max-height:70vh;overflow:auto;padding:16px 18px;border:1px solid #d8ae62;border-radius:10px;background:#101923;color:#e7edf3;font:15px/1.55 system-ui,sans-serif;box-shadow:0 12px 45px #000a}
.ability-tooltip strong{color:#f5cf86}.ability-tooltip p{margin:10px 0}.ability-tooltip small{color:#abb8c7}
@media(max-width:600px){.mirror-controls{padding:14px}.mirror-factions{width:100%}.mirror-factions button{flex:1;padding:8px!important;justify-content:center}.mirror-controls img{width:30px;height:30px}}

.ability-tooltip-inline{position:static;width:auto;max-width:100%;max-height:none;margin:12px 0;box-shadow:none;overflow-wrap:anywhere;clear:both}
.ability-tooltip-close{display:block;min-height:44px;padding:10px 14px;margin-top:12px;border:1px solid #d8ae62;border-radius:6px;background:#243343;color:#fff;font:inherit;cursor:pointer}
@media(max-width:600px){.mirror-factions{min-width:0}.mirror-factions button{min-width:0}.ability-name{line-height:1.8}.ability-icon-trigger{min-width:44px;min-height:44px}}
@media(max-width:360px){.header .brand{min-width:0;flex:1}.header .swtor-mark{max-width:100px}.header .swtor-mark img{max-width:100%}.header .cantina-wordmark{min-width:0}.header .cantina-wordmark strong{font-size:14px}.header .menu-toggle{flex-shrink:0}}

.ability-tooltip img.ability-tooltip-image{display:block;width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;object-fit:contain;margin:0 0 12px;border:1px solid #655235;border-radius:6px;background:#080e16}

.ability-name img.ability-mention-image{display:inline-block!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;object-fit:contain!important;vertical-align:middle!important;margin:0 5px 0 0!important;padding:0!important;border:0!important;border-radius:3px!important;box-shadow:none!important;float:none!important}