@import url('/stream-finish.css');
@import url('/stream-transition.css');
:root{color-scheme:dark;--shop-bg:#070b13;--shop-panel:#0e1626;--shop-line:#293e59;--shop-red:#ff4d71;--shop-blue:#53b8ff;--shop-text:#f4f7ff;--shop-muted:#a2b6cd}
*{box-sizing:border-box}body.shop-page{margin:0;background:var(--shop-bg);color:var(--shop-text);font-family:"Segoe UI","Noto Sans TC",Arial,sans-serif;line-height:1.5;min-height:100dvh}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #82d0ff;outline-offset:4px}a{color:#d5eaff;text-decoration:none}a:hover{color:white}button{color:var(--shop-text);background:#182b43;border:1px solid #43618b;border-radius:10px;padding:12px 18px;min-height:46px;font-weight:700}button:hover:enabled{background:#233f62}[hidden]{display:none!important}.shop-header{max-width:1600px;margin:auto;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #28384e}.shop-header-left{display:flex;align-items:center;gap:18px}.shop-brand{display:flex}.shop-brand img{width:100px;height:58px;object-fit:contain}.shop-language{padding:8px 12px;min-width:52px;min-height:42px}.shop-header nav{display:flex;gap:22px;font-weight:700;font-size:15px}.shop-management-main{width:min(1320px,100%);padding:34px 32px;margin:auto}.shop-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.shop-eyebrow{color:#7bcaff;font-size:12px;letter-spacing:2px;font-weight:800}.shop-page-heading h1,.shop-live-heading h1{margin:7px 0 8px;font-size:clamp(25px,3vw,40px);letter-spacing:-.5px}.shop-page-heading p{margin:0;color:var(--shop-muted);font-size:15px}.shop-role{font-size:13px;font-weight:800;border:1px solid #5287b6;border-radius:8px;background:#123152;padding:8px 16px;flex-shrink:0}.shop-round-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;margin-bottom:20px;border:1px solid #304762;border-radius:12px;background:linear-gradient(105deg,#161824,#102037)}.shop-round-bar>div{display:flex;align-items:center;gap:12px}.shop-round-bar>div>span{color:var(--shop-muted);font-weight:700;font-size:13px}.shop-round-bar>div>strong{font-size:28px;line-height:1}.shop-round-bar p{font-size:17px;font-weight:800;margin:0;text-align:center}.shop-connection,.shop-public-connection{color:#92c3e9;font-size:12px}.shop-judge-arena{display:grid;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);align-items:center}.shop-judge-side{min-width:0;position:relative;overflow:hidden;padding:24px;border:1px solid #bf456657;border-radius:18px;background:radial-gradient(ellipse at 0 0,#4513258a,transparent 80%),#0d1321}.shop-judge-side.shop-blue{background:radial-gradient(ellipse at 100% 0,#103b6a8c,transparent 80%),#0d1321;border-color:#51b7ff6b}.shop-player-heading>span{display:block;font-size:12px;letter-spacing:2px;font-weight:800;color:#ff9cb2}.shop-blue .shop-player-heading>span{color:#8fd3ff}.shop-player-heading h2{font-size:clamp(19px,2.1vw,28px);margin:6px 0 0;overflow-wrap:anywhere}.shop-judge-side output{display:block;text-align:center;line-height:1.2;font-size:clamp(74px,10vw,125px);font-weight:900;font-variant-numeric:tabular-nums;margin:18px 0;color:#ff6c8b;text-shadow:0 0 35px #ff315842}.shop-blue output{color:#71c7ff;text-shadow:0 0 35px #3ba9ff42}.shop-judge-vs{display:flex;flex-direction:column;align-items:center;gap:5px;color:#96b0cb}.shop-judge-vs b{font-size:25px;font-style:italic;color:#e2efff}.shop-judge-vs span{font-size:11px;font-weight:800;letter-spacing:1px}.shop-finish-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.shop-finish-buttons>button{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:86px;padding:8px 4px;border:1px solid #58bfff87;background:linear-gradient(145deg,#142d46,#111b2c);border-radius:10px}.shop-finish-buttons>button:nth-child(n+4){grid-column:span 3}.shop-finish-buttons>button[data-shop-point="3"]{border-color:#fb4f738f;background:linear-gradient(145deg,#402236,#1a1423)}.shop-finish-buttons>button[data-shop-point="4"]{border-color:#d6be6d8c;background:linear-gradient(145deg,#383124,#1c1a20)}.shop-finish-buttons>button b{font-size:28px;font-weight:900;line-height:1.2}.shop-finish-buttons>button span{font-size:14px;font-weight:800;line-height:1.3;text-align:center;overflow-wrap:anywhere}.shop-fault{margin-top:14px;width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;text-align:left;background:#221922;border-color:#714154;font-size:15px;padding:11px 14px}.shop-fault strong{margin-left:auto;background:#322436;padding:0 10px;border-radius:6px;font-size:20px;line-height:1.5}.shop-fault small{font-weight:400;font-size:12px;color:#cfb0bf}.shop-side-winner{border-color:#98d4ff!important;box-shadow:0 0 25px #339aff36,inset 0 0 24px #51b5ff1a}.shop-side-winner .shop-player-heading h2{color:#c7e9ff}.shop-feedback{min-height:26px;font-size:14px;color:#a7d8ff;margin:18px 0 10px;text-align:center;overflow-wrap:anywhere}.shop-feedback.is-error{color:#ffabbc}.shop-match-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.shop-match-actions button{min-height:52px;font-size:16px}.shop-match-actions .shop-start,.shop-match-actions .shop-next{background:linear-gradient(110deg,#143c66,#195d9d);border-color:#72bdff;color:white}.shop-match-actions .shop-cancel{border-color:#9e415e;background:#331b2b}.shop-loop-panel,.shop-camera-panel{display:flex;gap:24px;align-items:center;justify-content:space-between;border:1px solid var(--shop-line);border-radius:14px;background:var(--shop-panel);padding:22px 24px;margin:18px 0}.shop-loop-panel h2,.shop-camera-panel h2{font-size:20px;margin:0 0 7px}.shop-loop-panel p,.shop-camera-panel p{font-size:14px;color:var(--shop-muted);margin:0;max-width:650px}.shop-auto-switch{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:15px;font-weight:700;cursor:pointer;padding:12px;border:1px solid #4e6e91;border-radius:10px;background:#172a41}.shop-auto-switch input{width:21px;height:21px;accent-color:#53b8ff;margin:0}.shop-judge-note{font-size:13px;color:#acc4da}.shop-loop-panel .shop-countdown{color:#aedcff;font-weight:800;margin-top:9px}.shop-camera-links{display:flex;flex-direction:column;gap:9px;min-width:220px}.shop-primary-link{display:block;background:linear-gradient(115deg,#163a61,#20679e);border:1px solid #609ed0;border-radius:10px;padding:12px 20px;text-align:center;min-height:46px;font-weight:700}.shop-camera-links button{font-size:14px}.shop-preview{border:1px solid var(--shop-line);border-radius:14px;padding:20px 24px;background:#0b1320;margin-top:22px}.shop-preview summary{font-size:18px;font-weight:700;cursor:pointer}.shop-preview>.competition-stream{margin:18px 0;max-width:100%}.shop-preview>a{display:inline-block;margin-top:12px;color:#9cd4ff;font-size:14px;font-weight:700}.shop-preview-empty{font-size:14px;color:var(--shop-muted)}.shop-site-credit{font-size:11px;letter-spacing:.6px;color:#798da7;text-align:center;margin:30px 0 0}.shop-login-gate{text-align:center;border:1px solid #385775;border-radius:18px;background:radial-gradient(ellipse at top,#15365a,#0b1320 70%);padding:45px 24px;max-width:620px;margin:45px auto}.shop-login-gate img{width:180px;height:115px;object-fit:contain}.shop-login-gate h2{font-size:24px}.shop-login-gate p{font-size:15px;color:var(--shop-muted);margin:0 0 28px}.shop-login-gate a{width:min(300px,100%);margin:auto}
/* The public screen stays mounted while scores update and the camera connects. */
.shop-live-main{width:min(1600px,100%);margin:auto;padding:22px 32px}.shop-live-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.shop-live-heading h1{font-size:26px;margin-bottom:0}.shop-fullscreen{font-size:15px;flex-shrink:0}.shop-live-stage{position:relative;isolation:isolate;aspect-ratio:16/9;background:#030610;border:1px solid #38617f;border-radius:16px;overflow:hidden;min-height:300px;box-shadow:0 0 45px #15447b22}.shop-fallback{position:absolute;inset:0;overflow:hidden;background:linear-gradient(112deg,#31121c,#080c17 45%,#080c17 55%,#082e54);container-type:inline-size}.shop-fallback-energy{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.75}.shop-energy-red,.shop-energy-blue{position:absolute;inset:-20%;background:repeating-linear-gradient(120deg,transparent 0 110px,#ff527315 111px 112px,transparent 113px 220px);clip-path:polygon(0 0,58% 0,40% 100%,0 100%);animation:shop-red-breathe 8s ease-in-out infinite}.shop-energy-blue{clip-path:polygon(58% 0,100% 0,100% 100%,40% 100%);background:repeating-linear-gradient(60deg,transparent 0 110px,#52baff1c 111px 112px,transparent 113px 220px);animation-delay:-4s}.shop-energy-ring{position:absolute;width:65%;aspect-ratio:1;left:17.5%;top:50%;border:1px solid #7ba9dd18;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 100px #307cb610,inset 0 0 100px #7f194110;animation:shop-ring 12s ease-in-out infinite}.shop-energy-ring.ring-two{width:85%;left:7.5%;animation-delay:-6s}.shop-live-banner{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:78%;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;border:1px solid #82c8ff75;border-radius:5px 18px 5px 18px;background:linear-gradient(100deg,#5a1630d9,#0b1525ed 48%,#113b67ed);box-shadow:0 6px 25px #0007;font-size:clamp(18px,2.8cqw,43px);font-weight:800;line-height:1.25;text-align:center}.shop-live-banner span{flex:1;min-width:0}.shop-live-banner i{font-size:.65em;color:#b2d8ff}.shop-live-center{position:absolute;top:27%;left:50%;transform:translateX(-50%);width:65%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.shop-live-center>img{width:clamp(100px,22cqw,310px);height:clamp(70px,13cqw,170px);object-fit:contain;filter:drop-shadow(0 0 20px #67acdc20)}.shop-live-round{font-size:clamp(12px,1.6cqw,21px);color:#adc6de;letter-spacing:1px}.shop-live-center>strong{font-size:clamp(17px,2.5cqw,34px);font-weight:800;color:#d7edff}.shop-live-center>p{font-size:clamp(11px,1.2cqw,16px);margin:0;color:#93abc4}.shop-live-center .shop-countdown{color:#b4dcff;font-weight:700}.shop-live-scores{position:absolute;left:3%;right:3%;bottom:7%;display:grid;grid-template-columns:minmax(0,1fr) 12% minmax(0,1fr);align-items:center;gap:3%}.shop-live-score{position:relative;min-width:0;padding:16px 20px;display:flex;gap:15px;align-items:center;background:linear-gradient(115deg,#691c35e6,#27111edd);border:1px solid #ff648c92;border-radius:7px 22px 7px 22px;box-shadow:0 0 35px #cf245027;color:white}.shop-live-blue{flex-direction:row-reverse;background:linear-gradient(245deg,#125489e6,#0c1d36ee);border-color:#61bdff9c;box-shadow:0 0 35px #1b98e62b;text-align:right}.shop-live-score>span{font-size:clamp(19px,2.6cqw,39px);font-weight:800;line-height:1.2;overflow-wrap:anywhere;min-width:0}.shop-live-score output{font-size:clamp(54px,9.5cqw,140px);font-weight:900;line-height:1;color:#ff8faa;flex-shrink:0;margin-left:auto;font-variant-numeric:tabular-nums}.shop-live-blue output{color:#9edcff;margin-right:auto;margin-left:0}.shop-live-score>small{position:absolute;bottom:-25px;font-size:12px;color:#d0b3c0}.shop-live-blue>small{right:12px;color:#a5ccec}.shop-live-versus{text-align:center;font-size:clamp(35px,6cqw,75px);font-weight:900;color:#a5bcd6}.shop-screen-credit{position:absolute;z-index:6;bottom:8px;left:50%;transform:translateX(-50%);color:#b8cce1;text-shadow:0 2px 5px #000;font-size:clamp(10px,1vw,13px);letter-spacing:.6px;white-space:nowrap;pointer-events:none;background:#050a1570;padding:1px 10px;border-radius:4px}.shop-public-connection{text-align:center;margin:14px 0}.shop-fullscreen-help{font-size:13px;color:var(--shop-muted);line-height:1.6;text-align:center}.shop-live-camera.competition-stream{position:absolute;inset:0;margin:0;padding:0;border:0;border-radius:0;max-width:none;width:100%;height:100%;background:#02040a;box-shadow:none}.shop-live-camera>.stream-receiver-head,.shop-live-camera>.stream-receiver-status,.shop-live-camera>.stream-grid-exit,.shop-live-camera .stream-camera-heading,.shop-live-camera .stream-camera-status{display:none!important}.shop-live-camera .stream-camera-grid{height:100%;gap:0;align-content:stretch}.shop-live-camera .stream-camera-tile{border:0;border-radius:0}.shop-live-camera .stream-screen{height:100%;aspect-ratio:auto;border:0}.shop-live-camera .stream-match-scoreboard{bottom:26px}.shop-live-camera .stream-match-banner{font-size:clamp(18px,2.8cqw,43px)}.shop-live-camera .stream-match-group{display:none}.shop-live-camera .stream-match-identification{top:5%;width:78%}.shop-live-camera .stream-video-brand{top:4%;left:2%}.shop-live-camera .stream-video-brand img{width:65px;height:40px}.shop-live-camera .stream-match-scoreboard{grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1fr);gap:2%}.shop-live-camera .stream-match-outcome>span{display:none}.shop-live-camera .stream-match-outcome>strong{font-size:clamp(13px,1.5cqw,24px)}.shop-exit-fullscreen{display:none;position:absolute;z-index:20;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));min-width:44px;min-height:44px;padding:4px;font-size:30px;line-height:1;background:#08121fc9;border-color:#6b8eb4}.shop-immersive,.shop-live-stage:fullscreen{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto;min-height:0}.shop-immersive .shop-exit-fullscreen,.shop-live-stage:fullscreen .shop-exit-fullscreen{display:block}.shop-fullscreen-active{overflow:hidden}.shop-immersive .shop-fallback{padding-top:env(safe-area-inset-top)}.shop-immersive .shop-live-banner{top:max(5%,env(safe-area-inset-top))}.shop-immersive .shop-screen-credit{bottom:max(8px,env(safe-area-inset-bottom))}.shop-immersive .shop-live-scores{bottom:max(7%,32px)}
@keyframes shop-red-breathe{0%,100%{opacity:.45;transform:translateX(0)}50%{opacity:1;transform:translateX(2%)}}@keyframes shop-ring{0%,100%{opacity:.45;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.035)}}
@media(max-width:760px){.shop-header{padding:12px 16px;gap:12px}.shop-brand img{width:75px;height:46px}.shop-header-left{gap:12px}.shop-header nav{font-size:12px;gap:12px;align-items:center;text-align:right}.shop-language{font-size:13px;padding:6px 9px;min-width:45px;min-height:40px}.shop-management-main{padding:22px 14px}.shop-page-heading{align-items:flex-start;margin-bottom:20px;gap:10px}.shop-page-heading h1{font-size:25px}.shop-page-heading p{font-size:12px}.shop-role{font-size:11px;padding:6px 10px;white-space:nowrap;margin-top:20px}.shop-round-bar{padding:12px 14px;gap:10px;flex-wrap:wrap}.shop-round-bar p{font-size:13px;flex:1}.shop-round-bar>div>span{font-size:11px}.shop-round-bar>div>strong{font-size:23px}.shop-round-bar .shop-connection{width:100%;font-size:11px;text-align:center}.shop-judge-arena{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.shop-judge-side{padding:12px 10px;border-radius:12px}.shop-player-heading>span{font-size:9px;letter-spacing:1px}.shop-player-heading h2{font-size:15px;line-height:1.3}.shop-judge-side output{font-size:76px;margin:15px 0}.shop-judge-vs b{font-size:16px}.shop-judge-vs span{font-size:8px;letter-spacing:0}.shop-finish-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.shop-finish-buttons>button,.shop-finish-buttons>button:nth-child(n+4){grid-column:span 1;min-height:74px;padding:7px 3px}.shop-finish-buttons>button:last-child{grid-column:span 2;min-height:61px;flex-direction:row;gap:10px}.shop-finish-buttons>button b{font-size:27px}.shop-finish-buttons>button span{font-size:12px}.shop-fault{padding:8px 9px;font-size:12px;gap:3px 5px;min-height:67px}.shop-fault strong{font-size:17px;padding:0 7px}.shop-fault small{font-size:10px;flex-basis:100%;line-height:1.2}.shop-feedback{font-size:12px;margin:15px 0 10px}.shop-match-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}.shop-match-actions button{font-size:14px;min-height:51px;padding:10px 7px}.shop-loop-panel,.shop-camera-panel{flex-direction:column;align-items:stretch;gap:16px;padding:17px 16px}.shop-loop-panel h2,.shop-camera-panel h2{font-size:18px}.shop-loop-panel p,.shop-camera-panel p{font-size:12px}.shop-auto-switch{font-size:14px;width:max-content;max-width:100%}.shop-camera-links{min-width:0}.shop-preview{padding:16px}.shop-preview summary{font-size:16px}.shop-login-gate{margin-top:22px;padding:30px 20px}.shop-login-gate h2{font-size:22px}.shop-live-main{padding:18px 12px}.shop-live-heading{gap:10px;margin-bottom:14px}.shop-live-heading h1{font-size:20px}.shop-live-heading .shop-eyebrow{font-size:10px;letter-spacing:1px}.shop-fullscreen{font-size:12px;padding:10px 12px;min-height:44px}.shop-live-stage{min-height:0;border-radius:10px}.shop-live-banner{padding:6px 8px;gap:6px;font-size:clamp(11px,3cqw,22px);border-radius:4px 11px 4px 11px;width:85%;top:5%}.shop-live-center{top:26%;gap:3px;width:75%}.shop-live-center>img{width:19cqw;height:12cqw;min-width:65px;min-height:38px}.shop-live-round{font-size:10px}.shop-live-center>strong{font-size:clamp(11px,2.7cqw,21px)}.shop-live-center>p{font-size:clamp(8px,1.7cqw,12px)}.shop-live-center>p[data-shop-camera-message]{display:none}.shop-live-scores{left:3%;right:3%;bottom:11%;gap:3%;grid-template-columns:minmax(0,1fr) 5% minmax(0,1fr)}.shop-live-score{padding:6px 8px;gap:4px;border-radius:4px 12px 4px 12px}.shop-live-score>span{font-size:clamp(11px,2.9cqw,25px)}.shop-live-score output{font-size:clamp(32px,9cqw,65px)}.shop-live-score>small{font-size:8px;bottom:-15px}.shop-live-versus{font-size:30px}.shop-screen-credit{font-size:8px;letter-spacing:.2px;bottom:3px;padding:0 5px}.shop-public-connection{font-size:11px}.shop-live-camera .stream-match-scoreboard{bottom:15px;padding:18px 7px 8px;gap:4%;grid-template-columns:minmax(0,1fr) minmax(0,.15fr) minmax(0,1fr)}.shop-live-camera .stream-match-outcome{display:none}.shop-live-camera .stream-blue-score{grid-column:3}.shop-live-camera .stream-match-banner{font-size:clamp(11px,3cqw,22px);padding:6px 8px;gap:6px}.shop-live-camera .stream-match-identification{width:85%}.shop-live-camera .stream-video-brand img{width:32px;height:22px}.shop-live-camera .stream-video-brand{padding:2px;top:5px;left:4px}.shop-immersive .shop-live-center{top:28%;gap:10px}.shop-immersive .shop-live-center>img{width:25cqw;height:16cqw}.shop-immersive .shop-live-center>strong{font-size:clamp(18px,3cqw,30px)}.shop-immersive .shop-live-center>p{font-size:12px}.shop-immersive .shop-live-scores{bottom:max(9%,36px)}.shop-immersive .shop-live-score{padding:10px}.shop-immersive .shop-live-score output{font-size:clamp(50px,10cqw,100px)}.shop-immersive .shop-screen-credit{font-size:10px}.shop-immersive .shop-live-camera .stream-match-scoreboard{bottom:max(28px,env(safe-area-inset-bottom));padding:20px 12px}.shop-immersive .shop-live-camera .stream-match-outcome{display:block}.shop-immersive .shop-live-camera .stream-match-scoreboard{grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1fr);gap:2%}}
@media(max-height:520px) and (orientation:landscape){.shop-immersive .shop-live-center{top:23%;gap:3px}.shop-immersive .shop-live-center>img{height:20vh;width:160px}.shop-immersive .shop-live-center>p[data-shop-camera-message]{display:none}.shop-immersive .shop-live-scores{bottom:9%;gap:3%}.shop-immersive .shop-live-score{padding:9px 12px}.shop-immersive .shop-live-score>span{font-size:clamp(18px,2.6cqw,25px)}.shop-immersive .shop-live-score output{font-size:min(19vh,92px)}.shop-immersive .shop-live-banner{font-size:clamp(17px,2.6cqw,28px);top:4%;padding:7px 10px;max-width:76%}.shop-immersive .shop-live-round{font-size:12px}.shop-immersive .shop-live-center>strong{font-size:21px}.shop-immersive .shop-live-center>p{font-size:11px}.shop-immersive .shop-live-camera .stream-player-score>b{font-size:min(19vh,92px)}.shop-immersive .shop-live-camera .stream-match-banner{font-size:clamp(17px,2.6cqw,28px)}}
@media(prefers-reduced-motion:reduce){.shop-fallback-energy *{animation:none!important}.shop-side-winner{transition:none}}


