:root{font-family:Poppins,sans-serif}body{color:#fff;background-color:#000;height:100dvh;margin:0;padding:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}#header-container{z-index:20;flex-direction:column;align-items:center;display:flex;position:absolute;top:4vh;left:50%;transform:translate(-50%)}#indicators{align-items:center;gap:15px;display:flex}.indicator{background-color:#555;width:12px;height:12px;transition:background-color .3s}.indicator.square{border-radius:3px}.indicator.circle{border-radius:50%}@keyframes pulse-red{0%{background-color:#f44336;box-shadow:0 0 #f44336b3}70%{background-color:#ff7961;box-shadow:0 0 0 6px #f4433600}to{background-color:#f44336;box-shadow:0 0 #f4433600}}.status-connecting{background-color:#ff9800}.status-connected{background-color:#4caf50}.status-leader{background-color:#2196f3}.status-error{background-color:#f44336}.status-pulsating-red{animation:1.5s infinite pulse-red}.status-offline{background-color:#555}#own-id{color:#fff;border-radius:8px;padding:6px 16px;font-size:18px;font-weight:600}#clock-container{z-index:10;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#clock{font-variant-numeric:tabular-nums;letter-spacing:.05em;text-align:center;font-family:Courier New,Courier,monospace;font-size:10vw;font-weight:700;transition:color .3s}#clock.error{color:#f44336}#frame-counter{font-variant-numeric:tabular-nums;text-align:center;color:#000;background-color:#fff;border-radius:20px;margin-bottom:1vh;padding:10px 40px;font-family:Courier New,Courier,monospace;font-size:8vw;font-weight:700}#sync-stats{z-index:20;white-space:nowrap;background:#1e1e1ed9;border:1px solid #444;border-radius:12px;align-items:center;gap:20px;padding:12px 24px;font-size:16px;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.rtt-badge{color:#fff;border-radius:6px;padding:3px 10px;font-weight:600}.rtt-green{background-color:#4caf50}.rtt-yellow{color:#000;background-color:#ffeb3b}.rtt-orange{background-color:#ff9800}.rtt-red{background-color:#f44336}.rtt-darkred{background-color:#8b0000}#leader-panel{z-index:20;background:#1e1e1ed9;border:1px solid #444;border-radius:12px;flex-direction:column;width:95%;max-width:1000px;max-height:40vh;padding:15px;display:flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000080}#peer-count{border-bottom:1px solid #555;flex-shrink:0;margin-bottom:10px;padding-bottom:10px;font-size:16px;font-weight:600}.table-wrapper{flex-grow:1;overflow-y:auto}#peers-grid{column-count:2;column-fill:auto;column-gap:15px;width:100%}.peer-row{break-inside:avoid;page-break-inside:avoid;background:#282828cc;border-radius:8px;grid-template-columns:80px 1fr 1fr 60px 30px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:grid}.peer-row span{white-space:nowrap}.peer-kick{cursor:pointer;color:#f44;border-radius:4px;padding:4px;font-weight:700;transition:background .2s}.peer-kick:hover{background:#f003}.peer-disconnected{opacity:.5}.peer-disconnected .peer-id-badge{text-decoration:line-through}#status{opacity:.6;z-index:20;white-space:nowrap;font-size:14px;position:absolute;bottom:2vh;left:50%;transform:translate(-50%)}body.flash{background-color:#00f}