/* CS-UP clean controls / 20260920-hover2.
 * Replaces the experimental metal/texture layer. No patterns, tiled strokes,
 * raised icons or oversized geometry. SVG nine-slices keep all chamfers equal.
 * Native control positioning and form behaviour remain component-owned.
 */
:root{--ui-gutter:clamp(12px,2vw,28px);--ui-content:1600px}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) {
  --key-accent:#16c8f5;
  --key-frame:url("../img/controls/clean-key-cyan.svg?v=20260920-hover2");
  --key-icon-size:22px;
  color:#f1f7fc;font-family:inherit;font-size:14px;font-weight:650;
  line-height:1.25;letter-spacing:0;text-transform:none;text-shadow:none;
  background:transparent!important;border-color:transparent!important;
  border-image:var(--key-frame) 12 fill / 12px / 0 stretch!important;
  border-radius:0!important;clip-path:none!important;box-shadow:none!important;
  transform:none;will-change:auto;transform-style:flat;
  transition:filter .18s ease,color .18s ease;
}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):is(.hub-tone-amber,.tone-amber,.btn-primary,.s-primary,.is-active,.active,.tab.on,.cur,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]) {
  --key-accent:#ffb844;--key-frame:url("../img/controls/clean-key-amber.svg?v=20260920-hover2");
}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):is(.btn-danger,.danger,.s-danger) {
  --key-accent:#fa7965;--key-frame:url("../img/controls/clean-key-red.svg?v=20260920-hover2");
}
/* Retire only old decoration. Never size a frame SVG like a glyph. */
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) :is(svg.hub-frame,svg.s-frame) {display:none!important}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):not([aria-busy="true"]):not(.loading):not(.is-loading)::before,
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):not([aria-busy="true"]):not(.loading):not(.is-loading)::after {content:none!important}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) :is(.hub-icon,.nico,.s-icon,svg[viewBox="0 0 24 24"]:not(.hub-frame):not(.s-frame)) {
  width:var(--key-icon-size);height:var(--key-icon-size);flex-shrink:0;
  color:var(--key-accent);filter:none;
}
/* Bring older cabinet glyphs into the same restrained line-icon family. */
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) :is(.key-icon-depth,.key-icon-lighting,.key-icon-highlight) {display:none}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) .key-icon-face {fill:none;stroke:currentColor;stroke-width:1.6}

/* Text controls: compact height, deliberate inset, no forced single-line clipping. */
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.btn,.site-button,.s-button,.tab,.hub-button,.hub-reset) {
  min-width:0;min-height:40px;padding:8px 14px;gap:8px;
  align-items:center;justify-content:center;white-space:normal;
  overflow-wrap:anywhere;text-align:center;
}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.btn-sm,.btn.btn-sm,.s-button.small) {
  min-height:34px;padding:6px 10px;font-size:12px;--key-icon-size:18px;gap:6px;
}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.ic-btn,.s-button.icon-only) {
  width:34px;min-width:34px;height:34px;min-height:34px;padding:6px;
  --key-icon-size:20px;line-height:1;
}
body.hub-body button.hub-favorite {
  width:32px;height:32px;min-height:32px;padding:6px;--key-icon-size:20px;
}
body.hub-body .hub-favorite[aria-pressed="false"] .hub-icon {fill:none}
body.hub-body a.hub-game-cta {
  min-height:38px;padding:7px 9px;font-size:12px;gap:6px;--key-icon-size:18px;
}
body.hub-body a.hub-login {
  height:44px;min-height:44px;padding:7px 14px;font-size:15px;--key-icon-size:23px;
}
body.hub-body .hub-language>summary {
  height:44px;min-height:44px;min-width:48px;padding:7px 8px;gap:4px;
}
body.hub-body .hub-news,body.site-public .site-news {
  width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;
}
body.hub-body .hub-account,body.site-public .site-account {align-items:center;gap:10px}
body.hub-body .hub-user-copy b {font-size:12px;text-shadow:none}
body.hub-body .hub-user-copy small {font-size:10px;text-shadow:none}
body.hub-body .hub-search button,body.site-public .site-search button {--key-icon-size:20px}