.shop-live-camera[data-camera-count="0"]{display:none!important}

/* Match the larger broadcast logo and readable credits in camera and fallback views. */
.shop-live-camera .stream-video-brand{padding:0;left:10px;top:4%}
.shop-live-camera .stream-video-brand img{width:clamp(54px,9cqw,120px);height:auto;aspect-ratio:1.6}
.shop-live-camera .stream-match-scoreboard{bottom:44px}
.shop-screen-credit{font-size:clamp(25px,2.5vw,32.5px);line-height:1.15;width:80%;max-width:80%;box-sizing:border-box;white-space:normal;text-align:center;bottom:6px}
.shop-live-score>small{font-size:25px;line-height:1.2;bottom:-36px;font-weight:800;color:#ffd4a2}
@media(max-width:760px){
 .shop-live-camera .stream-video-brand{left:6px;top:6px}
 .shop-live-camera .stream-match-identification{width:66%}
 .shop-live-camera .stream-match-scoreboard,.shop-immersive .shop-live-camera .stream-match-scoreboard{bottom:max(54px,env(safe-area-inset-bottom))}
 .shop-screen-credit{font-size:20px;bottom:4px}
 .shop-immersive .shop-screen-credit{font-size:25px}
 .shop-live-score>small{font-size:18px;bottom:-28px;white-space:nowrap}
 .shop-live-stage:not(.shop-camera-connected):not(.shop-immersive){aspect-ratio:auto;min-height:300px}
 .shop-live-scores{bottom:86px}
 .shop-immersive .shop-live-scores{bottom:max(100px,env(safe-area-inset-bottom))}
}