/* Tsukuyomi Infinito: o botão do lobby (lobby.js, com as medidas do da Bijuu) e a tela (uchiha-ui.js) */
.lb-uchiha.lb-locked .lb-bijuu-icon { filter: grayscale(1) brightness(.55); }
.lb-uchiha.lb-locked .lb-bijuu-label { color: #b9b2a0; }
.lb-uchiha.lb-bijuu-live .lb-bijuu-icon { filter: drop-shadow(0 0 6px rgba(255, 30, 30, .8)); }

/* a tela: a janela do Lutador Limitado sobre o fundo do lobby escurecido, como as atividades do original */
#screen-uchiha { position: relative; overflow: hidden; background: #000; }
.uc { overflow: clip; background: #05020a url('/assets/ui/lobby/bg.jpg') center / cover no-repeat; }
.uc::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .62); }
.uc-ui { pointer-events: none; }
.uc .cc-img, .uc .cc-s9, .uc .cc-text, .uc .cc-bar, .uc .cc-panel, .uc .cc-atlas { pointer-events: none !important; }
.uc .cc-btn, .uc button, .uc-scroll { pointer-events: auto; }
.uc .cc-text { text-shadow: 0 2px 2px #000, 1px 0 #000, -1px 0 #000; white-space: nowrap; }
.uc-label { display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; white-space: nowrap;
  pointer-events: none; text-shadow: 0 2px 2px #000, 1px 0 #000, -1px 0 #000; }
.uc-gray, .uc .cc-btn.uc-gray:hover, .uc .cc-btn.uc-gray:active { filter: grayscale(1) brightness(.8); }
/* Corpo inteiro animado pelo mesmo renderer do lobby. */
.uc-stage { overflow: hidden; pointer-events: none; }
.uc-actor { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;
  filter: drop-shadow(0 0 10px rgba(200, 20, 30, .55)); }
.uc-event { color: #ff4a4a; font-style: italic; letter-spacing: .5px;
  text-shadow: 0 0 8px #8b0010, 2px 2px 0 #2a0008, -1px -1px 0 #2a0008, 1px -1px 0 #2a0008, -1px 1px 0 #2a0008; }
.uc-name { color: #ffe27a; overflow: hidden; text-overflow: ellipsis; }
.uc-own { color: #e9cffd; }
.uc-tier { color: #edca82; overflow: hidden; text-overflow: ellipsis; }
.uc-box-layer { left: 0; bottom: 0; width: 960px; height: 640px; pointer-events: none; }
.uc-box-layer > * { position: absolute; }
.uc-boxslot { pointer-events: none; }
.uc-boxslot > * { position: absolute; }
.uc-boxslot .cc-btn { pointer-events: auto; }
.uc-ready { animation: uc-shake 1.2s ease-in-out infinite; }
@keyframes uc-shake { 0%, 70%, 100% { transform: rotate(0); } 78% { transform: rotate(-8deg); } 86% { transform: rotate(8deg); } 94% { transform: rotate(-4deg); } }
/* o ranking da sala (linhas do modelo rank.model) */
.uc-scroll { position: absolute; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #8b4ad8 #1e1527; }
.uc-cell { position: relative; flex: none; width: 280px; height: 26px; }
.uc-cell > *, .uc-row > *, .uc-rule-title > * { position: absolute; }
.uc-cell [data-id$=".Label_name"] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.uc-mine .cc-text { color: #16f2ce !important; }
.uc-empty { padding: 30px 8px 0; text-align: center; color: #d8c8ea; font-size: 16px; white-space: normal; text-shadow: 1px 1px 1px #000; }
.uc-empty-big { padding-top: 90px; font-size: 20px; }
.uc-prize { transform-origin: 50% 50%; pointer-events: auto; }
.uc-prize .it-icon { position: absolute; left: 0; top: 0; }
/* popups */
.uc-popup { position: absolute; inset: 0; z-index: 30; pointer-events: none; }
.uc-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .6); pointer-events: auto; }
.uc-popup .lb-group { z-index: 1; }
.uc-row { position: relative; flex: none; width: 649px; height: 90px; }
.uc-row-award { width: 632px; height: 94px; }
.uc-row [data-id$=".name"] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.uc-rule-title { position: relative; flex: none; width: 632px; height: 53px; }
.uc-rule-line { padding: 4px 14px; color: #fff; font-size: 18px; line-height: 1.35; white-space: normal; text-shadow: 1px 1px 1px #000; }
.uc-rule-line b { color: #ffd800; font-weight: normal; }
.uc-min { color: #ffd800; }
.uc-note { color: #e6d7f0; white-space: normal; line-height: 1.3; }