/* One shared navigation scale; labels remain single-line and never ellipsized. */
body.hub-body .hub-section-head {align-items:center;flex-wrap:nowrap;gap:12px;padding-bottom:6px}
body.hub-body .hub-catalogue-nav {
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  flex:1 1 auto;min-width:0;max-width:none;margin:0;padding:0;gap:8px;
}
body.hub-body .hub-section-actions {width:auto;flex:0 0 auto;padding:0;margin-left:auto}
body.hub-body .hub-counter {display:block;font-size:12px;white-space:nowrap}
body.hub-body a.hub-nav-item {
  height:47px;min-height:47px;min-width:0;padding:6px 12px;gap:10px;
  font-size:clamp(14px,1vw,17px);font-weight:700;line-height:1.2;
  --key-icon-size:26px;white-space:nowrap;
}
body:is(.site-public,.site-cabinet) .site-nav {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
body:is(.site-public,.site-cabinet) .site-nav>a {
  display:flex;align-items:center;justify-content:center;min-width:0;
  height:47px;min-height:47px;padding:6px 12px;gap:10px;font-size:15px;
  --key-icon-size:25px;white-space:nowrap;
}
body.staff-app .s-nav {grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
body.staff-app .s-nav>a {
  min-height:45px;min-width:0;font-size:13px;--key-icon-size:22px;
  display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;
}
body.site-cabinet .cab-nav>a {min-height:40px;padding:8px 14px;font-size:13px}
body.staff-app .s-subnav>a {min-height:36px;padding:8px 12px;font-size:12px}

/* Shared alignment safeguards, scoped to actual template containers.
 * Tables scroll inside their wrappers; the page itself must never pan sideways.
 * Editorial reading columns keep their intentionally narrower max-width.
 */
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.stage-content,.stage-title,.site-page-heading,.server-identity,
 .module-heading,.community-actions,.page-head,.s-head,.s-panel-head,.s-heading-actions,
 .s-columns>*,.s-settings>*,.server-content-grid>*,.game-article-layout>*,
 .game-blog-hero>*,.game-article-head>*,.cab-nav,.cab-actions,.balance-layout>*,
 .blog-mention-layout>*,.s-form-grid>*,.hub-account,.hub-intro-copy) {min-width:0}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.toolbar,.community-actions,.cab-actions,.s-heading-actions,.s-form-footer,
 .s-actions,.s-ai-actions,.page-head,.s-panel-head,.s-subnav) {flex-wrap:wrap;align-items:center}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.toolbar,.s-toolbar) {align-items:flex-end}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.s-table-wrap,.table-wrap,.mention-history) {max-width:100%;overflow-x:auto}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.s-field,.form-row,.field) {min-width:0}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.s-field,.form-row,.field)>:is(input,select,textarea) {max-width:100%}
body.site-public :is(.site-header,.site-nav) {max-width:var(--ui-content)}
body:is(.site-public,.site-cabinet) .site-nav {margin-inline:auto}
body.staff-app .s-dialog {max-width:calc(100vw - 24px)}
body.site-cabinet .modal {width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}

@media(max-width:1100px) {
  body.hub-body .hub-catalogue-nav,body:is(.site-public,.site-cabinet) .site-nav,body.staff-app .s-nav {
    display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
    gap:8px;scroll-snap-type:x proximity;scroll-padding-inline:2px;
  }
  body.hub-body a.hub-nav-item,body:is(.site-public,.site-cabinet) .site-nav>a {
    flex:0 0 166px;font-size:14px;--key-icon-size:24px;gap:8px;scroll-snap-align:start;
  }
  body.staff-app .s-nav>a {flex:0 0 152px;scroll-snap-align:start}
}
@media(max-width:800px) {
  body.hub-body a.hub-nav-item,body:is(.site-public,.site-cabinet) .site-nav>a {height:45px;min-height:45px}
  body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.s-panel-head,.page-head,.s-head) {gap:12px}
  body.staff-app .s-toolbar {flex-wrap:wrap}
}
@media(max-width:520px) {
  body.hub-body .hub-section-head {flex-wrap:wrap}
  body.hub-body .hub-catalogue-nav {flex-basis:100%}
  body.hub-body .hub-section-actions {margin-left:auto}
  body.hub-body .hub-account {gap:6px}
  body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.s-form-footer,.s-heading-actions,.cab-actions) {gap:8px}
  body.staff-app .s-subnav>a {white-space:normal}
  body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :is(.toolbar,.s-toolbar)>:is(.field,.s-field) {flex:1 1 140px}
}

