.connect-flow{position:fixed;inset:0;z-index:850;background:linear-gradient(90deg,#08101ce6,#08101c9e),var(--navy) url(/menu/ready-pov-desktop.webp) center / cover no-repeat;color:var(--ink);overflow:auto;font-family:var(--font-body)}.connect-flow .ui-shade-left{position:fixed;pointer-events:none;background:linear-gradient(90deg,#08101cf5,#08101cd6 55%,#08101c59)}.connect-flow .ui-header{z-index:1}.connect-flow .ui-back{font-size:clamp(15px,calc(34 * var(--u)),34px)}.connect-flow .ui-back:focus-visible,.connect-flow .ui-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.connect-flow main{position:relative;max-width:760px;margin:clamp(100px,16vh,185px) auto 30px;padding:0 24px;text-align:center}.connect-flow h1{font:400 clamp(34px,5vw,68px)/1 var(--font-display);text-transform:uppercase;margin:14px 0}.connect-flow p{line-height:1.5}.cf-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.cf-opponent{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto 12px;font:400 26px var(--font-display)}.cf-opponent img{width:52px;height:52px;object-fit:cover;border-radius:8px}.cf-pairing{padding:20px;border-radius:var(--radius-panel);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cf-qr canvas{display:block;width:min(240px,58vw,46vh)!important;height:auto!important;margin:16px auto;background:#fff;padding:9px;border-radius:8px}.cf-link{display:inline-block;overflow-wrap:anywhere;font-size:12px;max-width:100%}.ui-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 16px;border:1px solid var(--ink-soft);border-radius:var(--radius-control);background:#08101c8c;color:var(--ink);font:700 16px var(--font-label);letter-spacing:.04em;text-decoration:none;cursor:pointer}.ui-secondary:hover{background:#ffffff26}.cf-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:14px}.connect-flow button:disabled{cursor:default}.connect-flow .ui-primary:disabled{opacity:1;background:#ffffff2e;color:var(--muted)}.cf-success{color:var(--status-success);font-size:72px;margin:20px}.cf-align img{display:block;width:min(300px,65vw);max-height:24vh;object-fit:contain;margin:auto}.cf-align progress{width:min(300px,70vw);accent-color:var(--accent);margin:20px auto}.connecting-controls #start,.connecting-controls #connect,.connecting-controls #lineup,.connecting-controls .pac-loading,.connect-flow [hidden]{display:none!important}.connect-flow .ui-primary{display:flex;margin:18px auto 0;font-size:clamp(20px,2vw,32px);padding:14px 26px;height:auto;min-height:62px}.connecting-controls .rotate-card{display:none!important}@media(min-width:600px){.connect-flow[data-state=scan] .cf-pairing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;text-align:left}}.two-connect main{max-width:1100px}.two-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}.two-connect-card{display:grid;justify-items:center;gap:10px;padding:18px;border-radius:var(--radius-panel);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.two-connect-card h2{margin:0;font:400 clamp(17px,2vw,28px) var(--font-display)}.two-connect-card p{min-height:2.8em;text-align:center}.two-connect-card canvas{width:min(100%,260px,40vh)!important;height:auto!important}.two-connect-card a{color:var(--ink)}.two-connect-card progress{width:100%}.two-connect-card.aligned{outline:2px solid var(--status-success)}.two-connect-start{margin:18px auto}@media(max-width:650px){.two-connect-grid{gap:8px}.two-connect-card{padding:8px}}@media(max-width:650px){.connect-flow main{margin-top:85px}.connect-flow .ui-back{font-size:14px}}@media(max-height:520px){.connect-flow main{margin-top:58px}.connect-flow .ui-header{top:10px}.cf-qr canvas{width:min(170px,38vh)!important;margin:6px auto}.connect-flow h1{font-size:28px}.cf-pairing{padding:8px}}.connect-flow .ui-header .ui-back[href="/?screen=menu"]{background:#08101ce0;padding:.35em .85em;border-radius:var(--radius-control, 10px)}.connect-flow .ui-header .ui-back[href="/?screen=menu"]:hover{color:var(--ink)}.tab-takeover{background:var(--navy);color:var(--ink);border:1px solid var(--muted);padding:32px;max-width:min(480px,90vw);font-family:var(--font-body);text-align:center}.tab-takeover::backdrop{background:#000000bf}.tab-takeover button{cursor:pointer;margin-top:16px}.lineup{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(56 * var(--u,1px));padding:calc(64 * var(--u,1px)) var(--edge-x,24px);box-sizing:border-box;background:linear-gradient(90deg,#08101cf0,#08101cbf),url(/menu/ready-pov-desktop.webp) center / cover no-repeat;color:var(--ink,#f3f7fb);font-family:var(--font-body,system-ui)}.lineup[hidden]{display:none}.lineup-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:calc(64 * var(--u,1px));width:100%;max-width:calc(1640 * var(--u,1px))}.lineup-text{display:flex;flex-direction:column;gap:calc(20 * var(--u,1px))}.lineup-kicker{font-family:var(--font-label,sans-serif);font-weight:700;font-size:calc(30 * var(--u,1px));letter-spacing:.1em;color:var(--accent,#ff8a2a)}.lineup-text h2{margin:0;font-family:var(--font-display,Impact,sans-serif);font-weight:400;font-size:calc(96 * var(--u,1px));line-height:.98}.lineup-step{margin:0;max-width:calc(620 * var(--u,1px));font-size:calc(32 * var(--u,1px));line-height:1.4;color:var(--ink-soft,#d6e2ee)}.lineup-figure{margin:0;border-radius:var(--radius-panel,16px);overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.lineup-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.lineup-hold{width:min(calc(720 * var(--u,1px)),86vw);text-align:center}.lineup-status{margin:0 0 calc(14 * var(--u,1px));font-family:var(--font-label,sans-serif);font-weight:700;font-size:calc(34 * var(--u,1px));letter-spacing:.06em;text-transform:uppercase}.lineup-status.done{color:var(--accent,#ff8a2a)}.lineup-bar{height:calc(12 * var(--u,1px));min-height:6px;border-radius:999px;background:#ffffff2e;overflow:hidden}.lineup-bar div{height:100%;width:0;background:var(--accent,#ff8a2a);transition:width .1s linear}body.two-player .lineup-hold{width:42vw;position:absolute;left:4vw;bottom:12vh}body.two-player .lineup-hold-2{left:auto;right:4vw}body.two-player .lineup-inner{max-width:70vw;transform:translateY(-9vh)}@media(max-aspect-ratio:1/1),(max-width:900px){.lineup{justify-content:flex-start;padding-top:calc(48 * var(--u,1px))}.lineup-inner{grid-template-columns:1fr;gap:calc(32 * var(--u,1px))}.lineup-text{text-align:center;align-items:center}}.rotate-card,.rotate-tip{display:none}@media(max-width:600px)and (orientation:portrait){body.pg:has(#start:not([hidden])) .rotate-card,.rotate-tip{display:none}body.touch-match .rotate-card,.rotate-tip{display:none}.rotate-card{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(#08101ce6,#08101ce6),url(/menu/arena-aerial-phone.webp) 42% 50% / cover no-repeat;color:var(--ink);text-align:center}.rotate-panel{width:min(100%,440px);display:grid;justify-items:center;gap:20px;padding:36px 24px}.rotate-icon{color:var(--accent);font-size:84px;line-height:1}.rotate-panel .ui-title{font-size:clamp(48px,14vw,72px);line-height:.95}.rotate-panel p{margin:0;font-size:18px}.rotate-panel button{min-height:48px}}@media(max-width:600px)and (orientation:portrait){.rotate-tip{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:12px;width:max-content;max-width:92vw;padding:8px 8px 8px 16px;border-radius:999px;color:var(--ink);font:600 15px var(--font-label)}.rotate-tip button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--accent);color:#111;font:700 14px var(--font-label)}}