/* ==========================================================================
   LUMORA — INTERAÇÕES GLOBAIS, CAMADAS, CURSOR E MODO TESTE
   Arquivo consolidado na revisão 0.33.30.16.
   A ordem interna preserva a cascata das folhas históricas para evitar
   regressões visuais. Cada seção indica a origem do bloco.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Origem consolidada: interaction-0333014.css
   -------------------------------------------------------------------------- */
/* Lumora 0.33.30.14 — modal layering + universal close-button standard + clickable cursor polish. */

/* Top-level modals are portaled/owned by <body> and must beat the fixed
   Lobby stacking context. Keep the account menu one layer above them. */
html body #modalBackdrop.modal-backdrop{
  z-index:2147483646!important;
}

/* Account menus are portaled to <body> when opened so they can escape every
   modal/page stacking context and always render above inner screens. */
html body .lumora-account-menu-portal{
  position:fixed!important;
  z-index:2147483647!important;
  box-sizing:border-box!important;
  margin:0!important;
  max-width:calc(100vw - 16px)!important;
  max-height:calc(100vh - 16px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  isolation:isolate!important;
}

html body .lumora-account-menu-portal.room-account-menu{
  display:flex!important;
  flex-direction:column!important;
  width:225px;
  padding:8px!important;
  background:#1d1345!important;
  border:1px solid #58428f!important;
  border-radius:12px!important;
  box-shadow:0 22px 60px rgba(4,2,18,.78),0 0 0 1px rgba(164,121,255,.12)!important;
}
html body .lumora-account-menu-portal.room-account-menu[hidden],
html body .lumora-account-menu-portal.lobby-account-menu[hidden]{display:none!important}
html body .lumora-account-menu-portal.room-account-menu small{
  display:block!important;
  padding:7px 9px 10px!important;
  margin-bottom:5px!important;
  border-bottom:1px solid #382962!important;
  color:#aaa0ce!important;
  font:700 10px/1.4 'Nunito',sans-serif!important;
  overflow-wrap:anywhere!important;
}
html body .lumora-account-menu-portal.room-account-menu button{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:37px!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#e6ddfa!important;
  font:800 12px 'Nunito',sans-serif!important;
  text-align:left!important;
  cursor:pointer!important;
}
html body .lumora-account-menu-portal.room-account-menu button i{width:16px!important;color:#ffc857!important;text-align:center!important}
html body .lumora-account-menu-portal.room-account-menu button:hover{background:#281b51!important;color:#fff!important}

html body .lumora-account-menu-portal.lobby-account-menu{
  display:grid!important;
  gap:0!important;
  width:225px;
  padding:8px!important;
  background:#1d1345!important;
  border:1px solid #493781!important;
  border-radius:12px!important;
  box-shadow:0 22px 60px rgba(4,2,18,.78),0 0 0 1px rgba(164,121,255,.12)!important;
}
html body .lumora-account-menu-portal.lobby-account-menu small{
  display:block!important;
  color:#9c91c9!important;
  overflow-wrap:anywhere!important;
  padding:7px 9px 10px!important;
  font:700 10px/1.4 'Nunito',sans-serif!important;
  border-bottom:1px solid #2c2060!important;
  margin-bottom:5px!important;
}
html body .lumora-account-menu-portal.lobby-account-menu button:not([hidden]){
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  height:auto!important;
  min-height:37px!important;
  padding:10px!important;
  text-align:left!important;
  color:#d9cef3!important;
  background:transparent!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  font:700 12px 'Nunito',sans-serif!important;
  cursor:pointer!important;
}
html body .lumora-account-menu-portal.lobby-account-menu button:hover{color:#f1ecff!important;background:#28195a!important}
html body .lumora-account-menu-portal.lobby-account-menu button i{width:16px!important;text-align:center!important}

/* Every semantic interactive control gets the hand cursor. Disabled controls
   intentionally retain their non-clickable cursor. */
html body button:not(:disabled),
html body a[href],
html body [role="button"],
html body summary,
html body select,
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body input[type="checkbox"],
html body input[type="radio"],
html body input[type="range"],
html body label[for],
html body .clickable-player,
html body [data-player-name],
html body [data-fragment-player],
html body [data-fragment-heart],
html body [data-achievement-filter],
html body [data-achievement-view],
html body [data-clear-role],
html body [data-clear-remove],
html body [data-clear-settings-style],
html body [data-clear-resolve],
html body [data-clear-invite-resolve],
html body [data-clear-style],
html body [data-clear-self-menu],
html body [data-clearing-tab],
html body [data-clear-request],
html body [data-friend-card-key],
html body [data-friend-more],
html body [data-friend-whisper],
html body [data-social-direct],
html body [data-request-action],
html body [data-conversation-id],
html body [data-add-group-member],
html body [data-remove-group-member],
html body [data-title-filter],
html body [data-equip-title]:not([disabled]),
html body [data-shop-filter],
html body [data-shop-prisma-checkout],
html body [data-shop-prisma-cancel],
html body [data-shop-prisma-test-pay],
html body [data-prisma-pack],
html body [data-prisma-checkout],
html body [data-prisma-cancel],
html body [data-prisma-test-pay],
html body [data-lumi-emote],
html body .lumora-game-fullscreen-btn,
html body .lumora-game-emote-btn,
html body .lumora-game-emote-panel button,
html body .lobby-card,
html body .lobby-room-row,
html body .lobby-room-search-wrap button,
html body .clearing-tab,
html body .clearing-style,
html body .clearing-btn,
html body .friends-v2-more-menu button{
  cursor:pointer!important;
}

/* Text-entry controls keep their native text/resize affordance. */
html body input[type="text"],
html body input[type="search"],
html body input[type="email"],
html body input[type="password"],
html body input[type="number"],
html body textarea{
  cursor:text;
}
html body input[type="file"]{cursor:pointer!important}

/* The Phaser canvas itself stays a game surface; Phaser can change the cursor
   over its interactive objects without the global rule forcing a hand. */
html body #game canvas{cursor:default}


/* ==========================================================================
   LUMORA — PADRÃO ÚNICO DE FECHAMENTO
   Base visual = botão X atualmente usado pela Biblioteca de Fragmentos.
   Todos os fechamentos de modais/submodais da experiência principal usam
   exatamente a mesma caixa, borda, cor e estado hover.
   ========================================================================== */
html body :is(
  #modalBackdrop .close-modal,
  #modalBackdrop .profile-v2-submodal-close,
  #modalBackdrop #profile-achievements-close,
  #modalBackdrop .friends-v2-close,
  #modalBackdrop .clearing-subclose,
  #modalBackdrop .shop-prisma-close,
  #lumora-lobby #lobby-info-close,
  #lumora-lobby #lobby-create-close,
  #lumora-lobby #lobby-password-close,
  #lumora-patch-overlay .patch-overlay-close,
  #lumora-email-verification .email-verify-close,
  .lumora-game-emote-panel [data-emote-close]
){
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  min-height:35px!important;
  flex:0 0 35px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #493781!important;
  border-radius:9px!important;
  background:#1d1345!important;
  color:#d9cef3!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font:800 24px/1 'Nunito','Segoe UI',sans-serif!important;
  cursor:pointer!important;
  transform:none!important;
}

html body :is(
  #modalBackdrop .close-modal,
  #modalBackdrop .profile-v2-submodal-close,
  #modalBackdrop #profile-achievements-close,
  #modalBackdrop .friends-v2-close,
  #modalBackdrop .clearing-subclose,
  #modalBackdrop .shop-prisma-close,
  #lumora-lobby #lobby-info-close,
  #lumora-lobby #lobby-create-close,
  #lumora-lobby #lobby-password-close,
  #lumora-patch-overlay .patch-overlay-close,
  #lumora-email-verification .email-verify-close,
  .lumora-game-emote-panel [data-emote-close]
):hover{
  background:#3b2148!important;
  border-color:#ff7a90!important;
  color:#ff7a90!important;
  box-shadow:none!important;
}



/* --------------------------------------------------------------------------
   Origem consolidada: interaction-0333015.css
   -------------------------------------------------------------------------- */
/* Lumora 0.33.30.15 — account-menu lifecycle, definitive close-button standard,
   and Editor test-mode shell hardening. Loaded after every previous UI layer. */

/* ========================================================================== 
   1) PADRÃO ÚNICO DOS BOTÕES DE FECHAR
   Fonte visual: botão X da Biblioteca de Fragmentos.
   A duplicação intencional dos IDs aumenta a especificidade para neutralizar
   regras legadas de Perfil/Amigos/Clareira/Loja/Inventário/Configurações.
   ========================================================================== */
html body #modalBackdrop#modalBackdrop > .modal > .modal-head > #modalClose.close-modal,
html body #modalBackdrop#modalBackdrop .profile-v2-submodal-close,
html body #modalBackdrop#modalBackdrop #profile-achievements-close,
html body #modalBackdrop#modalBackdrop .friends-v2-close,
html body #modalBackdrop#modalBackdrop .clearing-subclose,
html body #modalBackdrop#modalBackdrop .shop-prisma-close,
html body #lumora-lobby#lumora-lobby #lobby-info-close,
html body #lumora-lobby#lumora-lobby #lobby-create-close,
html body #lumora-lobby#lumora-lobby #lobby-password-close,
html body #lumora-patch-overlay#lumora-patch-overlay .patch-overlay-close,
html body #lumora-email-verification#lumora-email-verification .email-verify-close,
html body .lumora-game-emote-panel.lumora-game-emote-panel [data-emote-close]{
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  min-height:35px!important;
  max-width:35px!important;
  max-height:35px!important;
  flex:0 0 35px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #493781!important;
  border-radius:9px!important;
  background:#1d1345!important;
  color:#d9cef3!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  font-family:'Nunito','Segoe UI',Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
  transform:none!important;
}

/* Configurações possuía um X legado via ::before. O caractere real do botão
   volta a ser a única fonte visual, igual à Biblioteca. */
html body #modalBackdrop#modalBackdrop .close-modal::before{
  content:none!important;
  display:none!important;
}

html body #modalBackdrop#modalBackdrop > .modal > .modal-head > #modalClose.close-modal:hover,
html body #modalBackdrop#modalBackdrop .profile-v2-submodal-close:hover,
html body #modalBackdrop#modalBackdrop #profile-achievements-close:hover,
html body #modalBackdrop#modalBackdrop .friends-v2-close:hover,
html body #modalBackdrop#modalBackdrop .clearing-subclose:hover,
html body #modalBackdrop#modalBackdrop .shop-prisma-close:hover,
html body #lumora-lobby#lumora-lobby #lobby-info-close:hover,
html body #lumora-lobby#lumora-lobby #lobby-create-close:hover,
html body #lumora-lobby#lumora-lobby #lobby-password-close:hover,
html body #lumora-patch-overlay#lumora-patch-overlay .patch-overlay-close:hover,
html body #lumora-email-verification#lumora-email-verification .email-verify-close:hover,
html body .lumora-game-emote-panel.lumora-game-emote-panel [data-emote-close]:hover{
  background:#3b2148!important;
  border-color:#ff7a90!important;
  color:#ff7a90!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

/* ========================================================================== 
   2) TESTE DO CRIADOR = SOMENTE O GAME-FRAME
   room.css é carregado depois dos estilos internos antigos e usa
   !important; por isso este override final precisa ser mais específico.
   ========================================================================== */
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body{
  margin:0!important;
  padding:0!important;
  width:100vw!important;
  height:100vh!important;
  overflow:hidden!important;
  background:#061726!important;
}

html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100vh!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  grid-template:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#061726!important;
}

html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .topbar.lumora-room-topbar,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .chat-panel,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .sidebar,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage > .phaser-chat-hud,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage > .phaser-room-hud,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage > .phaser-vote-hud,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage .lumora-game-fullscreen-btn,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage .lumora-game-emote-btn,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage .lumora-game-emote-panel,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage #lumora-training-hud,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage #lumora-training-preparing,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage #first-fragment-hud,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage > .first-fragment-overlay{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .left-column{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .left-column > .game-frame,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .left-column > .game-frame.lumora-room-stage,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app > .left-column > .game-frame.lumora-room-stage:not(.lumora-native-fullscreen){
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  grid-template:none!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  grid-template-areas:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#061726!important;
}

html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage #game.lumora-game-playfield,
html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage:not(.lumora-native-fullscreen) #game.lumora-game-playfield{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(100vw,166.6667vh)!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100vw!important;
  max-height:100vh!important;
  aspect-ratio:5 / 3!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:#061726!important;
}

html[data-editor-phaser-test="1"]:not(.lumora-mobile-device) body .app .game-frame.lumora-room-stage #game.lumora-game-playfield > canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  margin:0!important;
  border-radius:0!important;
  transform:none!important;
  object-fit:contain!important;
}

