*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f7f8fb;background:#05070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.home-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.eyebrow{color:#83d7ff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:800}.home-screen h1{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.video-preview{aspect-ratio:16/9;background:#101318;border:1px solid #29333f;border-radius:12px;width:100%;max-width:480px;overflow:hidden}.video-preview img{object-fit:cover;width:100%;height:100%;display:block}.qr-card{background:#101318;border:1px solid #29333f;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.qr-card img{background:#fff;border-radius:8px;width:200px;height:200px;display:block}.qr-placeholder{background:#1a2028;border-radius:8px;width:200px;height:200px}.status-line{color:#b8c1cc;text-align:center;max-width:280px;margin:0;font-size:.95rem}.status-line.connected{color:#00f5a0;font-weight:800}.primary-btn{color:#07100d;cursor:pointer;background:#00f5a0;border:0;border-radius:8px;min-height:56px;padding:0 32px;font-size:1.1rem;font-weight:900}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.game-screen{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.camera-view{object-fit:cover;background:#111;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.youtube-corner{z-index:10;background:#111;border-bottom:3px solid #00f5a0;border-right:3px solid #00f5a0;width:50vw;height:50vh;position:absolute;top:0;left:0;overflow:hidden;box-shadow:4px 4px 24px #0009}.youtube-corner iframe{border:0;width:100%;height:100%;display:block}.back-btn{color:#f7f8fb;cursor:pointer;z-index:20;background:#0a0d12b8;border:1px solid #2a3440;border-radius:8px;min-height:44px;padding:0 16px;position:absolute;bottom:16px;right:16px}.debug-badge{color:#fff;z-index:20;background:#ff4b6eeb;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:800;position:absolute;top:16px;left:16px}.sender-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.sender-preview-wrap{justify-content:center;width:100%;margin:4px 0;display:flex}.sender-preview{aspect-ratio:4/3;object-fit:cover;background:#111;border-radius:12px;width:100%;max-width:320px;transform:scaleX(-1)}