html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#071a30;overflow:hidden;font-family:Figtree,Noto Sans,Arial,sans-serif}*{box-sizing:border-box}:focus{outline:none}.tv-app{width:100vw;height:100vh;position:relative;overflow:hidden;background:#f3f8fd}.focusable:focus,.focusable.is-focused{box-shadow:0 0 0 8px rgba(11,114,219,.45)}.safe{padding-left:4vw;padding-right:4vw}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.55}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mode-ads{position:absolute;top:0;right:0;bottom:0;left:0;background:#071a30}.ad-slide{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 1.2s ease}.ad-slide img,.ad-slide video{width:100%;height:100%;object-fit:cover}.ad-placeholder{width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(11,114,219,.45),transparent 42%),linear-gradient(135deg,#0e2a47,#071a30)}.ad-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,26,48,.92),rgba(7,26,48,0) 45%);pointer-events:none}.ad-copy{position:absolute;left:5vw;bottom:8vh;max-width:58vw;pointer-events:none}.pill{display:inline-block;background:#0b72db;color:#fff;font-size:1.2vw;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:.6vw 1.5vw;border-radius:999px;margin-bottom:1.8vh}.ad-title{font-family:Montserrat,Figtree,sans-serif;font-weight:800;font-size:4.4vw;line-height:1.06;color:#fff}.ad-sub{font-size:1.7vw;color:#bfdcf8;margin-top:1.6vh;font-weight:500}.brand-row{position:absolute;top:5vh;left:5vw;display:flex;align-items:center;gap:1vw;pointer-events:none}.brand-logo{height:6vh;width:6vh;border-radius:12px}.brand-name{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.7vw;color:#fff;letter-spacing:.3em}.brand-sub{font-size:.85vw;color:#bfdcf8;letter-spacing:.32em;text-transform:uppercase;font-weight:600}.ad-dots{position:absolute;bottom:3.6vh;right:5vw;display:flex;gap:.7vw}.ad-dot{height:.7vw;border-radius:999px;background:rgba(255,255,255,.45);transition:all .5s ease}.ad-dot.on{width:2.4vw;background:#0b72db}.ad-dot.off{width:.7vw}.mode-queue{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 30vw;grid-template-rows:1fr auto;background:#f3f8fd}.queue-media{position:relative;background:#071a30;overflow:hidden}.queue-side{background:#fff;border-left:1px solid #DCEAF8;display:flex;flex-direction:column;padding:4vh 2.2vw;gap:2.8vh}.kicker{font-size:1vw;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#0a5cb0}.now-number{font-family:Montserrat,sans-serif;font-weight:800;font-size:8vw;line-height:1;color:#0e2a47;margin-top:1vh;animation:pulseGlow 2.6s ease-in-out infinite}.now-room{font-size:1.4vw;color:#4a6b8c;font-weight:600;margin-top:.6vh}.rule{height:1px;background:#dceaf8}.room-card{display:flex;align-items:center;justify-content:space-between;background:#f3f8fd;border:1px solid #DCEAF8;border-radius:14px;padding:1.5vh 1.4vw}.room-name{font-size:1.25vw;font-weight:700;color:#0e2a47}.room-treat{font-size:1vw;color:#4a6b8c;margin-top:.3vh}.room-no{font-family:Montserrat,sans-serif;font-weight:800;font-size:2vw;color:#0b72db}.next-row{display:flex;gap:.8vw;flex-wrap:wrap}.next-chip{border:1.5px solid #A8CDF2;color:#0a5cb0;font-weight:700;font-size:1.3vw;border-radius:999px;padding:.7vh 1.2vw}.ticker{grid-column:1 / -1;background:#0e2a47;color:#bfdcf8;display:flex;align-items:center;height:6.5vh}.ticker-track{flex:1;min-width:0;overflow:hidden}.ticker-inner{display:flex;white-space:nowrap;animation:tickerScroll 30s linear infinite;font-size:1.3vw;font-weight:500;width:max-content}.clock{flex-shrink:0;background:#0b72db;color:#fff;height:100%;display:flex;align-items:center;padding:0 2vw;font-weight:800;font-size:1.5vw;font-variant-numeric:tabular-nums}.mode-room{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f3f8fd,#e3f0fc);display:flex;flex-direction:column;padding:4.2vh 4vw;gap:2.8vh}.room-head{display:flex;justify-content:space-between;align-items:flex-start;animation:fadeInUp .8s ease both}.welcome{font-family:Montserrat,sans-serif;font-weight:800;font-size:3.2vw;color:#0e2a47;line-height:1.12;margin-top:.8vh}.welcome-sub{font-size:1.4vw;color:#4a6b8c;margin-top:.7vh;font-weight:500}.room-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr auto;gap:1.6vw;flex:1;min-height:0}.card-white{background:#fff;border-radius:22px;border:1px solid #DCEAF8;padding:3vh 2.2vw;display:flex;flex-direction:column;gap:2vh;box-shadow:0 12px 40px rgba(11,114,219,.08);min-height:0}.progress{height:1vh;background:#e3f0fc;border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#0b72db,#7fb5ec);border-radius:999px}.step-dot{width:2.1vw;height:2.1vw;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95vw;font-weight:800;flex-shrink:0}.entertain{position:relative;border-radius:22px;overflow:hidden;background:#071a30;box-shadow:0 12px 40px rgba(14,42,71,.18);min-height:0}.now-playing{position:absolute;left:1.4vw;bottom:2vh;background:rgba(7,26,48,.72);color:#fff;font-size:1vw;font-weight:600;padding:.8vh 1.1vw;border-radius:999px;pointer-events:none}.ambience-box{background:#0e2a47;border-radius:18px;padding:2vh 1.4vw;color:#fff}.promo-box{background:linear-gradient(135deg,#0b72db,#0a5cb0);border-radius:18px;padding:2vh 1.4vw;color:#fff}.chip{padding:.9vh 1.1vw;border-radius:999px;font-size:1vw;font-weight:700;min-height:44px;display:inline-flex;align-items:center;border:1px solid rgba(127,181,236,.35);background:rgba(255,255,255,.08);color:#bfdcf8}.chip.on{background:#0b72db;color:#fff;border-color:#0b72db}.mode-admin{position:absolute;top:0;right:0;bottom:0;left:0;background:#071a30;display:flex;flex-direction:column;padding:6vh 6vw;gap:4vh}.admin-title{font-family:Montserrat,sans-serif;font-weight:800;font-size:2vw;color:#fff;letter-spacing:.24em}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6vw;flex:1;min-height:0}.mode-card{border-radius:22px;padding:4vh 2vw;display:flex;flex-direction:column;border:1px solid rgba(127,181,236,.25);background:#0e2a47;color:#fff;min-height:44px}.mode-card:focus,.mode-card.is-focused{border-color:#0b72db;transform:translateY(-6px)}.pair-box{display:flex;gap:1vw;align-items:center}.pair-digit{width:4.2vw;height:7vh;border-radius:12px;border:2px solid rgba(127,181,236,.35);display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:2.4vw;color:#fff;background:#0e2a47}.gear-btn{position:absolute;bottom:9vh;left:1.2vw;width:3vw;height:3vw;min-width:44px;min-height:44px;border-radius:50%;background:rgba(14,42,71,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2vw;opacity:.35;z-index:50;border:0}.gear-btn:focus,.gear-btn.is-focused{opacity:1;background:#0b72db}.offline{position:absolute;top:2vh;right:2vw;background:rgba(14,42,71,.7);color:#bfdcf8;font-size:.9vw;padding:.5vh 1vw;border-radius:999px;z-index:40}