@media(hover:hover) and (pointer:fine) {
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button
 ):not([data-native-control]):not(:where([data-native-control] *)):not(:disabled):not([aria-disabled="true"]):hover :is(.hub-icon,.nico,.s-icon,svg[viewBox="0 0 24 24"]:not(.hub-frame):not(.s-frame)) {
   filter:drop-shadow(0 0 5px color-mix(in srgb,var(--key-accent) 70%,transparent));
 }
}
@media(hover:hover) and (pointer:fine) {
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not(.loading):not(.is-loading):not(:where([inert] *)):hover {
  transform:none;
  filter:brightness(1.16) saturate(1.08) drop-shadow(0 0 5px color-mix(in srgb,var(--key-accent) 42%,transparent));
  box-shadow:inset 0 0 10px color-mix(in srgb,var(--key-accent) 10%,transparent),0 0 12px color-mix(in srgb,var(--key-accent) 18%,transparent)!important;
}
}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not(.loading):not(.is-loading):not(:where([inert] *)):active {transform:translateY(1px);filter:brightness(.96)}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):focus-visible {outline:2px solid #d1f4ff;outline-offset:2px}
body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):is(:disabled,[aria-disabled="true"]) {
 transform:none!important;filter:saturate(.25) brightness(.65)!important;cursor:default;
}
/* Quiet hover-only perimeter accent, retained from the requested electric effect.
 * A zero-specificity containing block never overrides absolute utility buttons.
 */
:where(body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *))) {position:relative}
@keyframes key-perimeter-orbit {from{offset-distance:0%}to{offset-distance:100%}}
@supports(offset-path:polygon(0px 0px,100% 0px,100% 100%,0px 100%)) {
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]):not(.loading):not(.is-loading):not(:where([inert] *)):is(:hover,:focus-visible)::after {
  content:""!important;position:absolute!important;inset:0 auto auto 0!important;
  width:30px!important;height:5px!important;display:block!important;
  margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;
  z-index:10;opacity:1;box-shadow:none!important;transform:none!important;
  background:linear-gradient(90deg,transparent 0 6%,var(--key-accent) 34%,#f7fdff 64%,var(--key-accent) 82%,transparent 100%)!important;
  clip-path:polygon(0 40%,35% 40%,48% 0,60% 40%,100% 40%,100% 65%,64% 65%,52% 100%,40% 65%,0 65%)!important;
  filter:drop-shadow(0 0 2px var(--key-accent)) drop-shadow(0 0 5px color-mix(in srgb,var(--key-accent) 62%,transparent));
  offset-path:polygon(9px 1px,calc(100% - 9px) 1px,calc(100% - 1px) 9px,calc(100% - 1px) calc(100% - 9px),calc(100% - 9px) calc(100% - 1px),9px calc(100% - 1px),1px calc(100% - 9px),1px 9px) border-box;
  offset-position:0 0;offset-anchor:center;offset-rotate:auto;
  animation:key-perimeter-orbit 1.65s linear infinite!important;
 }
}
}
@media(prefers-reduced-motion:reduce) {
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) {transition:none!important;transform:none!important;animation:none!important}
}
@media(forced-colors:active) {
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) {border-image:none!important;background:Canvas!important;color:ButtonText;filter:none!important;outline:1px solid ButtonText;outline-offset:-2px}
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)):is(.active,.is-active,[aria-current="page"],[aria-selected="true"],[aria-pressed="true"]) {outline:2px solid Highlight}
 body:is(.hub-body,.site-public,.site-cabinet,.cabinet-app,.staff-app) :where(
  button,input[type="button"],input[type="submit"],input[type="reset"],
  .hub-button,.hub-nav-item,.hub-arrow,.hub-news,.hub-reset,
  .site-button,.site-nav>a,.site-news,.btn,.tab,.ic-btn,.pager>a,.pager>.cur,
  .cab-nav>a,.cab-actions>a,.s-button,.s-nav>a,.s-subnav>a,.s-plain,
  .s-pager>a,.s-pager>button,.hub-language>summary,.site-language>summary
):not([data-native-control]):not(:where([data-native-control] *)) :is(.hub-icon,.nico,.s-icon,svg[viewBox="0 0 24 24"]:not(.hub-frame):not(.s-frame)) {color:ButtonText}
}