/* ============================================================================
   CONFIGURAÇÕES — o cabeçalho histórico tinha um seletor mais específico que
   o padrão global de fechamento. Este override garante que Configurações use
   exatamente o mesmo X da Biblioteca de Fragmentos, inclusive no hover.
   ========================================================================== */
html body #modalBackdrop#modalBackdrop[data-modal-kind="settings"] > .modal > .modal-head .close-modal{
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  min-height:35px!important;
  flex:0 0 35px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #493781!important;
  border-radius:9px!important;
  background:#1d1345!important;
  color:#d9cef3!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  font:800 24px/1 'Nunito','Segoe UI',sans-serif!important;
  cursor:pointer!important;
  transform:none!important;
}
html body #modalBackdrop#modalBackdrop[data-modal-kind="settings"] > .modal > .modal-head .close-modal::before{
  content:none!important;
  display:none!important;
}
html body #modalBackdrop#modalBackdrop[data-modal-kind="settings"] > .modal > .modal-head .close-modal:hover{
  background:#3b2148!important;
  border-color:#ff7a90!important;
  color:#ff7a90!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
/* --------------------------------------------------------------------------
   0.34.0.5 — foco consistente e feedback global de conexão.
   -------------------------------------------------------------------------- */
html body :is(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:2px solid #ffc857!important;
  outline-offset:2px!important;
}
html body :is(button,[role="button"])[disabled],
html body :is(button,[role="button"])[aria-disabled="true"]{
  cursor:not-allowed!important;
}
.lumora-connection-state{
  position:fixed;left:50%;top:14px;z-index:2147483200;
  transform:translateX(-50%);display:flex;align-items:center;gap:9px;
  max-width:min(520px,calc(100vw - 24px));min-height:38px;padding:8px 13px;
  border:1px solid #5b4788;border-radius:999px;background:rgba(19,12,48,.96);
  box-shadow:0 12px 32px rgba(0,0,0,.34);color:#f1ecff;
  font:800 12px/1.25 'Nunito','Segoe UI',sans-serif;pointer-events:none;
}
.lumora-connection-state[hidden]{display:none!important}
.lumora-connection-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ffc857;box-shadow:0 0 12px currentColor}
.lumora-connection-state[data-state="reconnecting"]{border-color:#7f62df;color:#eadfff}
.lumora-connection-state[data-state="reconnecting"] .lumora-connection-dot,
.lumora-connection-state[data-state="connecting"] .lumora-connection-dot{animation:lumoraConnectionPulse 1s ease-in-out infinite}
.lumora-connection-state[data-state="offline"]{border-color:#a94c67;color:#ffd8e2}
.lumora-connection-state[data-state="offline"] .lumora-connection-dot{background:#ff7a90}
.lumora-connection-state[data-state="reconnected"]{border-color:#3d8b6a;color:#d8ffec}
.lumora-connection-state[data-state="reconnected"] .lumora-connection-dot{background:#3ee0a0}
@keyframes lumoraConnectionPulse{50%{opacity:.35;transform:scale(.78)}}
@media(prefers-reduced-motion:reduce){.lumora-connection-state .lumora-connection-dot{animation:none!important}}

/* ==========================================================================
   0.34.0.5 rev3 — FECHAMENTO DEFINITIVO DOS MODAIS
   Referência visual única: X da Biblioteca de Fragmentos.
   Este é o último bloco da cascata de interações e neutraliza as variantes
   históricas (inclusive .modal-close e pseudo-elementos da Clareira).
   ========================================================================== */
html body #modalBackdrop#modalBackdrop[data-modal-kind] :is(
  #modalClose.close-modal,
  .close-modal,
  .modal-close,
  .profile-v2-submodal-close,
  #profile-achievements-close,
  .friends-v2-close,
  .clearing-subclose,
  .shop-prisma-close
),
html body #lumora-lobby#lumora-lobby :is(#lobby-info-close,#lobby-create-close,#lobby-password-close),
html body #lumora-patch-overlay#lumora-patch-overlay .patch-overlay-close,
html body #lumora-email-verification#lumora-email-verification .email-verify-close,
html body .lumora-game-emote-panel.lumora-game-emote-panel [data-emote-close]{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  min-height:35px!important;
  max-width:35px!important;
  max-height:35px!important;
  flex:0 0 35px!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0 0 0 auto!important;
  border:1px solid #493781!important;
  border-radius:9px!important;
  background:#1d1345!important;
  background-image:none!important;
  color:#d9cef3!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  font-family:'Nunito','Segoe UI',Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
  transform:none!important;
  z-index:30!important;
}

html body #modalBackdrop#modalBackdrop[data-modal-kind] :is(
  #modalClose.close-modal,
  .close-modal,
  .modal-close,
  .profile-v2-submodal-close,
  #profile-achievements-close,
  .friends-v2-close,
  .clearing-subclose,
  .shop-prisma-close
)::before,
html body #modalBackdrop#modalBackdrop[data-modal-kind] :is(
  #modalClose.close-modal,
  .close-modal,
  .modal-close,
  .profile-v2-submodal-close,
  #profile-achievements-close,
  .friends-v2-close,
  .clearing-subclose,
  .shop-prisma-close
)::after{
  content:none!important;
  display:none!important;
}

html body #modalBackdrop#modalBackdrop[data-modal-kind] :is(
  #modalClose.close-modal,
  .close-modal,
  .modal-close,
  .profile-v2-submodal-close,
  #profile-achievements-close,
  .friends-v2-close,
  .clearing-subclose,
  .shop-prisma-close
):hover,
html body #lumora-lobby#lumora-lobby :is(#lobby-info-close,#lobby-create-close,#lobby-password-close):hover,
html body #lumora-patch-overlay#lumora-patch-overlay .patch-overlay-close:hover,
html body #lumora-email-verification#lumora-email-verification .email-verify-close:hover,
html body .lumora-game-emote-panel.lumora-game-emote-panel [data-emote-close]:hover{
  background:#3b2148!important;
  background-image:none!important;
  border-color:#ff7a90!important;
  color:#ff7a90!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

html body #modalBackdrop#modalBackdrop[data-modal-kind] :is(
  #modalClose.close-modal,
  .close-modal,
  .modal-close,
  .profile-v2-submodal-close,
  #profile-achievements-close,
  .friends-v2-close,
  .clearing-subclose,
  .shop-prisma-close
):focus-visible{
  outline:2px solid #ffc857!important;
  outline-offset:2px!important;
}