[hidden]{display:none!important}#pairing{position:fixed;inset:0;display:grid;place-items:center;background:#101d30;z-index:5}.pairbox{padding:40px;border:1px solid #344156;background:#19283d;border-radius:15px;text-align:center;max-width:90vw}.pairbox h2{margin:0 0 18px}.pairbox p{line-height:1.7}.pairbox strong{display:block;font-size:44px;letter-spacing:8px;color:#c4e897;margin:30px 0}.pairbox button{margin-top:22px}#connection{font-size:11px;color:#9db38d}.bottom{margin-top:15px}.inactive{opacity:.55}.emptytv{text-align:center;padding:60px;font-size:16px;color:#8798af}

/* v0.1.1 — display sem cabeçalho ou caixa externa */
:root{--screen-pad:clamp(10px,1.65vw,32px);--row-height:120px}
html{height:100%;overflow:hidden}body{height:100vh;height:100dvh;min-height:0;padding:var(--screen-pad);display:flex;flex-direction:column;overflow:hidden}
.tablewrap{flex:1;min-height:0;overflow:hidden;border:0;border-radius:0;background:transparent}
table{width:100%;height:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
thead{height:clamp(48px,8vh,82px)}th{background:transparent;border-bottom:1px solid #344156;font-size:clamp(10px,1vw,19px);letter-spacing:.06em;padding:8px 5px;line-height:1.4}
th:first-child{width:29%;padding-left:clamp(6px,1vw,20px)}th:first-child span{float:none!important;display:block;margin-top:5px;font-size:clamp(9px,.7vw,13px)!important}
tbody tr{height:var(--row-height)}td{height:auto;border-right:0;border-bottom:1px solid #29394f;background:transparent;padding:8px 4px}
td:first-child{border-right:0;padding:8px clamp(6px,1vw,20px)}tbody tr:last-child td{border-bottom:1px solid #29394f}
.person{gap:clamp(5px,.8vw,16px)}.avatar{width:clamp(25px,3vw,52px);height:clamp(25px,3vw,52px);font-size:clamp(9px,.9vw,16px);flex-shrink:0}
.person>div:not(.badges){min-width:0}.name{font-size:clamp(12px,1.35vw,26px);line-height:1.3;white-space:normal;overflow-wrap:anywhere}.person small{font-size:clamp(9px,.75vw,13px)}
.badges{gap:clamp(4px,.5vw,10px);padding-left:3px;flex-shrink:0}.badge{width:clamp(27px,2.8vw,48px);height:clamp(27px,2.8vw,48px);font-size:clamp(11px,1.05vw,20px)}
.token{width:clamp(34px,4vw,72px);height:clamp(34px,4vw,72px);border-radius:clamp(7px,.8vw,14px);animation:none}
.token svg{width:54%;height:54%}.token b{min-width:clamp(22px,2.2vw,37px);height:clamp(22px,2.2vw,37px);font-size:clamp(10px,1vw,18px);border-width:2px;right:-8px;top:-8px}
tfoot{height:clamp(34px,5vh,55px)}tfoot td{height:auto;background:transparent;border:0!important;font-size:clamp(11px,1vw,18px)}tfoot td:first-child{font-size:clamp(9px,.8vw,14px)}
.screenfooter{height:28px;flex-shrink:0;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:clamp(9px,.8vw,14px);color:#8093ad}.screenfooter strong{font-weight:500;color:#a5b5cb}.screenfooter #cycletext{margin-left:14px}.legendcompact{display:flex;align-items:center;gap:7px}.legendcompact i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#455c79}.legendcompact .key-cycle{background:#c4e897;margin-left:8px}
#offline{position:fixed;bottom:6px;left:50%;transform:translateX(-50%);background:#663f25;color:#ffe6c9;border-radius:5px;padding:7px 12px;font-size:12px;z-index:3}
@media(max-width:850px){th:first-child{width:31%}.avatar{display:none}.name{font-size:clamp(11px,1.8vw,16px)}.badge{width:25px;height:25px;font-size:10px}.badges{gap:3px}.legendcompact{display:none}.token{width:30px;height:30px}.screenfooter #cycletext{margin-left:7px}.person small{font-size:8px}th{font-size:9px;letter-spacing:0}}