@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";.legal-layout{max-width:46rem;margin:0 auto;padding:0 1rem 1.5rem}.legal-page{padding-top:2.5rem;color:#ccc;font-size:1.05rem;line-height:1.6}.legal-page h1,.legal-page h2{font-family:Krona One;font-weight:400;color:#fff}.legal-page h1{font-size:1.6rem;margin:1rem 0 .25rem}.legal-page h2{font-size:1.1rem;margin:2.25rem 0 .9rem}.legal-page p{margin:1rem 0}.legal-page ul{margin:1rem 0;padding-left:2.5rem}.legal-page li{margin-bottom:.4rem}.legal-page strong{color:#fff}.legal-page a{color:#fff;text-decoration:underline;text-decoration-color:#fff;text-underline-offset:.15em;transition:text-decoration-color .15s}.legal-page a:hover{text-decoration-color:#ffffff59}.legal-page .legal-updated{margin-top:0;color:#999}.legal-page .legal-back{display:inline-block;margin-bottom:1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inconsolata,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05081a;color:#fff}.app{max-width:48rem;margin:0 auto;padding:0 1.5rem 1.5rem}.header{position:sticky;top:0;z-index:100;margin-bottom:2rem;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid #545872;background:#05081a}.header h1{font-size:1.5rem;margin-bottom:.5rem;font-family:Krona One;color:#fff}.header p{color:#999;font-size:1rem}.status-bar{display:flex;gap:1.5rem;margin-bottom:2rem;border-radius:.5rem}.status-item{flex:1}.status-item label{display:block;font-size:.75rem;color:#999;margin-bottom:.25rem;text-transform:uppercase}.status-item .value{font-size:1rem;font-weight:600;margin-bottom:.5rem}.status-indicator{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.5rem}.status-indicator.connected{background:#35e165}.status-indicator.disconnected{background:#6b7280}.update-result{margin-top:.5rem;font-size:.75rem}.update-result.success{color:#35e165}.update-result.error{color:#ef4444}.section{border-radius:.25rem;margin-bottom:1.5rem}.field-group{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #545872}.field-group:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.field-group .button.link{display:block;margin-top:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:1rem;color:#ccc}.form-group input[type=text],.form-group textarea{width:100%;padding:.5rem;background:#000;border:1px solid #545872;border-radius:.25rem;color:#fff;font-size:1rem;font-family:inherit;resize:vertical}.form-group input[type=text]:hover,.form-group textarea:hover{border-color:#fff}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#fff}.form-group select{width:100%;padding:.5rem 2.5rem .5rem .5rem;background-color:#000;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;border:1px solid #545872;border-radius:.25rem;color:#fff;font-size:1rem;font-family:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.form-group select:hover{border-color:#fff}.form-group select:focus{outline:none;border-color:#fff}.form-group .form-group-hint{margin:-.25rem 0 .75rem;font-size:.8125rem;color:#999}.form-group .form-group-hint a{color:inherit;text-decoration:underline}.form-group .form-group-hint a:hover{color:#ccc}.form-group .form-group-hint-after-field{margin-top:.5rem}.form-group .playlist-select{position:relative}.form-group .playlist-select-trigger{width:100%;padding:.5rem 2.5rem .5rem .5rem;background-color:#000;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;border:1px solid #545872;border-radius:.25rem;color:#fff;font-size:1rem;font-family:inherit;text-align:left;cursor:pointer}.form-group .playlist-select-trigger span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .playlist-select-trigger:hover{border-color:#fff}.form-group .playlist-select-trigger:focus{outline:none;border-color:#fff}.form-group .playlist-checklist{position:absolute;z-index:10;width:100%;max-height:14rem;overflow-y:auto;background:#000;border:1px solid #545872;border-radius:.25rem;margin-top:.25rem;padding:.25rem}.form-group .playlist-checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.25rem;font-size:.9375rem;color:#fff;cursor:pointer}.form-group .playlist-checklist-item:hover,.form-group .playlist-checklist-item.checked{background:#111747}.form-group .playlist-checklist-item input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#fff;cursor:pointer;flex-shrink:0}.form-group input[type=file]{width:100%;color:#ccc;font-size:.875rem}.form-group input[type=file]::file-selector-button{padding:.5rem 1rem;margin-right:.75rem;background:#000;color:#fff;border:1px solid #545872;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:600}.form-group input[type=file]::file-selector-button:hover{background:#fff;color:#000}.game-picker{position:relative}.game-picker-platforms{color:#999;font-size:.75rem}.game-picker-selected{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#000;border:1px solid #545872;border-radius:.25rem}.game-picker-results{list-style:none;position:absolute;z-index:10;width:100%;max-height:12rem;overflow-y:auto;background:#000;border:1px solid #545872;border-radius:.25rem;margin-top:.25rem}.game-picker-results li{padding:.5rem;cursor:pointer}.game-picker-results li:hover,.game-picker-results li.highlighted{background:#545872}.thumbnail-preview{margin-bottom:.5rem}.thumbnail-preview img{display:block;max-width:20rem;width:100%;border-radius:.25rem;border:1px solid #545872;margin-bottom:.25rem}.thumbnail-preview.clickable img{cursor:pointer}.thumbnail-preview.clickable img:hover{border-color:#fff}.form-row{display:flex;flex-direction:column;gap:0 1.5rem}@media (min-width: 40rem){.form-row{flex-direction:row;align-items:stretch}.form-row .form-group{display:flex;flex-direction:column;flex:1;min-width:0}.form-row .form-group textarea{flex:1}}.button{padding:.5rem 1rem;background:#000;color:#fff;border:1px solid #545872;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .15s ease-in-out;text-decoration:none;display:inline-block}.button:hover{background:#fff;color:#000}.button:disabled{opacity:.3;cursor:not-allowed}.button:disabled:hover{background:#000;color:#fff}.button.secondary{background:#0000;border:none}.button.secondary:hover{text-decoration:underline;color:#fff;background:#0000}.button.primary{background-color:#fff;color:#000}.button.primary:hover{background-color:#000;color:#fff;border-color:#fff}.button.link{background:#0000;border:none;padding:0;color:#35e165;text-decoration:underline;font-weight:400}.button.link:hover{color:#2bc455}.toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;cursor:pointer;width:1.75rem;height:1rem;background:#000;border-radius:.25rem;position:relative;transition:background-color .3s ease;padding:0}.toggle.on{background:#35e165}.toggle.off{background:#545872}.toggle:disabled{opacity:.3;cursor:not-allowed}.toggle .toggle-knob{position:absolute;top:2px;left:2px;width:.75rem;height:.75rem;background:#fff;border-radius:.25rem;transition:left .3s ease;box-shadow:0 0 1px #00000080}.toggle.on .toggle-knob{left:calc(100% - .75rem - 2px)}.toggle:focus-visible{outline:2px solid #667eea;outline-offset:2px}.form-group.inline-toggle{display:flex;align-items:center;gap:.75rem}.form-group.inline-toggle label{margin-bottom:0}.options-panel{border:1px solid #545872;border-radius:.25rem;padding:1rem 1.25rem}.toggle-row{display:flex;align-items:stretch;gap:1.25rem}.toggle-row .form-group.inline-toggle{flex:1;margin-bottom:0}.toggle-divider{align-self:stretch;width:1px;background:#545872}.banner{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-radius:.25rem;font-size:.875rem;margin-bottom:1rem}.banner a,.banner .banner-action{display:block;margin-top:.375rem;color:inherit;font-weight:600;text-decoration:underline}.banner a:hover,.banner .banner-action:hover{opacity:.8}.banner .banner-action{background:#0000;border:none;padding:0;font-size:inherit;font-family:inherit;cursor:pointer}.banner .banner-action:disabled{opacity:.5;cursor:not-allowed}.banner .banner-action-row{display:flex;align-items:center;gap:1rem;margin-top:.375rem}.banner .banner-action-row a,.banner .banner-action-row .banner-action{display:inline-block;margin-top:0}.banner.warning{background:#fbbf241f;border:1px solid #fbbf24;color:#fbbf24}.banner.info{background:#3b82f61f;border:1px solid #3b82f6;color:#3b82f6}.banner.neutral{background:#54587226;border:1px solid #545872;color:#ccc}.banner-icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.0625rem}.banner-note{margin-top:.625rem;font-size:.8125rem;opacity:.75}.broadcast-banner{align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.broadcast-banner .button{flex-shrink:0}.broadcast-banner-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.broadcast-banner-actions .button.link{display:inline-block;margin-top:0}.broadcast-banner-actions input[type=datetime-local]{padding:.5rem;background:#000;border:1px solid #545872;border-radius:.25rem;color:#fff;font-size:.875rem;font-family:inherit;color-scheme:dark}.broadcast-banner-actions input[type=datetime-local]:hover{border-color:#fff}.broadcast-banner-actions input[type=datetime-local]:focus{outline:none;border-color:#fff}.banner-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.banner-row .banner{margin-bottom:0}@media (min-width: 40rem){.banner-row{flex-direction:row;align-items:stretch}.banner-row .banner{flex:1;min-width:0}}.platform-toggles-heading{font-size:.875rem;font-weight:600;color:#ccc;margin-bottom:.5rem}.platform-toggles{display:flex;gap:1.5rem;margin-bottom:1rem}.platform-toggles .platform-toggle{display:flex;align-items:center;gap:.5rem}.platform-toggles .platform-toggle label{font-size:1rem;color:#ccc}.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #545872;font-size:.8125rem;color:#999}.footer-links{display:flex;align-items:center;gap:.75rem}.footer-links a{color:#999;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-divider{width:1px;height:.75rem;background:#545872}.section-heading{font-size:.875rem;font-weight:600;color:#ccc;margin-bottom:.75rem}.viewer-stats{padding:1.25rem 0;margin-bottom:1.5rem;border-top:1px solid #545872;border-bottom:1px solid #545872}.viewer-stats-header{display:flex;align-items:center;gap:.75rem}.viewer-stats-header .section-heading{margin-bottom:0;font-size:1rem;font-weight:400;color:#ccc}.viewer-stats-numbers{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.5rem;margin-top:.75rem;margin-bottom:1rem}.viewer-stat{display:flex;align-items:baseline;gap:.5rem}.viewer-stat label{font-size:.875rem;color:#ccc}.viewer-stat number-flow-react{font-size:1.25rem;font-weight:600;color:#fff}.viewer-stat-total{gap:.625rem}.viewer-stat-total label{font-size:1rem}.viewer-stat-total number-flow-react{font-size:2rem;font-weight:700}.viewer-stat-key{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.viewer-stat-offline{font-size:.875rem;color:#999}.viewer-chart{position:relative}.viewer-chart-empty{padding:2rem 0;text-align:center;color:#999;font-size:.875rem}.viewer-chart-svg{display:block;width:100%;height:auto}.viewer-chart-svg rect{cursor:crosshair}.viewer-chart-axis-label{fill:#999;font-size:.625rem;font-family:inherit}.viewer-chart-tooltip{position:absolute;top:1rem;transform:translate(-50%);background:#000;border:1px solid #545872;border-radius:.25rem;padding:.5rem .625rem;font-size:.75rem;pointer-events:none;white-space:nowrap;z-index:10}.viewer-chart-tooltip-time{color:#999;margin-bottom:.375rem}.viewer-chart-tooltip-row{display:flex;align-items:center;gap:.375rem}.viewer-chart-tooltip-row+.viewer-chart-tooltip-row{margin-top:.25rem}.viewer-chart-tooltip-value{color:#fff;font-weight:600}.viewer-chart-tooltip-label{color:#ccc}.viewer-chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.viewer-chart-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#ccc}.viewer-chart-line-key{flex-shrink:0}