/* 左右は配信用の表示。中央stageの寸法・当たり判定は通常版と共通。 */
@media(min-width:900px) and (min-height:500px){
 body.broadcast{background:radial-gradient(ellipse at 15% 12%,#22778960,transparent 55%),radial-gradient(ellipse at 90% 88%,#1b869c40,transparent 55%),#082e40}
 body.broadcast:before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 100px,#b8faff06 101px 102px,transparent 103px 200px)}
 .broadcast .stage{outline:1px solid #b9edeb40;box-shadow:0 0 70px #021923aa}
 .broadcast .streamSide{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;width:calc((100vw - min(100vw,100dvh * .56))/2);padding:clamp(28px,5dvh,65px) clamp(24px,3vw,70px);z-index:1;justify-content:center}
 .streamLeft{left:0;align-items:flex-start}.streamRight{right:0;align-items:flex-start}
 .streamSide>*{width:100%;max-width:380px;align-self:center}
 .streamEyebrow{font:700 clamp(8px,.65vw,12px) system-ui;letter-spacing:.18em;color:#8dbcc6}
 .streamLogo{font:400 clamp(48px,5vw,100px)/1.08 "Manbo Display",var(--font);color:#ffed92;margin:24px 0 0;letter-spacing:-.06em;text-shadow:0 5px #032b3c;transform:rotate(-4deg)}
 .streamLogo span{display:block;color:#fffdef;font-size:.59em;letter-spacing:.025em;margin-top:7px}
 .streamLead{font-size:clamp(10px,1vw,17px);color:#bde2e1;margin:24px 0 0;letter-spacing:.08em}
 .streamControls{margin-top:clamp(24px,5dvh,60px);border-top:1px solid #bce1de35;padding-top:20px;color:#d1ece8}
 .streamControls>span{font:750 9px system-ui;letter-spacing:.18em;color:#80b5bd}
 .streamControls p{font-size:12px;margin:17px 0 0;line-height:1.8}
 kbd{display:inline-flex;align-items:center;justify-content:center;width:28px;height:27px;border:1px solid #97d8d360;border-bottom-width:3px;border-radius:5px;background:#c6ffff0c;color:#f2fff2;font:700 15px system-ui;vertical-align:middle;margin-bottom:4px}
 kbd.spaceKey{width:98px;font-size:12px;letter-spacing:.1em}
 .streamControls b{font-size:12px;font-weight:650;margin-left:14px}
 .streamControls small{display:block;font-size:10px;color:#8ebebc;margin-top:5px}
 .streamLegend{display:flex;gap:14px;border-top:1px solid #bce1de25;margin-top:24px;padding-top:16px}
 .streamLegend p{display:flex;align-items:center;gap:7px;margin:0;flex:1}.streamLegend img{width:30px;height:49px;object-fit:contain}.streamLegend span{font-size:11px;line-height:1.6;font-weight:700}.streamLegend small{display:block;font-weight:400;font-size:9px;color:#96c7c2}
 .streamFooter{font-size:9px;letter-spacing:.12em;color:#689ca7;margin-top:28px}
 .streamDistance{margin-top:30px}.streamDistance>span,.streamSpeed>span,.streamJump>span{font-size:clamp(10px,1vw,16px);color:#a0cbc9;letter-spacing:.1em}
 .streamDistance p{margin:9px 0 0;display:flex;align-items:baseline;gap:13px}.streamDistance b{font:850 clamp(60px,6.5vw,125px)/1.12 system-ui;letter-spacing:-.07em;color:#f5ffef;font-variant-numeric:tabular-nums}.streamDistance small{font:750 clamp(18px,1.8vw,30px) system-ui;color:#ffe786}
 .streamSpeed{border-top:1px solid #bce1de35;padding-top:24px;margin-top:32px}.streamSpeed p{margin:6px 0 12px;display:flex;align-items:baseline;gap:10px}.streamSpeed b{font:800 clamp(30px,3vw,58px)/1.2 system-ui;letter-spacing:-.04em;color:#e3f9f3;font-variant-numeric:tabular-nums}.streamSpeed small{font-size:13px;color:#96c1bd}.streamSpeed strong{display:inline-block;background:#ffffff0d;border:1px solid #8fd6c433;color:#cfefce;padding:7px 10px;border-radius:4px;font-size:clamp(10px,.9vw,15px)}
 .streamJump{display:flex;align-items:center;gap:20px;margin-top:25px}.streamJump .jumps{gap:10px}.streamJump .jumps i{width:18px;height:18px}
 .streamPower{font-size:clamp(11px,1.1vw,18px);color:#ffe786;line-height:1.8;margin-top:22px}.streamPower b{display:block;color:#d7ffdb;font-size:24px}.streamPower.ending{color:#ffbc85}
 .streamCause{border-left:3px solid #f3b89a;background:#ffffff08;padding:12px 15px;color:#ffe1c9;font-size:clamp(12px,1.2vw,20px);line-height:1.7}
 .streamFish{width:clamp(90px,11vw,220px);height:clamp(90px,11vw,220px);object-fit:contain;align-self:flex-end;margin:10px 8% 0 0;transform:rotate(15deg);opacity:.8;filter:drop-shadow(0 12px 10px #03233450)}
 .streamTools{display:flex;gap:10px;margin-top:20px}.streamTools button{border:1px solid #a4d7d140;border-radius:5px;color:#a9d4d2;background:#ffffff06;padding:9px 13px;font-size:11px}
 body.broadcast[data-screen="resultScreen"] .streamFish{display:none}
}
@media(min-width:900px) and (max-height:750px){.broadcast .streamSide{padding-top:25px;padding-bottom:25px}.streamLogo{margin-top:15px;font-size:clamp(45px,4.7vw,65px)}.streamLead{margin-top:17px}.streamControls{margin-top:23px;padding-top:13px}.streamControls p{margin-top:10px}.streamLegend{margin-top:17px;padding-top:12px}.streamFooter{margin-top:17px}.streamDistance{margin-top:18px}.streamDistance b{font-size:clamp(55px,6vw,82px)}.streamSpeed{margin-top:20px;padding-top:17px}.streamJump{margin-top:18px}.streamFish{width:95px;height:95px;margin-top:8px}.streamTools{margin-top:12px}}
