:root{--blue: #0061fc;--light-blue: #4d9efb;--ink: #0b1627;--ink-deep: #050b14;--warning: #f2b441;--danger: #e5484d;--text: #ffffff;--text-muted: rgba(255, 255, 255, .68);--surface: rgba(11, 22, 39, .92);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;background:#000;cursor:none}#app.show-cursor{cursor:default}.rotated-root{position:absolute;left:50%;top:50%;transform-origin:center center;overflow:hidden;background:#000}.screen{position:absolute;inset:0;overflow:hidden}.brand{display:flex;align-items:center;gap:.35em;font-size:var(--brand-size, 56px);line-height:1}.brand-logo{height:1.5em;width:auto;display:block}.brand-tv{color:var(--light-blue);font-weight:900;font-size:.75em;letter-spacing:.02em;padding-top:.28em}.pairing{display:flex;flex-direction:column;gap:2.5vmin;padding:5vmin 6vmin;background:linear-gradient(180deg,var(--ink) 0%,var(--ink-deep) 100%);--brand-size: 5.2vmin}.pairing-main{flex:1;display:flex;align-items:center;gap:6vmin;min-height:0}.pairing-left{flex:1;display:flex;flex-direction:column;gap:2.4vmin;min-width:0}.pairing-title{margin:0;font-size:5.8vmin;font-weight:700;letter-spacing:-.01em}.pairing-text{margin:.6em 0 0;font-size:2.6vmin;color:var(--text-muted);line-height:1.4;max-width:30em}.pairing-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12vmin;font-weight:700;letter-spacing:.06em;line-height:1;white-space:nowrap}.pairing-code.is-empty{opacity:.25}.pairing-countdown{font-size:2.8vmin;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.pairing-countdown.is-warning{color:var(--warning)}.pairing-qr{position:relative;width:42vmin;height:42vmin;flex:none;background:#fff;border-radius:3.2vmin;display:flex;align-items:center;justify-content:center;padding:2.6vmin}.pairing-qr-canvas{width:100%;height:100%;image-rendering:pixelated;display:none}.pairing-qr-canvas.is-ready{display:block}.pairing-footer{display:flex;flex-direction:column;gap:1.6vmin}.pairing-status{display:flex;align-items:center;gap:1.4vmin;font-size:2.6vmin}.status-dot{width:1.6vmin;height:1.6vmin;border-radius:50%;background:#9aa4b2;flex:none}.status-dot[data-state=ok]{background:#2ecc71}.status-dot[data-state=warn]{background:var(--warning)}.status-dot[data-state=error]{background:var(--danger)}.pairing-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1.4vmin}.pairing-hint{font-size:2.2vmin;color:var(--warning);min-height:1.2em}.pairing-keys{font-size:2vmin;color:var(--text-muted)}.btn{font:inherit;font-size:2.3vmin;padding:1.1vmin 2.2vmin;border-radius:1.2vmin;border:1px solid rgba(255,255,255,.28);background:#ffffff14;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff29}.btn:focus-visible{outline:3px solid var(--light-blue);outline-offset:2px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#1a70ff}.btn-danger{border-color:var(--danger);color:#ffb4b6}.input{font:inherit;font-size:2.3vmin;padding:1.1vmin 1.6vmin;border-radius:1.2vmin;border:1px solid rgba(255,255,255,.28);background:#00000059;color:var(--text);width:42vmin;min-width:18em}.input:focus{outline:3px solid var(--light-blue);outline-offset:1px}.spinner{width:4vmin;height:4vmin;border-radius:50%;border:.5vmin solid rgba(0,0,0,.12);border-top-color:#555;animation:spin .9s linear infinite}.spinner-accent{border-color:#ffffff26;border-top-color:var(--light-blue)}@keyframes spin{to{transform:rotate(360deg)}}.is-portrait .pairing-main{flex-direction:column;align-items:stretch;justify-content:center}.is-portrait .pairing-qr{align-self:center;width:44vmin;height:44vmin}.is-portrait .pairing-code{font-size:11vmin}.is-portrait .pairing-controls{flex-direction:column;align-items:stretch}.is-portrait .input{width:100%}.player{background:#000}.stage{position:absolute;inset:0;background:#000}.stage.is-hidden{visibility:hidden}.surface{position:absolute;overflow:hidden;background:#000}.media-box{position:absolute;overflow:hidden;background:transparent}.media-slot,.media-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;visibility:hidden}.media-slot.is-visible,.media-image.is-visible{visibility:visible}.media-slide{position:absolute;inset:0;overflow:hidden;visibility:hidden}.media-slide.is-visible{visibility:visible}.zone-box{position:absolute;overflow:hidden}.zone-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.zone-media.is-visible{visibility:visible}.overlay-canvas{position:absolute;left:0;top:0;pointer-events:none}.campaign-break{position:absolute;inset:0;display:none;background:#000;overflow:hidden;pointer-events:none}.campaign-break.is-visible{display:block}.campaign-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.campaign-media.is-visible{visibility:visible}.campaign-slide{position:absolute;visibility:hidden}.campaign-slide.is-visible{visibility:visible}.campaign-break .overlay-canvas{visibility:hidden}.campaign-break .overlay-canvas.is-visible{visibility:visible}.announcement{position:absolute;inset:0;display:none;pointer-events:none}.announcement.is-visible{display:block}.power-off{position:absolute;inset:0;display:none;background:#000;cursor:none}.power-off.is-visible{display:block}.power-off-notice{position:absolute;left:50%;bottom:8vmin;transform:translate(-50%);margin:0;font-size:2.2vmin;color:#6b6b6b;white-space:nowrap;visibility:hidden}.power-off-notice.is-visible{visibility:visible}.notice{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2.4vmin;padding:10vmin;text-align:center;background:linear-gradient(180deg,var(--ink) 0%,var(--ink-deep) 100%);--brand-size: 4.4vmin}.notice.is-visible{display:flex}.notice .brand{margin-bottom:2vmin}.notice-title{margin:0;font-size:4.6vmin;font-weight:600}.notice-detail{margin:0;font-size:2.7vmin;color:var(--text-muted);max-width:34em;line-height:1.4}.sound-hint{position:absolute;left:50%;bottom:6vmin;transform:translate(-50%);display:none;font:inherit;font-size:2.6vmin;font-weight:600;padding:1.6vmin 3vmin;border-radius:999px;border:0;background:var(--blue);color:#fff;box-shadow:0 .8vmin 3vmin #00000080;cursor:pointer}.sound-hint.is-visible{display:block}.info-panel{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:flex-end;padding:4vmin;background:#00000059}.info-panel.is-visible{display:flex}.info-card{width:min(92vmin,100%);max-height:100%;overflow:auto;background:var(--surface);backdrop-filter:blur(14px);border-radius:2.4vmin;padding:3.2vmin;display:flex;flex-direction:column;gap:2vmin;font-size:2.2vmin;--brand-size: 3.4vmin}.info-rows{display:grid;grid-template-columns:max-content 1fr;gap:.7vmin 2.4vmin;margin:0}.info-rows dt{color:var(--text-muted)}.info-rows dd{margin:0;overflow-wrap:anywhere}.info-confirm:empty{display:none}.info-confirm-title{margin:0 0 .4em;font-size:3vmin}.info-confirm-text{margin:0;color:var(--text-muted);line-height:1.4}.info-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1.4vmin}.info-keys{flex-basis:100%;font-size:1.9vmin;color:var(--text-muted)}.is-portrait .info-panel{align-items:flex-end;justify-content:center}.is-portrait .info-buttons{flex-direction:column;align-items:stretch}.selftest{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;gap:2.4vmin;padding:4vmin 5vmin;background:#050b14f7;color:var(--text);overflow:auto}.selftest-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2vmin 4vmin}.selftest-title{margin:0;font-size:5vmin;font-weight:700;letter-spacing:-.01em}.selftest-summary{display:flex;align-items:center;gap:1.6vmin;padding:1.2vmin 2.6vmin;border-radius:99vmin;font-size:3.6vmin;font-weight:700;background:#ffffff14}.selftest-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:5vmin;height:5vmin;border-radius:50%;flex:none;font-size:3.2vmin}.selftest-summary-icon.spinner{width:4vmin;height:4vmin;border:.5vmin solid rgba(255,255,255,.15);border-top-color:var(--light-blue)}.selftest-summary[data-status=ok]{background:#2ecc7129;color:#7ee2a8}.selftest-summary[data-status=ok] .selftest-summary-icon{background:#2ecc71;color:var(--ink-deep)}.selftest-summary[data-status=warn]{background:#f2b44129;color:#f7cf80}.selftest-summary[data-status=warn] .selftest-summary-icon{background:var(--warning);color:var(--ink-deep)}.selftest-summary[data-status=fail]{background:#e5484d2e;color:#ff9ea1}.selftest-summary[data-status=fail] .selftest-summary-icon{background:var(--danger);color:#fff}.selftest-list{list-style:none;margin:0;padding:0;flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column;align-content:start;gap:1.6vmin 4vmin}.is-portrait .selftest-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.selftest-row{display:flex;align-items:flex-start;gap:1.8vmin;min-width:0;padding:1.2vmin 0;border-bottom:1px solid rgba(255,255,255,.08)}.selftest-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:4.4vmin;height:4.4vmin;border-radius:50%;font-size:2.8vmin;font-weight:700;background:#ffffff1a;color:var(--text-muted)}.selftest-row[data-status=ok] .selftest-icon{background:#2ecc71;color:var(--ink-deep)}.selftest-row[data-status=warn] .selftest-icon{background:var(--warning);color:var(--ink-deep)}.selftest-row[data-status=fail] .selftest-icon{background:var(--danger);color:#fff}.selftest-row[data-status=pending]{opacity:.55}.selftest-body{min-width:0;display:flex;flex-direction:column;gap:.4vmin}.selftest-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2vmin 1.6vmin}.selftest-label{font-size:3vmin;font-weight:700}.selftest-value{font-size:2.5vmin;color:#ffffffdb;overflow-wrap:anywhere;white-space:pre-line}.selftest-hint{font-size:2.3vmin;color:var(--text-muted);overflow-wrap:anywhere}.selftest-hint:empty{display:none}.selftest-row[data-status=warn] .selftest-hint{color:#f7cf80}.selftest-row[data-status=fail] .selftest-hint{color:#ff9ea1}.selftest-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6vmin 3vmin}.selftest-report{font-size:2.5vmin;color:var(--text-muted);min-height:1.2em}.selftest-report[data-state=sent]{color:#7ee2a8}.selftest-report[data-state=failed]{color:#ff9ea1}.selftest-buttons{display:flex;gap:1.6vmin}.selftest-btn{font-size:3vmin;padding:1.4vmin 3.2vmin}.selftest-btn:focus{outline:.5vmin solid var(--light-blue);outline-offset:.4vmin}.selftest-btn:disabled{opacity:.6;cursor:default}.selftest-keys{flex-basis:100%;font-size:2vmin;color:var(--text-muted)}.selftest-toast{position:absolute;right:3vmin;bottom:3vmin;z-index:60;padding:1.2vmin 2.2vmin;border-radius:1.2vmin;font-size:2.2vmin;background:var(--surface);color:var(--text);box-shadow:0 .6vmin 2vmin #0006;pointer-events:none}