/* Final broadcast art direction based on the approved Vertical Jigging references. */
:root{--ink:#00101a;--glass:#001522e8;--glass2:#002438dd;--steel:#9eb6c4;--ice:#edf8ff;--cyan:#43d6ff;--cyan2:#0b7ca8;--gold:#f4c654;--gold2:#9b6413;--red:#e51635}
html,body{font-family:Broadcast,'Arial Narrow',Arial,sans-serif;background:#000a11}
#app{background:#000a11;isolation:isolate}
.waterBackdrop{position:absolute;inset:-1.5%;z-index:-2;background:#000c15 url('/assets/smudj-broadcast-background-loop-10s-poster.jpg') center/cover;overflow:hidden}
#backgroundVideo{width:100%;height:100%;object-fit:cover;filter:blur(1px) brightness(.72) saturate(.92);transform:scale(1.012)}
.waterBackdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00111b12,#00070e30 55%,#00060d55),radial-gradient(circle at 50% 42%,transparent 25%,#00081155 92%);pointer-events:none}
.waterBubbles{display:none}

/* Shared masthead */
.topline{height:15vh;padding:.7vh 2.2vw 1.1vh;background:linear-gradient(180deg,#000b13f5 0%,#001725dc 72%,#00172550 100%);border:0;border-bottom:1px solid #4ecfffa0;box-shadow:0 .45vh 2vh #000a;gap:1.3vw}
.brandWrap{flex:0 0 21vw;height:13vh;align-items:center}
.clubLogo{width:16.5vw;height:13vh;opacity:.93;background:linear-gradient(160deg,#6e7f89 0%,#d5dfe4 16%,#5b707c 30%,#e4ebee 34%,#263d49 49%,#a9b8c0 56%,#506672 72%,#c3cdd2 80%,#3d5360 100%);filter:drop-shadow(0 1px 0 #d9e7ef88) drop-shadow(1px 2px 0 #142934) drop-shadow(0 .45vh .55vh #000)}
.clubLogo:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff2 0,transparent 1px,transparent 3px);mix-blend-mode:soft-light}
.topCenter{flex:1;min-width:44vw;max-width:53vw;padding:.8vh 2.2vw 1vh;background:linear-gradient(112deg,#06425fdc 0%,#00101aed 13%,#00101af2 87%,#06425fdc 100%);border:1px solid #62d8ff;clip-path:polygon(2.5% 0,97.5% 0,100% 50%,97.5% 100%,2.5% 100%,0 50%);box-shadow:inset 9px 0 0 #158ab8,inset -9px 0 0 #158ab8,0 0 18px #18bdf84d;transform:none}
.event{font-family:Broadcast,Arial,sans-serif;font-size:3.15vw;font-weight:1000;font-style:italic;letter-spacing:-.035em;line-height:1;background:linear-gradient(#fff 8%,#d9e6eb 42%,#7d929e 51%,#f4fbff 80%);background-clip:text;color:transparent;filter:drop-shadow(0 .25vh 0 #000)}
.event em{font-style:italic;background:linear-gradient(#fff0a9,#f5ca55 45%,#9f6510 54%,#f1c456 80%);background-clip:text;color:transparent}
.subtitle{margin-top:.75vh;color:#b9d7e8;font-size:1vw;font-weight:400;letter-spacing:.3em}.round{display:none}
.live{flex:0 0 20vw;justify-content:flex-end}.clock{display:none}.sponsor{gap:.8vw;text-align:right}.sponsor img{width:6vw;height:6vw;filter:drop-shadow(0 0 .5vw #fff4)}.sponsor small{font-size:.66vw;letter-spacing:.26em;color:#d8e8f0}.sponsor strong{margin:.35vh 0;font-size:1.25vw;color:#f4f7f9;letter-spacing:.04em}.sponsor span{font-size:.66vw;color:#b3c9d4}.sponsor .sponsorWeb{margin-top:.35vh;font-size:.68vw;color:var(--gold);letter-spacing:.09em}
.scene{inset:15vh 0 0;overflow:hidden}.scene.on{animation:premiumIn .34s ease-out}@keyframes premiumIn{from{opacity:0;transform:scale(1.008)}to{opacity:1;transform:none}}

/* Catch / replay composition */
#heroScene{background:linear-gradient(90deg,#00101ac0 0 22%,transparent 34% 67%,#00101ab8 73%)}
.catchMotto{left:3vw;top:6vh;width:18vw;color:#c3e0ee;font-family:Georgia,serif;font-size:2.45vw;line-height:1.15;text-shadow:0 3px 5px #000;transform:rotate(-7deg)}
.catchMotto small{margin-top:38vh;font:400 .72vw/2.05 Arial,sans-serif;letter-spacing:.18em;color:#d1e0e7;transform:rotate(7deg)}
.photoFrame{left:23.5vw;top:.5vh;width:46.5vw;height:47.5vh;border:1px solid #78d8f4;clip-path:polygon(1% 0,99% 0,100% 3%,100% 97%,99% 100%,1% 100%,0 97%,0 3%);background:#00101ad9;box-shadow:0 0 1.1vw #21bff855}
.photoFrame .heroPhoto{inset:0;width:100%;height:100%;object-fit:contain;background:#00101a9c;filter:saturate(1.08) contrast(1.04)}
.photoFrame:after{content:"";position:absolute;inset:0;border-bottom:3px solid #35cfff88;box-shadow:inset 0 0 2vw #00111a99;pointer-events:none;z-index:2}
.heroLeft.dataPanel{left:71vw;right:auto;top:.5vh;width:27vw;padding:.6vh 1.35vw 1vh;background:linear-gradient(115deg,#001824f4,#000c14ec);border:1px solid #559bb9;clip-path:polygon(2% 0,100% 0,100% 98%,98% 100%,2% 100%,0 98%,0 2%);box-shadow:inset 0 0 1.2vw #0f719033,0 0 .8vw #0008}
.dataPanel .heroBadge{display:none}.dataRow{min-height:6.65vh;padding:.5vh 0;border-bottom:1px solid #77a9bd66}.dataRow:before{content:"";width:.28vw;height:2.8vh;margin-right:.7vw;background:linear-gradient(var(--cyan),#1d6685);box-shadow:0 0 .5vw #27c6ff55;flex:none}.dataRow>span{font:400 .95vw Arial,sans-serif;letter-spacing:.03em;color:#d2dde2}.dataRow strong{max-width:62%;font:700 1.55vw Broadcast,Arial,sans-serif;color:var(--gold);text-align:right}.dataRow #heroBoat{font:1000 2.7vw Broadcast,Arial,sans-serif;color:#f5fbff}.dataRow #heroTeam{font-size:1.35vw;color:#fff}.dataRow #heroSpecies{font-size:1.7vw;color:var(--gold)}.dataFoot{padding:1.15vh .2vw .2vh;color:#a9c5d2;font:400 .67vw Arial,sans-serif;letter-spacing:.08em}.dataFoot b{font:700 1.15vw Broadcast;color:#fff}
.releasePreview{left:23.5vw;top:49.5vh;width:46.5vw;height:22.5vh;border:1px solid #73cce7;clip-path:polygon(1% 0,99% 0,100% 6%,100% 94%,99% 100%,1% 100%,0 94%,0 6%);background:#00101ad9;box-shadow:0 0 1vw #1fb7ef44}.releasePreview video{width:100%;height:100%;object-fit:cover;opacity:.82;filter:saturate(.9) brightness(.82)}.releasePreview:after{content:"PUSTI GA DA RASTE!";position:absolute;left:1.2vw;bottom:1.2vh;color:#b8e7f7;font:italic 1.25vw Georgia,serif;text-shadow:0 2px 4px #000}.previewCaption{right:1vw;top:1vh;font:700 .95vw Arial,sans-serif;letter-spacing:.08em}.playTriangle{display:none}.catchSignature{right:2.2vw;top:55vh;width:26.5vw;color:#d1e1e8;font:400 1.05vw/1.75 Arial,sans-serif;letter-spacing:.25em}.catchSignature span{margin-top:2vh;border-top-color:#c4973c;color:#acc4cf}

/* Release video takes over the centre while the catch layout remains behind it. */
#releaseScene{pointer-events:none;background:transparent;z-index:8}.releaseOn .releasePreview{visibility:hidden}.releaseOn .dataPanel{opacity:.55}.releaseBlur{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(2.4vw) brightness(.22);opacity:.45;transform:scale(1.1)}.releaseVignette{position:absolute;inset:0;background:radial-gradient(circle at 49% 45%,transparent,#000b 78%)}
.phoneVideo{left:23.5vw;top:1vh;width:46.5vw;height:69.5vh;transform:none;aspect-ratio:auto;object-fit:contain;background:#000a13;border:2px solid #54d5ff;clip-path:polygon(1% 0,99% 0,100% 2%,100% 98%,99% 100%,1% 100%,0 98%,0 2%);box-shadow:0 0 2vw #20c9ff55}
.releaseTitle{left:auto;right:31vw;top:2.6vh;z-index:3;max-width:30vw;text-align:right;font:700 1.15vw Arial,sans-serif;letter-spacing:.08em;text-shadow:0 2px 4px #000}.releaseTitle:before{display:none}.releaseTitle b{display:block;margin-top:.5vh;color:var(--gold);font:700 1.55vw Broadcast}.releaseKicker{position:absolute;left:3vw;top:5vh;color:#bee4f3;font:400 .8vw Arial,sans-serif;letter-spacing:.32em;writing-mode:vertical-rl}.releaseMeta{position:absolute;right:2.2vw;top:22vh;width:25.5vw;padding:1.4vw;background:linear-gradient(115deg,#001725f2,#000b13e8);border:1px solid #418eac;box-shadow:inset 0 0 1vw #1b7b9c33}.releaseMeta small{display:block;color:#a9cedd;font:400 .72vw Arial,sans-serif;letter-spacing:.16em}.releaseMeta strong{display:block;margin:1.2vh 0 2vh;font-size:1.7vw;color:#fff}.releaseMeta span{display:flex;justify-content:space-between;border-top:1px solid #638c9f77;padding-top:1.2vh}.releaseMeta b{font-size:1.45vw;color:var(--gold)}

/* Breaking stinger */
#stinger{background:linear-gradient(105deg,#dc0b2ae8 0 17%,#5b0011df 36%,#00101ac7 58%,#00070edb)}
#stinger .redSweep{left:-10vw;top:-12%;width:64vw;height:130%;opacity:1;background:linear-gradient(110deg,#e20b2b 0 32%,#ad001d 32% 55%,transparent 56%);box-shadow:2vw 0 4vw #df123a55}
.stingerInner{left:5.5vw;top:20vh;width:72vw}.breakingWord{font:italic 1000 8.5vw/1 Broadcast,Arial,sans-serif;letter-spacing:-.04em;background:linear-gradient(#fff,#c7d3d9 47%,#6d7f89 52%,#f5fbff 80%);background-clip:text;color:transparent;filter:drop-shadow(0 .5vh 0 #32000a) drop-shadow(0 1vh 1vh #0008)}.newCatch{width:42vw;margin-top:1.4vh;padding-top:1.3vh;border-top:2px solid #ff9cac;font:italic 1000 3.3vw/1 Broadcast;color:#fff;letter-spacing:.04em}.stDetail{margin-top:2.6vh;max-width:78vw;color:#fff;font:700 1.5vw Arial,sans-serif;letter-spacing:.06em}

/* Leaderboard */
#leaderScene{padding:6.5vh 2vw 9vh 27vw;background:linear-gradient(90deg,transparent 0 22%,#00070e22 25%)}
#leaderScene .boardTitle{height:7vh;margin:0;padding:0 1.2vw;align-items:center;background:linear-gradient(110deg,#061f30ed,#000b14ed);border:1px solid #4c91ad;border-radius:.55vw .55vw 0 0;box-shadow:0 0 1vw #0008}
#leaderScene .boardTitle h1{font:italic 1000 2.85vw Broadcast;color:#e8f1f5}.boardTitle h1 em{color:#7dbbff}.boardTitle div{color:#d4e7ef;font:400 .76vw Arial,sans-serif;letter-spacing:.3em}
#leaderTable{display:block;border:1px solid #4c91ad;border-top:0;background:#000b13cb;border-radius:0 0 .55vw .55vw;overflow:hidden;box-shadow:0 1vh 3vh #0008}
#leaderTable .row{height:5.25vh;min-height:0;padding:0 1vw;grid-template-columns:.48fr .65fr 2.25fr 1.05fr 1.25fr .55fr;gap:.5vw;border:0;border-bottom:1px solid #7292a03d;background:#00121bd6;color:#f2f6f8;font:400 1.15vw Arial,sans-serif}
#leaderTable .row.head{height:4.8vh;background:#000810e8;color:#dce9ee;font-size:.74vw;letter-spacing:.04em}#leaderTable .row:before{display:none}#leaderTable .row>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#leaderTable .rank,#leaderTable .boatNum{font:700 1.42vw Broadcast;color:#fff}#leaderTable .team{font-weight:700;text-transform:none}#leaderTable .score{font:700 1.48vw Broadcast;color:#f6dda0}
#leaderTable .row.top1{background:linear-gradient(90deg,#8f682fc5,#33220bd8);border:1px solid #c29748}#leaderTable .row.top2{background:linear-gradient(90deg,#82929cc9,#21323cd8);border:1px solid #9aabb5}#leaderTable .row.top3{background:linear-gradient(90deg,#905e3fc5,#301f14d8);border:1px solid #9d704f}
.boardViewport{height:52.5vh;overflow:hidden}.boardTrack{will-change:transform}.flash{animation:premiumFlash 1.2s ease-in-out infinite alternate}@keyframes premiumFlash{to{box-shadow:inset 0 0 0 2px #ffdb66,inset 0 0 2vw #ffbf3c42}}
#leaderScene .currentRow{height:6.2vh;min-height:0;margin-top:.75vh;grid-template-columns:1.1fr 2.6fr 1fr;padding:0 1.1vw;background:linear-gradient(90deg,#6e450ccf,#19283adf);border:2px solid #eeb51d;box-shadow:0 .5vh 1.5vh #0008}#leaderScene .currentRow .label{font-size:.9vw;letter-spacing:.1em}#leaderScene .currentRow strong{font-size:1.05vw}#leaderScene .currentRow .rightScore{font:700 1.3vw Broadcast;color:#ffc62d}
.standby{margin-top:13vh;padding:3vw;background:linear-gradient(110deg,#001824dc,#000a12d9);border:1px solid #396f85;box-shadow:0 0 1.5vw #0008}.standby strong{font:italic 1000 3.5vw Broadcast}.standby span{color:#9fdcff;font:400 1.8vw Arial,sans-serif;letter-spacing:.34em}.standby p{font:400 .85vw Arial,sans-serif;letter-spacing:.16em;color:#c7d9e1}
.sponsorScene{background:radial-gradient(circle at 50% 42%,#103b5266,transparent 45%),#020a10aa}.sponsorSlate{position:absolute;inset:9vh 13vw 10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#061b29ee,#020b12ee);border:.12vw solid #3f7188;box-shadow:0 1.2vw 5vw #000b}.sponsorClub{display:flex;align-items:center;gap:1.2vw;color:#b7d7e7;font-size:.8vw;letter-spacing:.18em}.sponsorClub .clubLogo{width:6vw;height:6vw}.sponsorDivider{width:32vw;height:1px;margin:2vh 0;background:linear-gradient(90deg,transparent,#5d9bb8,transparent)}.sponsorSlate>small{font-size:.72vw;letter-spacing:.28em;color:#a9c8d8}.sponsorSlate>img{width:10vw;height:10vw;object-fit:contain;margin:1.8vh 0 0;filter:drop-shadow(0 0 1vw #fff3)}.sponsorSlate h1{margin:.4vh 0 0;font:italic 1000 4vw Broadcast;color:#fff;letter-spacing:.04em}.sponsorSlate p{margin:.5vh 0 4vh;color:#e4c563;font-size:1.1vw;letter-spacing:.12em}.sponsorSlate>strong{padding:.65vw 1vw;border:1px solid #39718c;color:#b7dbec;font-size:.78vw;letter-spacing:.2em}

/* Authentic club artwork, preserved pixel-for-pixel and finished as a metal seal. */
.clubLogo,.brandWrap .clubLogo,.sponsorClub .clubLogo,.finalHead .clubLogo{position:relative;width:7.3vw;height:7.3vw;flex:0 0 7.3vw;background:url('/assets/rnk-smudj-ritopek-metal-seal-v4.png') center/contain no-repeat;-webkit-mask:none;mask:none;opacity:.95;filter:drop-shadow(0 .45vh .6vh #000b) drop-shadow(0 0 .5vw #22bce733)}
.clubLogo:after{display:none}.brandWrap{flex-basis:12vw}.brandWrap .clubLogo{margin-left:.7vw}

/* Pre-start, pause and final slates use the accepted moving zander behind dark glass. */
.slateProgram .topline{opacity:0;pointer-events:none}.slateProgram .scene{inset:0}.slateProgram .scorebug,.slateProgram .statusBug,.slateProgram .quietLiveBug{display:none}
.modeScene{overflow:hidden;background:radial-gradient(circle at 31% 48%,transparent 0,#020b13aa 52%,#01070de8 100%)}
.modeScene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#010912cc 0%,#04131e55 45%,#01070dcc 100%);z-index:0}
.modeSlate,.sponsorSlate,.finalSlate{z-index:2;border:1px solid #52798eaa;box-shadow:0 1.2vw 5vw #000c,inset 0 0 4vw #05243b88;backdrop-filter:blur(1.5px)}
.sponsorSlate{inset:7vh 16vw;background:linear-gradient(145deg,#061b29bb,#020b12c9)}
.modeSlate{position:absolute;inset:6vh 15vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#061b29b8,#020b12ce)}
.modeSeal{width:11vw!important;height:11vw!important;flex-basis:11vw!important;margin:0 0 1vh!important}.modeSlate>small{color:#78d9ff;font-size:.78vw;letter-spacing:.34em;font-weight:900}.modeSlate h1{margin:1vh 0;font:italic 1000 4.4vw/.87 Broadcast;color:#f5fbff;letter-spacing:.015em;text-shadow:0 .25vw .45vw #000}.modeSlate h1 em{font-style:inherit;color:#38caff}.modeSlate>p{margin:.8vh 0 2.2vh;color:#b8d1df;font-size:.85vw;letter-spacing:.16em}.modeSlate>strong{padding:.75vw 1.4vw;border:1px solid #47bddf;color:#fff;background:#061b29c9;font-size:1.12vw;letter-spacing:.13em}.modeSlate>strong span{color:#ffd65c;font-size:1.35em}.modeSponsor,.finalSponsor{margin-top:3vh;display:flex;align-items:center;gap:.75vw;color:#c5dce8;font-size:.66vw;letter-spacing:.15em}.modeSponsor img,.finalSponsor img{width:3.7vw;height:3.7vw;object-fit:contain}.modeSponsor b,.finalSponsor b{color:#fff;font-size:.78vw}
.finalSlate{position:absolute;inset:4vh 7vw;display:grid;grid-template-columns:1fr 1.6fr;grid-template-rows:auto 1fr auto;gap:1.5vh 2vw;padding:2.2vw;background:linear-gradient(145deg,#061b29c7,#020b12d9)}.finalHead{grid-column:1/-1;display:flex;align-items:center;gap:1.2vw}.finalHead .clubLogo{width:6vw;height:6vw;flex-basis:6vw}.finalHead small{color:#64cef3;font-size:.68vw;letter-spacing:.24em}.finalHead h1{margin:.2vh 0;font:italic 1000 2.8vw Broadcast;color:#fff}.finalHead p{margin:0;color:#a9c6d5;font-size:.72vw;letter-spacing:.12em}.finalWinner{align-self:start;padding:2vw;background:linear-gradient(145deg,#392b08dc,#0b1921d9);border:1px solid #d9ad39;color:#fff}.finalWinner small{font-size:.72vw;letter-spacing:.25em;color:#ffd45e}.finalWinner h2{margin:.8vh 0;font:italic 1000 2.8vw Broadcast;color:#ffd45e}.finalWinner strong{display:block;font-size:1.5vw}.finalWinner b{display:block;margin-top:1.2vh;font-size:2.2vw;color:#fff}.finalTable{min-height:0;overflow:hidden}.finalTable .row{min-height:4.7vh}.finalTable .row.head{min-height:3.5vh}.finalTable .boardViewport{height:auto;overflow:hidden}.finalSponsor{grid-column:1/-1;margin:0;justify-content:center;border-top:1px solid #315b72;padding-top:1vh}
.sponsorProgram .scorebug,.sponsorProgram .statusBug,.sponsorProgram .quietLiveBug{display:none}

/* New leader and biggest fish */
.special{height:auto;background:linear-gradient(90deg,#00070e30 0 48%,#00101ada 58%,#000810ee);grid-template-columns:55% 45%}.specialPhoto{position:absolute;left:2vw;top:4vh;width:53vw;height:68vh;object-fit:contain;background:#00101adc;border:1px solid #4f9ab8;clip-path:polygon(1% 0,100% 0,100% 98%,99% 100%,0 100%,0 2%);box-shadow:0 0 1.6vw #000b}.specialShade{background:linear-gradient(90deg,transparent 35%,#00101a44 51%,#00101aee 63%)}.specialInfo{right:3.2vw;top:7vh;width:41vw;padding:1.8vw 2vw;background:linear-gradient(115deg,#001c2ddd,#000a12cc);border-left:2px solid #56cdf3}.eyebrow{font:400 .82vw Arial,sans-serif;letter-spacing:.28em;color:#b4dfef}.specialInfo h1{margin:1.4vh 0 2vh;font:italic 1000 5.5vw/.9 Broadcast}.leaderGold{background:linear-gradient(#fff0a0,#f3c44d 47%,#9b600c 55%,#efbd43);background-clip:text;color:transparent;filter:drop-shadow(0 .35vh 0 #4d2e00)}.bigCyan{font-size:3.8vw!important;background:linear-gradient(#c8f3ff,#36c8f3 48%,#087ca8 55%,#51d5f9);background-clip:text;color:transparent;filter:drop-shadow(0 .3vh 0 #004a67)}.specialBoat{font:700 1.55vw Arial,sans-serif;color:#fff}.specialScore{margin-top:2vh;font:1000 3.9vw Broadcast;color:#fff}.advantage{margin-top:2vh;padding:.75vw 1.1vw;background:#3b2a06c9;border:1px solid #e6af25;color:#f6d46a;font:700 1.15vw Broadcast}

/* Award scenes: strong contrast and a single entrance per scene transition. */
#newLeaderScene{--award:#edc365;--award-line:#a87924}
#biggestScene{--award:#71ddfa;--award-line:#2988a6}
.special .specialInfo{top:5vh;padding:2vw;width:41vw;border:1px solid var(--award-line);border-left:4px solid var(--award);background:linear-gradient(125deg,#082538f5,#000c17f2);box-shadow:0 1vh 3vh #0008,inset 0 1px 0 #ffffff18}
.special .specialInfo:before{content:"";display:block;width:4.8vw;height:.4vh;background:var(--award);margin-bottom:1.8vh;box-shadow:0 0 1.5vw color-mix(in srgb,var(--award) 35%,transparent)}
.special .eyebrow{font-size:.82vw;letter-spacing:.2em;color:#c2d6e2}
.special .specialInfo h1{margin:1.6vh 0 2.4vh;font-family:Metal,Arial,sans-serif;font-size:4.2vw;line-height:1.03;font-style:italic;letter-spacing:-.045em}
.special .leaderGold{background:linear-gradient(#ffe9a9,#edc365 66%,#c49238);background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #382506)}
.special .bigCyan{font-size:3.05vw!important;background:linear-gradient(#daf8ff,#71ddfa);background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #07364c)}
.special .specialBoat{font:700 1.6vw/1.3 Arial,sans-serif;min-height:5vh;overflow-wrap:anywhere;color:#f6fbff}
.special .specialScore{font:700 3.15vw/1.1 Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:2vh 0;color:var(--award)!important;overflow-wrap:anywhere}
.special .advantage{display:block;margin-top:2vh;padding:1.4vh 1vw;border:1px solid var(--award-line);background:#000d18c9;color:#eef5fa;font:700 1.1vw/1.35 Arial,sans-serif;letter-spacing:.015em}
.special .specialPhoto{border-color:var(--award-line)}
.special.on .specialInfo{animation:awardEnter .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes awardEnter{from{opacity:0;transform:translateX(2vw)}to{opacity:1;transform:translateX(0)}}

/* Podium medals keep the original rank text, including tied ranks. */
#leaderScene{padding-top:3.5vh}
#leaderTable .row.top1{--medal-light:#ffe4a0;--medal-dark:#8a5918;--medal-edge:#e4bc64}
#leaderTable .row.top2{--medal-light:#ebf2f7;--medal-dark:#637985;--medal-edge:#b6c8d2}
#leaderTable .row.top3{--medal-light:#e6bb99;--medal-dark:#704427;--medal-edge:#c28d65}
#leaderTable .row:is(.top1,.top2,.top3) .rank{display:grid;place-items:center;width:3.8vh;height:3.8vh;overflow:visible;border-radius:50%;border:1px solid var(--medal-edge);background:linear-gradient(135deg,var(--medal-light),var(--medal-dark));box-shadow:inset 0 0 0 3px #00101a55,0 2px 5px #0009;color:#07131c;text-shadow:0 1px 0 #ffffff50;font:700 1.05vw Arial,sans-serif}
#leaderTable .rank,#leaderTable .boatNum{font:700 1.25vw Arial,sans-serif;font-variant-numeric:tabular-nums}
#leaderTable .score{font:700 1.45vw Arial,sans-serif;font-variant-numeric:tabular-nums;color:#f7e4b4}
#leaderTable .row.flash{background:linear-gradient(90deg,#1b5065ed,#092335f5);outline:2px solid #f3cb65;outline-offset:-2px;box-shadow:inset 5px 0 0 #f3cb65;animation:activeCatchGlow 2.5s ease-in-out infinite alternate}
#leaderTable .row.flash .team,#leaderTable .row.flash .boatNum{color:#fff0bf}
@keyframes activeCatchGlow{to{box-shadow:inset 5px 0 0 #ffe6a0,inset 0 0 30px #e4ba4825}}
@media(prefers-reduced-motion:reduce){.special.on .specialInfo,#leaderTable .row.flash{animation:none}}
.teamName{min-width:0;overflow:hidden;text-overflow:ellipsis}.row.flash .team{display:flex;align-items:center;gap:.55vw}.newCatchTag{flex:none;padding:.32vh .42vw;border:1px solid #ffe08a;background:#79500de8;color:#fff1bd;font:700 .54vw Arial,sans-serif;letter-spacing:.08em;border-radius:.18vw;animation:newCatchTagIn .45s ease-out both}.scoreChange{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.3vw;line-height:1}.scoreChange small{font:700 .63vw Arial,sans-serif;color:#b9ced8}.scoreChange strong{font:700 1.25vw Arial,sans-serif;color:#ffe295}.scoreChange em{grid-column:1/-1;margin-top:.3vh;font:700 .62vw Arial,sans-serif;color:#7cf2be;font-style:normal}.freshCurrent{animation:activeCatchGlow 2.5s ease-in-out infinite alternate}.freshCurrent .rightScore{display:flex;justify-content:flex-end;align-items:baseline;gap:.35vw}.freshCurrent .rightScore small{font:700 .68vw Arial,sans-serif;color:#cbd9df}.freshCurrent .rightScore em{font:700 .72vw Arial,sans-serif;color:#7cf2be;font-style:normal}@keyframes newCatchTagIn{from{opacity:0;transform:translateX(.6vw)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.newCatchTag,.freshCurrent{animation:none}}

/* Quiet dashboard */
#quietScene{padding:5vh 2vw 9vh 24vw}.quietGrid{gap:1vw}.quietPanel{background:linear-gradient(150deg,#001b2ce9,#000b14e9);border:1px solid #438aa6;box-shadow:0 .8vh 2vh #0009}.quietBoard{padding:1vw}.quietBoard .boardTitle{height:5vh;padding:0 .8vw;border-bottom:1px solid #53c9f0}.quietBoard .row{min-height:4.9vh;font:400 .92vw Arial,sans-serif}.quietBoard .row.head{min-height:3.4vh;font-size:.6vw}.quietRight{gap:1vw}.feature:after{background:linear-gradient(0deg,#00101af4,transparent 70%)}.featureText .kicker,.recentTitle{color:#9edfff;letter-spacing:.18em}.featureText strong{font:700 1.8vw Broadcast}.recentItem{font:400 .78vw Arial,sans-serif}

/* Heaviest catches */
#topCatchesScene{padding:4vh 3vw 9vh}.topCatchHeading{height:7.5vh;padding:0 1.4vw;background:linear-gradient(110deg,#082d43ed,#000b14ed);border:1px solid #59b4d4;clip-path:polygon(1% 0,99% 0,100% 22%,100% 78%,99% 100%,1% 100%,0 78%,0 22%);box-shadow:inset 7px 0 0 #1e90ba,inset -7px 0 0 #1e90ba,0 0 1vw #0009}.topCatchHeading h1{font:italic 1000 2.8vw Broadcast;color:#eef5f8}.topCatchHeading h1 em{background:linear-gradient(#fff0a4,#efbf46 48%,#9d6511);background-clip:text;color:transparent}.topCatchHeading>span{font:400 .75vw Arial,sans-serif;letter-spacing:.27em;color:#cae3ed}
#topCatchViewport{height:57vh;margin-top:1vh}.topCatchRow{height:10.8vh;grid-template-columns:18% 22% 14% 15% 10% 8% 13%;background:linear-gradient(110deg,#002238ef,#000b14ed);border:1px solid #3b8cab;box-shadow:inset 0 0 1vw #146e8b32}.topCatchRow>div:not(.catchThumb):not(.catchVideo){border-right:1px solid #aa8b4966}.topCatchRow small{font:400 .64vw Arial,sans-serif;color:#c5d7df;letter-spacing:.08em}.topCatchRow strong{font:700 1.25vw Broadcast}.topCatchRow .fishWeight strong{font-size:1.65vw;color:var(--gold)}.catchThumb img,.catchVideo video{object-fit:cover}.catchRank{font:1000 2.7vw Broadcast;background:#06131dcc}.medal1 .catchRank{background:linear-gradient(115deg,#d7ac48,#6a4815)}.medal2 .catchRank{background:linear-gradient(115deg,#c4d0d6,#50636e)}.medal3 .catchRank{background:linear-gradient(115deg,#b98256,#57331f)}.catchTeam strong{font-size:1.75vw}.catchTeam>b{font:700 1.05vw Arial,sans-serif}.catchVideo>span{font:400 .55vw Arial,sans-serif}.catchVideo>b{font-size:.75vw}

/* Persistent scorebug */
.statusBug{display:none}.scorebug{right:2vw;bottom:1.6vh;width:40vw;height:6.2vh;grid-template-columns:1.05fr .68fr 1.65fr;background:#00111aeb;border:1px solid #3a8aaa;box-shadow:0 .5vh 1.5vh #000a}.bugCell{padding:0 .7vw;border-right:1px solid #477387}.bugCell:last-child{background:linear-gradient(100deg,#362706df,#604408e6)}.bugLabel{font:400 .58vw Arial,sans-serif;color:#c3dae4;letter-spacing:.08em}.bugValue{font:700 1.25vw Broadcast}.bugLeader{font-size:1.05vw;color:#f5cf5a;line-height:1.1}
.held *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#backgroundVideo{display:none}.scene.on,.flash{animation:none}}

/* One medium per scene: still photo first, release video in the following scene. */
#heroScene{background:linear-gradient(90deg,#000a13a8 0%,transparent 34% 62%,#000a13d2 82%)}
.catchMotto{display:none}
.photoFrame{left:2.5vw;top:2vh;width:67vw;height:69.5vh;border:1px solid #78d8f4;clip-path:polygon(.7% 0,99.3% 0,100% 2%,100% 98%,99.3% 100%,.7% 100%,0 98%,0 2%);background:#00101ad9;box-shadow:0 0 1.3vw #21bff855}
.heroLeft.dataPanel{left:65.5vw;right:auto;top:6vh;width:32.5vw;padding:.8vh 1.6vw 1.1vh;background:linear-gradient(115deg,#001824f7,#000a12f4);border:1px solid #559bb9;border-left:3px solid #45d4ff;clip-path:polygon(2% 0,100% 0,100% 98%,98% 100%,2% 100%,0 98%,0 2%);box-shadow:inset 0 0 1.2vw #0f719033,0 0 1.4vw #000c}
.releasePreview{display:none}
.catchSignature{right:2.2vw;top:65vh;width:31vw;color:#d1e1e8;font:400 .82vw/1.5 Arial,sans-serif;letter-spacing:.23em;text-align:center}
.catchSignature span{display:none}
#releaseScene{pointer-events:none;background:#000a13;z-index:8}
.releaseBlur{position:absolute;inset:-5%;background-position:center;background-size:cover;filter:blur(3.2vw) brightness(.2) saturate(.8);opacity:.8;transform:scale(1.12)}
.releaseVignette{position:absolute;inset:0;background:radial-gradient(circle at 48% 45%,transparent 5%,#00081277 70%,#00060ddd 100%)}
.phoneVideo{left:16vw;top:1.5vh;width:60vw;height:70vh;transform:none;aspect-ratio:auto;object-fit:contain;background:#000a13;border:2px solid #54d5ff;clip-path:polygon(.8% 0,99.2% 0,100% 2%,100% 98%,99.2% 100%,.8% 100%,0 98%,0 2%);box-shadow:0 0 2vw #20c9ff55}
.releaseTitle{left:auto;right:25.5vw;top:3vh;z-index:3;max-width:32vw;text-align:right;font:700 1.2vw Arial,sans-serif;letter-spacing:.08em;text-shadow:0 2px 4px #000}
.releaseTitle:before{display:none}.releaseTitle b{display:block;margin-top:.5vh;color:var(--gold);font:700 1.65vw Broadcast}
.releaseMeta{right:2.2vw;top:22vh;width:24vw;background:linear-gradient(115deg,#001725f4,#000b13ef);box-shadow:inset 0 0 1vw #1b7b9c33,0 0 1.4vw #000b}

/* Shared on-air cadence. No timers or outgoing layers: BREAKING stays immediate. */
.scene.on{animation:programReveal .38s ease-out both}
@keyframes programReveal{from{opacity:0}to{opacity:1}}
#stinger.on{animation:programReveal .16s ease-out both}
#heroScene.on .heroLeft.dataPanel,#releaseScene.on .releaseMeta{animation:programPanel .48s cubic-bezier(.2,.8,.2,1) .08s both}
@keyframes programPanel{from{opacity:0;transform:translateX(1vw)}to{opacity:1;transform:translateX(0)}}
#releaseScene.on{animation:programReveal .28s ease-out both}
/* HERO remains underneath the release layer; its graphics must not re-enter. */
.releaseOn #heroScene,.releaseOn #heroScene .heroLeft.dataPanel{animation:none}
#leaderScene.on .boardTitle,#topCatchesScene.on .topCatchHeading{animation:programHeading .42s ease-out both}
@keyframes programHeading{from{opacity:0;transform:translateY(-.7vh)}to{opacity:1;transform:translateY(0)}}
/* Preview is always immediately reviewable; HOLD cannot freeze a half-faded scene. */
.previewMode .scene.on,.previewMode .scene.on *,
.held .scene.on,.held .scene.on *{animation:none!important}
@media(prefers-reduced-motion:reduce){.scene.on,.scene.on *{animation:none!important}}

/* Larger photo/video windows and a calmer five-row TV viewport. */
#topCatchesScene{padding:2.5vh 2.5vw 9vh}
#topCatchViewport{height:60vh;margin-top:1vh}
#topCatchRows{gap:.7vh}
.topCatchRow{height:11.45vh;grid-template-columns:21% 20% 11% 14% 8% 7% 19%;position:relative;background:linear-gradient(110deg,#03273cee,#000b14f2)}
.topCatchRow>div:not(.catchThumb):not(.catchVideo){padding-left:.7vw;padding-right:.7vw}
.topCatchRow small{margin-bottom:.45vh;font-size:.59vw}.topCatchRow strong{font-family:Arial,sans-serif;font-size:1.18vw}
.topCatchRow .fishWeight{background:linear-gradient(100deg,#51390670,transparent)}
.topCatchRow .fishWeight strong{font-size:1.85vw;letter-spacing:-.035em;color:#ffd368;text-shadow:0 0 1vw #ffc12d30}
.catchThumb img,.catchVideo video{object-fit:cover}.catchVideo{border-left:2px solid #38bce8}.catchVideo>b{background:#00121be8;border:1px solid #438aa6;border-radius:.2vw}
.catchRank{width:22%;font-size:2.45vw;box-shadow:2px 0 8px #0009}.medal1 .catchRank{color:#fff0ad;text-shadow:0 1px 0 #382400}.medal2 .catchRank{color:#f1f7fa}.medal3 .catchRank{color:#ffe0c3}
.catchTeam{grid-template-columns:2.5vw 1fr}.catchTeam strong{font-family:Arial,sans-serif;font-size:1.65vw}.catchTeam>b{font:700 .95vw/1.15 Arial,sans-serif}
.topCatchRow.freshTop{outline:2px solid #ffd66b;outline-offset:-2px;box-shadow:inset 6px 0 0 #ffd66b,0 0 1.5vw #eebc4248}
.topCatchRow.freshTop:after{content:"";position:absolute;inset:0 auto 0 -28%;width:22%;pointer-events:none;background:linear-gradient(100deg,transparent,#fff2ae72,transparent);transform:skewX(-18deg);animation:topCatchSweep 1.7s ease-out .25s both}
@keyframes topCatchSweep{from{left:-28%}to{left:112%}}
@media(prefers-reduced-motion:reduce){.topCatchRow.freshTop:after{display:none}}

/* Calm-loop identity; it disappears immediately when BREAKING takes control. */
.quietLiveBug{display:none;position:absolute;left:2vw;bottom:1.6vh;height:6.2vh;min-width:24vw;padding:.75vh 1.1vw .7vh 2.8vw;z-index:30;border:1px solid #387f9c;background:linear-gradient(110deg,#00131eea,#05263ae8);box-shadow:0 .5vh 1.5vh #0009}
.quietProgram .quietLiveBug{display:block}.quietLiveBug i{position:absolute;left:1vw;top:50%;width:.7vw;height:.7vw;border-radius:50%;background:#e32d42;box-shadow:0 0 .8vw #e32d42;transform:translateY(-50%);animation:livePulse 2.4s ease-in-out infinite}.quietLiveBug span{display:block;color:#f3f8fb;font:700 1.08vw/1.2 Arial,sans-serif;letter-spacing:.09em}.quietLiveBug small{display:block;margin-top:.25vh;color:#8ecfe7;font:400 .55vw Arial,sans-serif;letter-spacing:.18em}
.quietProgram .scene.on{animation:quietReveal .68s ease-out both}.quietProgram #heroScene.on .heroLeft.dataPanel,.quietProgram #releaseScene.on .releaseMeta{animation-duration:.72s}.quietProgram #stinger.on{animation-duration:.16s}
@keyframes quietReveal{from{opacity:0}to{opacity:1}}@keyframes livePulse{50%{opacity:.45;transform:translateY(-50%) scale(.82)}}
@media(prefers-reduced-motion:reduce){.quietLiveBug i{animation:none}}

/* Persistent TV scorebug. Amber warns that a round is ending; red stays reserved for BREAKING. */
.scorebug{width:43vw;height:7vh;grid-template-columns:1.15fr .82fr 1.85fr;border-color:#4b91ad;background:linear-gradient(110deg,#00131ff2,#001b2af2);box-shadow:0 .55vh 1.7vh #000b,inset 0 1px 0 #ffffff16}
.scorebug .bugCell{padding:0 .85vw}.scorebug .bugLabel{font:400 .57vw Arial,sans-serif;letter-spacing:.12em}.scorebug #countdown{font:700 1.45vw Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em}.scorebug #roundBug{font:700 1.35vw Arial,sans-serif}.roundBugCell small{display:block;min-height:.8vh;margin-top:.15vh;color:#f1c75f;font:700 .48vw Arial,sans-serif;letter-spacing:.06em}.bugLeaderBoat{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fbfd;font:700 .78vw/1.15 Arial,sans-serif}.scorebug #leaderPointsBug{display:block;margin-top:.25vh;color:#ffd262;font:700 1.17vw/1 Arial,sans-serif;font-variant-numeric:tabular-nums}.scorebug.roundEnding .roundBugCell{background:linear-gradient(110deg,#49360ae8,#1f1a0bee);box-shadow:inset 0 0 1vw #f0be3730}.scorebug.roundEnding #roundBug{color:#ffd66c}#leaderBugCell.leaderChanged{animation:leaderBugFlash 1.8s ease-out both}@keyframes leaderBugFlash{0%{background:#b37a0b;box-shadow:inset 0 0 2vw #fff0a070}35%{background:#76500a}100%{background:linear-gradient(100deg,#362706df,#604408e6)}}@media(prefers-reduced-motion:reduce){#leaderBugCell.leaderChanged{animation:none}}
body.slateProgram .topline,body.slateProgram .scorebug,body.slateProgram .statusBug,body.slateProgram .quietLiveBug{display:none!important}body.slateProgram .scene{inset:0!important}

/* 2026 unified program package: leaderboard, catch hero and award frames. */
#leaderScene{padding:1vh 2vw 9.4vh 27vw;background:linear-gradient(90deg,#020b12a6 0 24.5%,transparent 34%),linear-gradient(0deg,#01070da6,transparent 28%)}
.leaderRail{position:absolute;left:2vw;top:1vh;bottom:9.4vh;width:23vw;padding:2.1vh 1.35vw;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(145deg,#061d2ac7,#020a11b8);border:1px solid #436f83;box-shadow:inset 0 0 3vw #062b3c75,0 .8vh 2.5vh #0009;overflow:hidden}
.leaderRail:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 62%,#38cbf20d 62% 63%,transparent 63%);pointer-events:none}.leaderRail>small{color:#69d6fa;font:700 .58vw Arial,sans-serif;letter-spacing:.25em}.leaderRail h2{margin:1.3vh 0 0;font:italic 1000 2.55vw/.9 Broadcast,Arial,sans-serif;color:#f2f8fb;letter-spacing:-.025em}.leaderRail h2 em{font-style:inherit;color:#37c9f2}.railRule{width:100%;height:2px;margin:1.5vh 0;background:linear-gradient(90deg,#38cbf2,transparent)}.leaderRailTop{width:100%;padding:1.3vh 1vw 1.5vh;background:linear-gradient(120deg,#443207c9,#0b1c27d5);border:1px solid #b98a27;box-shadow:inset .28vw 0 0 #efbb3d}.leaderRailTop small{display:block;color:#f1c65a;font:700 .55vw Arial,sans-serif;letter-spacing:.2em}.leaderRailTop strong{display:block;margin-top:.6vh;color:#fff;font:italic 1000 1.85vw Broadcast}.leaderRailTop span{display:block;max-width:100%;margin:.25vh 0 .9vh;color:#dce9ef;font:700 .84vw Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderRailTop b{display:block;color:#ffd35f;font:1000 2.25vw Broadcast}.leaderRailTop b i{font:700 .55vw Arial,sans-serif;letter-spacing:.11em}.leaderRailTop>em{display:block;margin-top:.45vh;color:#aec6d2;font:400 .64vw Arial,sans-serif}
#leaderScene .boardTitle{height:7.3vh;gap:1.8vw;padding:0 1.35vw;border:1px solid #5f93a8;border-bottom:3px solid #36c7ef;border-radius:.25vw .25vw 0 0;background:linear-gradient(105deg,#0a2b3ddd,#03121dde 70%,#092433d9);box-shadow:inset 0 1px 0 #ffffff1f,0 .45vh 1.4vh #0009}#leaderScene .boardTitle:after{content:"LIVE RESULTS";margin-left:auto;color:#80bdd3;font:700 .57vw Arial,sans-serif;letter-spacing:.22em}#leaderScene .boardTitle h1{font:italic 1000 3vw Broadcast;color:#f5f9fb;text-shadow:0 .25vh .25vh #000}#leaderScene .boardTitle h1 em{color:#40cef4}#leaderScene .boardTitle div{font:700 .72vw Arial,sans-serif;letter-spacing:.24em;color:#cce1e9}
#leaderTable{border:1px solid #46788d;border-top:0;box-shadow:0 1vh 2.5vh #0009}#leaderTable .row{grid-template-columns:.44fr .62fr 2.1fr 1.05fr .58fr 1.55fr;height:5.15vh;padding:0 1vw;background:linear-gradient(90deg,#061a27eb,#0a2635e3);border-bottom:1px solid #5c82933b;color:#eff6f9;font-size:1.05vw;box-shadow:inset .2vw 0 0 #1d7898}#leaderTable .row:nth-child(odd){background:linear-gradient(90deg,#082131eb,#0c2a3ae3)}#leaderTable .row.head{height:3.55vh;background:#020c14f4;color:#87b9cc;font:700 .58vw Arial,sans-serif;letter-spacing:.11em;box-shadow:none}#leaderTable .rank{font:italic 1000 1.45vw Broadcast;color:#9edff3}#leaderTable .boatNum{font:1000 1.38vw Broadcast;color:#fff}#leaderTable .team{font:700 1.02vw Arial,sans-serif;letter-spacing:.02em}#leaderTable .score{font:1000 1.35vw Broadcast;color:#f5d068;text-align:right}#leaderTable .catchCount{text-align:center;color:#c8e0e9;font-weight:700}#leaderTable .bigFish{display:flex;justify-content:flex-end;align-items:center;gap:1.1vw;text-align:right;color:#d9eef5;font-weight:700;font-variant-numeric:tabular-nums}
#leaderTable .row.top1{background:linear-gradient(90deg,#735316ed,#3a2d10e8 52%,#152631e8);box-shadow:inset .32vw 0 0 #ffd45a,inset 0 0 1.5vw #e3a91f1c}#leaderTable .row.top1 .rank,#leaderTable .row.top1 .score{color:#ffe27c}#leaderTable .row.top2{background:linear-gradient(90deg,#344956eb,#152936e8);box-shadow:inset .28vw 0 0 #bcd0da}#leaderTable .row.top2 .rank{color:#dce7ec}#leaderTable .row.top3{background:linear-gradient(90deg,#493423eb,#172733e8);box-shadow:inset .28vw 0 0 #c78751}#leaderTable .row.top3 .rank{color:#e5a978}
#leaderTable .row.flash{position:relative;z-index:2;animation:leaderCatchFlash 1.15s ease-in-out infinite alternate}@keyframes leaderCatchFlash{from{box-shadow:inset .32vw 0 0 #ffd45a,0 0 0 #0000}to{box-shadow:inset .32vw 0 0 #ffd45a,inset 0 0 1.5vw #ffc43855,0 0 1vw #ffc4385c}}
#leaderScene .currentRow{height:6.5vh;margin-top:.75vh;background:linear-gradient(100deg,#704b0edb,#152a38e8);border:1px solid #ffd15b;border-left:.38vw solid #ffd15b;box-shadow:0 .55vh 1.5vh #000a,inset 0 0 1.2vw #e9a91c1c}#leaderScene .currentRow .label{color:#ffda69;font:700 .78vw Arial,sans-serif;letter-spacing:.14em}#leaderScene .currentRow strong{font:700 1vw Arial,sans-serif}#leaderScene .currentRow .rightScore{font:1000 1.3vw Broadcast;color:#ffdc6d}

.catchLayout:before,.special:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 48%,#3bcdf00d 48% 48.15%,transparent 48.15%);z-index:1}.photoFrame{border-color:#78d8f4;box-shadow:0 0 0 1px #071a25,0 .8vh 2.4vh #000b,0 0 1.1vw #21bff83d}.heroLeft.dataPanel{border-top:3px solid #42cef2;box-shadow:inset 0 0 1.5vw #0f719033,0 .8vh 2.4vh #000c}.dataRow strong{font-variant-numeric:tabular-nums}.dataRow #heroWeight,.dataRow #heroPoints{color:#ffd35d}.catchSignature:before{content:"RNK SMUĐ RITOPEK";display:block;margin-bottom:.8vh;color:#55c8eb;font:700 .54vw Arial,sans-serif;letter-spacing:.24em}
.special:after{content:"";position:absolute;right:3.4vw;bottom:7.7vh;width:6.5vw;height:6.5vw;background:url('/assets/rnk-smudj-ritopek-metal-seal-v4.png') center/contain no-repeat;opacity:.36;filter:drop-shadow(0 .4vh .5vh #000);z-index:3}.special .specialPhoto{box-shadow:0 .9vh 2.8vh #000c,0 0 1vw color-mix(in srgb,var(--award) 26%,transparent);border-width:2px}.special .specialInfo{border-top:3px solid var(--award);box-shadow:0 1vh 3vh #000b,inset 0 1px 0 #ffffff18}.special .eyebrow{font-weight:700}.special .advantage{clip-path:polygon(0 0,97% 0,100% 50%,97% 100%,0 100%)}

/* Breaking sequence motion and a stable final frame for short release clips. */
#stinger.on{overflow:hidden;background:radial-gradient(circle at 62% 45%,#6d0b19aa,#16040ae8 52%,#02060af5 82%)}#stinger.on .redSweep{animation:breakingSweep 2.3s cubic-bezier(.18,.78,.2,1) both}#stinger.on .gridTexture{animation:breakingGrid 2.3s ease-out both}#stinger.on .breakingWord{animation:breakingTitle 2.3s cubic-bezier(.18,.82,.2,1) both}#stinger.on .newCatch{animation:breakingSub 2.3s ease-out both}#stinger.on .stDetail{animation:breakingDetail 2.3s ease-out both}
@keyframes breakingSweep{0%{transform:translateX(-32vw) skewX(-12deg);opacity:0}18%{opacity:1}72%{transform:translateX(0) skewX(-12deg);opacity:1}100%{transform:translateX(7vw) skewX(-12deg);opacity:.92}}@keyframes breakingGrid{from{opacity:0;transform:scale(1.08)}35%{opacity:.7}to{opacity:.35;transform:scale(1)}}@keyframes breakingTitle{0%,12%{opacity:0;transform:translateX(-7vw)}32%{opacity:1;transform:translateX(0)}82%{opacity:1}100%{opacity:.9;transform:translateX(.7vw)}}@keyframes breakingSub{0%,28%{opacity:0;transform:translateY(1.2vh)}48%,100%{opacity:1;transform:none}}@keyframes breakingDetail{0%,43%{opacity:0;transform:translateY(.8vh)}62%,100%{opacity:1;transform:none}}
#heroScene.on .photoFrame{animation:heroPhotoIn .55s cubic-bezier(.18,.8,.2,1) both}#heroScene.on .dataRow{animation:heroDataIn .38s ease-out both}#heroScene.on .dataRow:nth-child(3){animation-delay:.07s}#heroScene.on .dataRow:nth-child(4){animation-delay:.11s}#heroScene.on .dataRow:nth-child(5){animation-delay:.15s}#heroScene.on .dataRow:nth-child(6){animation-delay:.19s}#heroScene.on .dataRow:nth-child(7){animation-delay:.23s}
@keyframes heroPhotoIn{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes heroDataIn{from{opacity:0;transform:translateX(.7vw)}to{opacity:1;transform:none}}
.releaseOn .phoneVideo{left:2.5vw;top:1.5vh;width:71vw;height:70vh;animation:releaseVideoIn .48s ease-out both}.releaseOn .releaseTitle{left:4vw;right:auto;top:3vh;text-align:left}.releaseOn .releaseMeta{right:2vw;top:18vh;width:22.5vw;border-top:3px solid #48d0f4}.releaseFreeze .phoneVideo{animation:none;filter:saturate(.98) contrast(1.03)}
@keyframes releaseVideoIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
#leaderScene.on .leaderRail{animation:leaderRailIn .42s ease-out both}#leaderScene.on #leaderTable{animation:leaderTableIn .52s cubic-bezier(.18,.8,.2,1) both}@keyframes leaderRailIn{from{opacity:0;transform:translateX(-1vw)}to{opacity:1;transform:none}}@keyframes leaderTableIn{from{opacity:0;transform:translateY(.8vh)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#stinger.on .redSweep,#stinger.on .gridTexture,#stinger.on .breakingWord,#stinger.on .newCatch,#stinger.on .stDetail,#heroScene.on .photoFrame,#heroScene.on .dataRow,.releaseOn .phoneVideo,#leaderScene.on .leaderRail,#leaderScene.on #leaderTable{animation:none}}

/* One living zander loop is the visual bed under every program scene. */
.waterBackdrop{inset:-1.5%;background:#010b12 url('/assets/smudj-broadcast-background-loop-10s-poster.jpg') center/cover!important}.waterBackdrop:after{background:linear-gradient(90deg,#00111b25,#00070e3d 55%,#00060d66),radial-gradient(circle at 50% 42%,transparent 19%,#00081168 94%)}#backgroundVideo{opacity:1;object-position:center;transition:filter .45s ease,opacity .45s ease;filter:blur(1.4px) brightness(.42) saturate(.78) contrast(1.04);transform:scale(1.018)}
body[data-scene="stinger"] #backgroundVideo{filter:blur(1.8px) brightness(.34) saturate(.72) contrast(1.08)}body[data-scene="heroScene"] #backgroundVideo{filter:blur(1.7px) brightness(.34) saturate(.76)}body[data-scene="releaseScene"] #backgroundVideo{filter:blur(1.6px) brightness(.31) saturate(.72)}body[data-scene="leaderScene"] #backgroundVideo,body[data-scene="quietScene"] #backgroundVideo{filter:blur(2.1px) brightness(.38) saturate(.68)}body[data-scene="topCatchesScene"] #backgroundVideo{filter:blur(2px) brightness(.36) saturate(.72)}body[data-scene="newLeaderScene"] #backgroundVideo{filter:blur(1.8px) brightness(.34) saturate(.68)}body[data-scene="biggestScene"] #backgroundVideo{filter:blur(1.8px) brightness(.36) saturate(.76)}body[data-scene="preStartScene"] #backgroundVideo,body[data-scene="sponsorScene"] #backgroundVideo,body[data-scene="finalScene"] #backgroundVideo{filter:blur(2.3px) brightness(.25) saturate(.62)}
#heroScene{background:linear-gradient(90deg,#000a13a8 0%,transparent 29% 64%,#000a13c8 82%)!important}#releaseScene{background:linear-gradient(90deg,#00081270 0%,transparent 30% 68%,#000811c4 83%)!important}.releaseBlur{opacity:.07!important}.releaseVignette{background:radial-gradient(circle at 44% 44%,transparent 12%,#02091240 66%,#020912bf 100%)}
#stinger,#stinger.on{background:radial-gradient(circle at 62% 45%,#6d0b198c,#16040abe 52%,#02060ad2 82%)!important}#leaderScene{background:linear-gradient(90deg,#020b12a9 0 24.5%,transparent 34%),linear-gradient(0deg,#01070da9,transparent 28%)!important}#topCatchesScene{background:linear-gradient(90deg,#01091166,transparent 38% 70%,#01091170)!important}#quietScene{background:linear-gradient(90deg,#0109116e,transparent 32% 68%,#01091178)!important}
.special{background:linear-gradient(90deg,#00070e42 0 46%,#00101ab8 60%,#000810d8)!important}.modeScene{background:radial-gradient(circle at 31% 48%,transparent 0,#020b1392 52%,#01070dc4 100%)!important}.modeScene:before{background:linear-gradient(90deg,#010912aa 0%,#04131e38 45%,#01070db8 100%)}

/* Featured catches: one large media track and one shared information strip. */
#topCatchesScene{padding:1.4vh 2vw 9vh!important}
#topCatchesScene .topCatchHeading{height:6.2vh;padding:0 1.2vw;clip-path:none;border-top:1px solid #6cd9f5;border-bottom:3px solid #38c9ef;background:linear-gradient(105deg,#092b3edb,#020d16e8 72%,#362909c9);box-shadow:0 .6vh 2vh #000a,inset 0 1px 0 #ffffff1c}
#topCatchesScene .topCatchHeading h1{font-size:2.45vw;letter-spacing:-.02em}
#topCatchesScene .topCatchHeading>span{font-size:.62vw}
#topCatchViewport{height:63.5vh!important;margin-top:.8vh!important;overflow:hidden}
#topCatchRows{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65vh .65vw!important;transform:none!important}
.topCatchRow{min-width:0;margin:0!important;position:relative;overflow:hidden}
.topCatchRow.featured{grid-column:span 2;height:43vh!important;display:grid!important;grid-template-columns:1.8fr 1.15fr .78fr .72fr .8fr!important;grid-template-rows:minmax(0,1fr) 7.3vh!important;align-items:stretch!important;gap:0;background:linear-gradient(150deg,#082a3de9,#020d16f2)!important;border:1px solid #3e91ad!important;border-top:3px solid #4cd5f4!important;box-shadow:0 .7vh 2vh #000b!important}
.topCatchRow.featured.medal1{border-top-color:#e4bc64!important}.topCatchRow.featured.medal2{border-top-color:#b6c8d2!important}.topCatchRow.featured.medal3{border-top-color:#c28d65!important}
.topCatchRow.featured .catchThumb,.topCatchRow.featured .catchVideo{grid-column:1/-1;grid-row:1;position:relative;width:auto;height:auto;min-width:0;overflow:hidden;background:#010910}
.topCatchRow.featured .catchThumb img,.topCatchRow.featured .catchVideo video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none}
.topCatchRow.featured .catchThumb:after{display:none}
.topCatchRow.featured .catchVideo{z-index:2;border:0!important;pointer-events:none;opacity:0;background:transparent}
.topCatchRow.featured.videoActive .catchVideo{opacity:1}
.topCatchRow.featured.videoActive .catchThumb img{opacity:0}
.topCatchRow.featured .catchVideo>span{position:absolute;inset:0;display:grid;place-items:center;background:#00131b;color:#86a9b8;font:700 .62vw Arial,sans-serif;letter-spacing:.12em}
.topCatchRow.featured .catchVideo>span[hidden]{display:none!important}
.topCatchRow.featured .catchRank{z-index:4;left:.65vw;top:.7vh;bottom:auto;width:2.25vw;height:2.25vw;display:grid;place-items:center;border-radius:50%;border:1px solid #f7df91;color:#071019;font:1000 1.25vw Arial,sans-serif;box-shadow:0 .3vh .8vh #000b,inset 0 0 0 3px #00101a42}
.topCatchRow.featured>div:not(.catchThumb):not(.catchVideo){grid-row:2;display:flex!important;flex-direction:column;justify-content:center;min-width:0;padding:.5vh .4vw!important;border-right:1px solid #52798a70!important;background:#031621dc}
.topCatchRow.featured .catchTeam{grid-column:1;gap:.25vh}
.topCatchRow.featured .catchTeam small{display:none}.topCatchRow.featured .catchTeam strong:before{content:'ČAMAC ';font-size:.62vw}
.topCatchRow.featured .catchTeam>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font:700 .74vw/1.15 Arial,sans-serif;color:#f2f7f9}
.topCatchRow.featured .fishWeight{grid-column:2;background:linear-gradient(105deg,#604608d9,#1b190bd9)!important}.topCatchRow.featured .fishSpecies{grid-column:3}.topCatchRow.featured .fishLength{grid-column:4}.topCatchRow.featured .fishPoints{grid-column:5;border-right:0!important}
.topCatchRow.featured small{margin:0 0 .45vh!important;color:#a7c4d0;font:700 .48vw/1 Arial,sans-serif!important;letter-spacing:.08em}
.topCatchRow.featured strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .76vw/1.2 Arial,sans-serif!important;color:#f5f9fb}
.topCatchRow.featured .fishWeight strong{font-size:.98vw!important;color:#ffd761}.topCatchRow.featured .fishPoints strong{color:#f4d477}
.topCatchRow.compact{grid-column:span 3;height:4.3vh!important;display:grid!important;grid-template-columns:2vw minmax(0,1.7fr) .7fr 1fr .65fr .72fr!important;align-items:center!important;gap:0;background:linear-gradient(100deg,#061e2ce8,#020d16ee)!important;border:1px solid #3b7187!important;border-left:3px solid #218fb4!important;box-shadow:0 .4vh 1vh #0008!important}
.topCatchRow.compact .catchThumb{position:static;width:auto;height:100%;background:transparent}.topCatchRow.compact .catchThumb>img,.topCatchRow.compact .catchThumb>span{display:none}
.topCatchRow.compact .catchRank{position:static!important;width:100%;height:100%;display:grid;place-items:center;background:#061723!important;color:#9eddf1!important;font:1000 1.05vw Arial,sans-serif!important;box-shadow:none!important}
.topCatchRow.compact .catchTeam{height:100%;display:grid!important;grid-template-columns:2vw minmax(0,1fr)!important;grid-template-rows:1fr;align-items:center;gap:.35vw;padding:.35vh .4vw!important;border-right:1px solid #52798a60!important}
.topCatchRow.compact .catchTeam small{display:none}.topCatchRow.compact .catchTeam strong{font:1000 1vw/1.2 Arial,sans-serif!important}
.topCatchRow.compact .catchTeam>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 .72vw/1.2 Arial,sans-serif!important}
.topCatchRow.compact>div:not(.catchThumb):not(.catchVideo):not(.catchTeam){height:100%;display:flex!important;flex-direction:column;justify-content:center;min-width:0;padding:.3vh .4vw!important;border-right:1px solid #52798a60!important}
.topCatchRow.compact small{margin:0 0 .15vh!important;color:#93b8c7;font:700 .42vw/1 Arial,sans-serif!important;letter-spacing:.06em}
.topCatchRow.compact strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f8fa;font:700 .72vw/1.2 Arial,sans-serif!important}
.topCatchRow.compact .fishWeight strong{color:#ffd468;font-size:.92vw!important}.topCatchRow.compact .fishPoints strong{color:#f4d477}.topCatchRow.compact .catchVideo{display:none!important}
.topCatchRow.freshTop{outline:2px solid #ffd66b!important;outline-offset:-2px}.topCatchRow.freshTop:after{z-index:7}
#topCatchEmpty{margin-top:16vh;font:italic 1000 3vw Broadcast,Arial,sans-serif;color:#dcecf3;text-align:center}

/* TOP 20 and TOP 10 share the identical accepted living-zander treatment. */
body[data-scene="leaderScene"] #backgroundVideo,
body[data-scene="topCatchesScene"] #backgroundVideo{filter:blur(2px) brightness(.36) saturate(.72)}

/* Clean release frame and keep TOP 10 video cards from dropping to black. */
.releaseOn .catchSignature{display:none!important}
/* Match each heading to the alignment used by its numeric column. */
#leaderTable .row.head>div:nth-child(4),
#leaderTable .row.head>div:nth-child(6){text-align:right}
#leaderTable .row.head>div:nth-child(5){text-align:center}

/* One persistent station identifier, including breaking, release and slates. */
body #quietLiveBug.quietLiveBug{display:grid!important;grid-template-columns:6.5vw .65vw minmax(0,1fr);align-items:center;column-gap:.65vw;width:24vw;min-width:0;padding:.55vh .75vw;z-index:40}
#quietLiveBug .liveBrand{display:block;width:100%;height:4.7vh;object-fit:contain}
#quietLiveBug i{position:static;transform:none;width:.65vw;height:.65vw}
#quietLiveBug .liveCaption{min-width:0}
#quietLiveBug span{font-size:.95vw;letter-spacing:.06em;white-space:nowrap}
#quietLiveBug small{font-size:.48vw;letter-spacing:.1em;white-space:nowrap}
body #quietLiveBug.quietLiveBug{width:36.5vw;grid-template-columns:6.5vw .65vw 12.8vw minmax(0,1fr)}
#quietLiveBug .liveWeather{height:100%;display:grid;grid-template-columns:2.5vw 3.3vw minmax(0,1fr);column-gap:.35vw;align-content:center;border-left:1px solid #387f9c;padding-left:.5vw;min-width:0}
#quietLiveBug .liveWeather>div{min-width:0}
#quietLiveBug .liveWeather small{font-size:.42vw;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;margin:0 0 .15vh;color:#a8d6e5}
#quietLiveBug .liveWeather b{display:block;font:700 .9vw/1.1 Arial,sans-serif;color:#f6d77b;white-space:nowrap}
#quietLiveBug .liveWeather>div:first-child b{color:#fff;font-variant-numeric:tabular-nums}
#quietLiveBug #weatherCredit{grid-column:1/-1;font:400 .43vw/1.1 Arial,sans-serif;color:#9dbac7;text-decoration:none;white-space:nowrap;margin-top:.35vh}
#quietLiveBug .windReading{display:flex;align-items:center;gap:.3vw;height:2.6vh}
#quietLiveBug #weatherWindArrow{width:1.35vw;height:1.35vw;flex:none;color:var(--wind-color);transform-origin:center}
#quietLiveBug .windCell b,#quietLiveBug .windCell small{color:var(--wind-color)}
#quietLiveBug #weatherCondition{white-space:normal;font-size:.38vw;line-height:1.05;min-height:1.2vh}
#quietLiveBug #weatherCredit{font-size:.34vw}

#topTeamsScene{padding:1.3vh 2vw 9vh}
.topTeamsHeading{height:6.4vh;display:flex;align-items:center;justify-content:space-between;border:1px solid #488ca6;border-bottom:2px solid #32c7ea;padding:0 1.2vw;background:#00131bde}
.topTeamsHeading h1{margin:0;font:italic 1000 2.5vw Broadcast,Arial,sans-serif;color:#fff}.topTeamsHeading em{color:#f5cf68;font-style:inherit}
.topTeamsHeading>span{font:700 .68vw Arial,sans-serif;letter-spacing:.1em;color:#b7d6df}
#topTeamsCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1vw;margin-top:1vh;height:61vh}
.topTeamCard{--podium:#e4bc64;display:grid;grid-template-rows:minmax(0,1fr) 9.8vh 8.3vh 10.5vh;border:1px solid var(--podium);background:#00151de8;min-width:0;overflow:hidden}
.topTeamCard.podium2{--podium:#b6c8d2}.topTeamCard.podium3{--podium:#c28d65}
.topTeamPhoto{position:relative;min-height:0;background:#00131b80;display:grid;place-items:center;color:#a8c5d0;font:.8vw Arial,sans-serif}
.topTeamPhoto img,.topTeamPhoto video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.topTeamPhoto video{opacity:0;filter:none}.topTeamPhoto.videoActive video{opacity:1}.topTeamPhoto.videoActive img{opacity:0}.topTeamPhoto.videoActive>span{visibility:hidden}
.topTeamRank{z-index:3;position:absolute;top:1vh;left:.7vw;width:5.3vh;height:5.3vh;display:grid;place-items:center;border-radius:50%;background:var(--podium);color:#07131b;box-shadow:0 2px 8px #0008;border:2px solid #fff8;font:700 1.65vw Arial,sans-serif}
.topTeamName{padding:.65vh .9vw;display:flex;flex-direction:column;justify-content:center;border-top:2px solid var(--podium);gap:.3vh;overflow:hidden}
.topTeamName strong{flex-shrink:0;font:1000 3vh/1.2 Broadcast,Arial,sans-serif;color:#fff}.topTeamName span{flex-shrink:0;font:700 1.65vh/1.2 Arial,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;overflow:hidden;color:#c7e1ed}
.topTeamTotal{padding:.6vh .9vw;display:grid;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(110deg,#5e461ac9,#001723e8);border-bottom:1px solid #5b869b}
.topTeamTotal small{grid-column:1/-1;font:700 .6vw Arial,sans-serif;letter-spacing:.12em;color:#e5d8ad}.topTeamTotal b{font:1000 2.7vw/1 Broadcast,Arial,sans-serif;color:#ffdc70}.topTeamTotal span{font:700 .7vw Arial,sans-serif;color:#c7dce5}
.topTeamBest{padding:.8vh .9vw;display:flex;flex-direction:column;justify-content:center;gap:.5vh}.topTeamBest>small{font:700 .58vw Arial,sans-serif;letter-spacing:.08em;color:#a9cbd9}.topTeamBest>div{display:flex;align-items:center;justify-content:space-between;gap:.5vw}.topTeamBest strong{font:700 1.3vw Arial,sans-serif;color:#fff}.topTeamBest b{font:1000 1.7vw Broadcast,Arial,sans-serif;color:#6edafa}.topTeamBest em{font:700 .58vw Arial,sans-serif;font-style:normal}.topTeamBest>span{font:700 .95vw Arial,sans-serif;color:#d0e2e9}
#topTeamsEmpty{position:absolute;inset:25vh 2vw auto;text-align:center;font:1000 2.5vw Broadcast,Arial,sans-serif;color:#c5deeb}
body[data-scene="topTeamsScene"] #backgroundVideo{filter:blur(2px) brightness(.36) saturate(.72)}

#leaderTable .bigFishSpecies{color:#ffd761;font-size:1.2vw;flex-shrink:0}#leaderTable .bigFishWeight{flex-shrink:0}

#leaderTable .row.replayHighlight{box-shadow:inset .32vw 0 0 #ffd45a,inset 0 0 0 1px #ffd45a}.replayHighlight .newCatchTag{background:#24526b;color:#d7f3ff}

#leaderTeamScene.on .specialInfo{animation:teamFeatureEnter 1s ease-out both}#leaderTeamScene.on .specialPhoto{animation:teamFeatureZoom 7s ease-out both}#leaderTeamScene .specialBoat{max-width:1100px;overflow-wrap:anywhere}body.held #leaderTeamScene *{animation-play-state:paused!important}@keyframes teamFeatureEnter{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes teamFeatureZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
