/* A stadium-sized response to a very Pat-sized problem. */
body.pat-broadcast-open{overflow:hidden}
.pat-broadcast[hidden]{display:none!important}
.pat-broadcast{--pb-yellow:#f2d578;--pb-pink:#efb7d9;--pb-ink:#100d17;position:fixed;inset:0;z-index:1000;isolation:isolate;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--pb-ink);color:#f8f3e8;font-family:var(--body,'Libre Franklin',sans-serif);scrollbar-color:#efb7d9 #100d17;animation:pb-arrive .55s ease-out both}
.pat-broadcast button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pat-broadcast button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.pat-broadcast-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#70204c88,transparent 53%),radial-gradient(ellipse at 10% 85%,#a7193050,transparent 58%),#100d17}
.pat-broadcast-grid{position:absolute;inset:0;background-image:linear-gradient(#efb7d910 1px,transparent 1px),linear-gradient(90deg,#efb7d910 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent);transform:perspective(600px) rotateX(30deg) scale(1.4);transform-origin:50% 100%}
.pat-broadcast-beam{position:absolute;top:-20%;width:75%;height:150%;transform-origin:50% 0;opacity:.47;mix-blend-mode:screen;filter:blur(8px);background:conic-gradient(from 151deg at 50% 0,transparent 0 13deg,#efb7d977 17deg,#efb7d900 32deg,transparent 34deg);animation:pb-searchlight 10s ease-in-out infinite alternate}
.pat-broadcast-beam-left{left:-12%;transform:rotate(-34deg)}
.pat-broadcast-beam-right{right:-20%;background:conic-gradient(from 151deg at 50% 0,transparent 0 13deg,#f2d57877 17deg,#f2d57800 32deg,transparent 34deg);animation-delay:-5s;animation-direction:alternate-reverse}
.pat-broadcast-horizon{position:absolute;left:-20%;right:-20%;height:14%;top:49%;background:#efb7d910;box-shadow:0 0 100px #efb7d91c;transform:rotate(-12deg)}
.pat-broadcast-shell{position:relative;min-height:100%;max-width:1800px;margin:auto;overflow:clip}
.pat-broadcast-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(15px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 15px max(28px,env(safe-area-inset-left));border-bottom:1px solid #efb7d938;background:#100d17eb;backdrop-filter:blur(18px)}
.pat-broadcast-network{display:flex;align-items:center;gap:12px;font-weight:800;font-size:14px;line-height:1.4;letter-spacing:1.4px}
.pat-broadcast-network>span{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:var(--pb-yellow);box-shadow:0 0 18px #f2d57899}
.pat-broadcast-close{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;padding:11px;border:1px solid #efb7d966;color:#fff;background:#efb7d913;transition:background .2s,transform .2s}
.pat-broadcast-close:hover{background:#efb7d933;transform:rotate(5deg)}
.pat-broadcast-close svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
.pat-broadcast-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto auto;column-gap:50px;max-width:1220px;margin:auto;padding:46px 40px 50px}
.pat-broadcast-headline{position:relative;z-index:3;grid-column:1;grid-row:1}
.pat-broadcast-kicker{margin:0 0 18px;font-size:12px;font-weight:800;line-height:1.65;letter-spacing:.9px;color:var(--pb-yellow)}
.pat-broadcast-headline h2{margin:0;font-family:var(--display,'Barlow Condensed',Impact,sans-serif);font-size:clamp(90px,10vw,150px);font-weight:900;font-style:italic;line-height:.78;letter-spacing:-2px;text-transform:uppercase;filter:drop-shadow(5px 6px 0 #0005)}
.pat-broadcast-headline h2 em{font-style:inherit;color:var(--pb-yellow);white-space:nowrap}
.pat-broadcast-subhead{font-size:22px;line-height:1.4;font-weight:600;margin:23px 0 28px;color:var(--pb-pink)}
.pat-broadcast-scene{position:relative;isolation:isolate;grid-column:2;grid-row:1/4;min-height:700px;align-self:stretch}
.pat-broadcast-radar{position:absolute;width:105%;aspect-ratio:1;left:-1%;top:13%;border:1px solid #efb7d95e;border-radius:50%;background:radial-gradient(circle,#efb7d926,transparent 60%),repeating-conic-gradient(from 0deg,#efb7d919 0deg 1deg,transparent 1deg 30deg);box-shadow:0 0 100px #efb7d91a,inset 0 0 50px #efb7d911;animation:pb-radar-breathe 6s ease-in-out infinite alternate}
.pat-broadcast-radar:before,.pat-broadcast-radar:after,.pat-broadcast-radar>i{content:'';position:absolute;inset:13%;border:1px solid #efb7d933;border-radius:50%}
.pat-broadcast-radar:after{inset:30%;border-style:dashed}
.pat-broadcast-radar>i:nth-child(1){inset:3%;border:3px solid transparent;border-top-color:#f2d578aa;border-bottom-color:#efb7d988;animation:pb-spin 18s linear infinite}
.pat-broadcast-radar>i:nth-child(2){inset:-9%;border:1px dashed #efb7d930;animation:pb-spin 42s linear infinite reverse}
.pat-broadcast-radar>i:nth-child(3){inset:45%;background:#efb7d92b;box-shadow:0 0 100px #efb7d95a}
.pat-broadcast-radar>span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 72%,#efb7d900 75%,#efb7d944 99%,#f2d57899 100%);animation:pb-spin 12s linear infinite}
.pat-broadcast-orbit{position:absolute;inset:20% -3% 20%;border:1px solid #f2d57844;border-radius:50%;transform:rotate(-23deg);z-index:3}
.pat-broadcast-orbit>span{position:absolute;top:6%;right:0;padding:9px 13px;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1.4;background:var(--pb-yellow);color:var(--pb-ink);transform:rotate(23deg)}
.pat-broadcast-pat{position:absolute;z-index:2;height:105%;width:auto;max-width:none;bottom:0;left:50%;transform:translateX(-50%) rotate(-7deg);object-fit:contain;filter:drop-shadow(2px 0 0 #f8f3e8) drop-shadow(-2px 0 0 #f8f3e8) drop-shadow(0 0 28px #efb7d94d);animation:pb-pat-hover 7s ease-in-out infinite alternate;mask-image:linear-gradient(#000 86%,transparent 100%)}
.pat-broadcast-pat-shadow{position:absolute;inset:-2% -35% 0;background:url('/assets/pat-cutout.webp') bottom center/auto 100% no-repeat;opacity:.12;filter:brightness(0) saturate(100%) invert(83%) sepia(33%) saturate(424%) hue-rotate(294deg);mask-image:linear-gradient(#000 40%,transparent 90%)}
.pat-broadcast-pat-shadow-left{transform:translateX(-15%) rotate(-17deg);animation:pb-echo-left 8s ease-in-out infinite alternate}
.pat-broadcast-pat-shadow-right{transform:translateX(18%) rotate(8deg);animation:pb-echo-right 8s ease-in-out infinite alternate}
.pat-broadcast-sticker{position:absolute;right:-5%;bottom:25%;z-index:4;transform:rotate(9deg);padding:13px 17px;background:#a71930;color:#fff;font:800 30px/.95 var(--display,'Barlow Condensed',Impact,sans-serif);box-shadow:5px 5px 0 #100d1780;border:1px solid #f8f3e855}
.pat-broadcast-target{position:absolute;left:1%;bottom:17%;z-index:4;transform:rotate(-5deg);padding:9px 12px;background:var(--pb-pink);color:var(--pb-ink);font-size:12px;font-weight:800;letter-spacing:.3px;line-height:1.4}
.pat-broadcast-caution{position:absolute;left:-8%;right:-9%;bottom:7%;z-index:5;overflow:hidden;transform:rotate(-7deg);padding:12px 0;background:var(--pb-yellow);color:var(--pb-ink);border-block:4px solid var(--pb-ink);box-shadow:0 0 0 1px var(--pb-yellow);white-space:nowrap;font:800 25px/1 var(--display,'Barlow Condensed',Impact,sans-serif)}
.pat-broadcast-caution span{display:block;width:max-content;animation:pb-caution 28s linear infinite}
.pat-broadcast-dispatch{position:relative;z-index:4;grid-column:1;grid-row:2;background:#100d17b3;border-left:3px solid var(--pb-pink);padding:20px 23px;margin-bottom:25px;backdrop-filter:blur(8px)}
.pat-broadcast-dispatch-label{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--pb-pink);font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.7px}
.pat-broadcast-dispatch-label>span{width:7px;height:7px;background:var(--pb-pink);border-radius:50%;box-shadow:0 0 12px #efb7d999}
.pat-broadcast-dispatch h3{font:800 37px/.98 var(--display,'Barlow Condensed',Impact,sans-serif);font-style:italic;margin:0 0 14px}
.pat-broadcast-dispatch>p:last-of-type{font-size:16px;line-height:1.65;margin:0;color:#e3d8e5}
.pat-broadcast-transmission{display:flex;align-items:center;gap:15px;margin-top:18px;padding-top:15px;border-top:1px solid #efb7d92e;min-height:70px}
.pat-broadcast-transmission p{font-size:14px;line-height:1.65;margin:0;color:var(--pb-yellow)}
.pat-broadcast-wave{display:flex;align-items:center;justify-content:center;gap:3px;width:30px;height:26px;flex-shrink:0}
.pat-broadcast-wave i{display:block;width:3px;height:13px;background:var(--pb-yellow);animation:pb-wave 1.8s ease-in-out infinite alternate}
.pat-broadcast-wave i:nth-child(2){height:24px;animation-delay:-.5s}.pat-broadcast-wave i:nth-child(3){height:19px;animation-delay:-.9s}.pat-broadcast-wave i:nth-child(4){height:26px;animation-delay:-.3s}.pat-broadcast-wave i:nth-child(5){height:10px;animation-delay:-.7s}
.pat-broadcast-actions{position:relative;grid-column:1;grid-row:3;z-index:6;align-self:start}
.pat-broadcast-stand-down{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:20px 23px;border:2px solid var(--pb-yellow);background:var(--pb-yellow);color:var(--pb-ink);font-size:14px;font-weight:900;line-height:1.4;box-shadow:5px 5px 0 #f2d57825;transition:background .2s,color .2s,box-shadow .2s}
.pat-broadcast-stand-down:hover{background:#fff3bb;box-shadow:8px 8px 0 #f2d57825}
.pat-broadcast-stand-down svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.5}
.pat-broadcast-sound{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:17px;padding:12px 10px;border:1px solid #efb7d966;background:#100d17a6;color:var(--pb-pink);font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.2px}
.pat-broadcast-sound:hover,.pat-broadcast-sound[aria-pressed=true]{background:#efb7d91f;border-color:var(--pb-pink)}
.pat-broadcast-sound svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}
.pat-broadcast-fine-print{margin:14px 0 0;color:#c3b4c9;font-size:12px;line-height:1.65;text-align:center}
.pat-broadcast-ticker{position:relative;z-index:5;overflow:hidden;border-top:1px solid #efb7d955;border-bottom:1px solid #efb7d955;background:#efb7d914;color:var(--pb-pink);padding:13px 0 max(13px,env(safe-area-inset-bottom));font-family:var(--display,'Barlow Condensed',Impact,sans-serif);font-size:24px;font-weight:700;line-height:1;letter-spacing:1px;white-space:nowrap}
.pat-broadcast-ticker>span{display:block;width:max-content;animation:pb-caution 38s linear infinite}
.pat-broadcast-debris{position:absolute;inset:0;overflow:hidden}
.pat-broadcast-banana{position:absolute;width:var(--pb-size,35px);height:var(--pb-size,35px);left:var(--pb-x);top:110%;opacity:.65;animation:pb-banana-flight var(--pb-duration,18s) linear var(--pb-delay,0s) infinite;filter:drop-shadow(0 0 10px #f2d57835)}
.pat-broadcast-banana svg{display:block;width:100%;height:100%;transform:rotate(var(--pb-angle,0deg))}
@keyframes pb-arrive{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes pb-searchlight{from{transform:rotate(-35deg)}to{transform:rotate(40deg)}}
@keyframes pb-spin{to{transform:rotate(360deg)}}
@keyframes pb-radar-breathe{from{opacity:.55;scale:.98}to{opacity:1;scale:1.04}}
@keyframes pb-pat-hover{from{transform:translate(-50%,0) rotate(-7deg)}to{transform:translate(-50%,-14px) rotate(-3deg)}}
@keyframes pb-echo-left{from{transform:translateX(-13%) rotate(-15deg);opacity:.1}to{transform:translateX(-22%) rotate(-22deg);opacity:.2}}
@keyframes pb-echo-right{from{transform:translateX(15%) rotate(5deg);opacity:.1}to{transform:translateX(24%) rotate(12deg);opacity:.2}}
@keyframes pb-caution{to{transform:translateX(-50%)}}
@keyframes pb-wave{to{transform:scaleY(.45)}}
@keyframes pb-banana-flight{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(var(--pb-drift,70px),-140vh,0) rotate(300deg)}}
@media(min-width:1500px){.pat-broadcast-content{padding-top:65px;padding-bottom:65px;max-width:1340px}.pat-broadcast-scene{min-height:770px}.pat-broadcast-headline h2{font-size:165px}}
@media(max-width:900px){.pat-broadcast-content{column-gap:25px;padding:40px 28px}.pat-broadcast-headline h2{font-size:105px}.pat-broadcast-scene{min-height:720px}.pat-broadcast-sticker{right:-2%;font-size:25px;padding:12px}.pat-broadcast-target{font-size:12px}.pat-broadcast-orbit>span{font-size:12px}.pat-broadcast-dispatch{padding:19px}.pat-broadcast-dispatch h3{font-size:33px}.pat-broadcast-stand-down{padding:19px 16px;font-size:13px}}
@media(max-width:650px){.pat-broadcast-header{padding:max(11px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 11px max(18px,env(safe-area-inset-left))}.pat-broadcast-network{font-size:12px;letter-spacing:1px;gap:9px}.pat-broadcast-network>span{width:8px;height:8px}.pat-broadcast-close{width:44px;height:44px}.pat-broadcast-content{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:28px 22px 29px;max-width:480px}.pat-broadcast-headline{grid-column:1;grid-row:1;pointer-events:none}.pat-broadcast-kicker{font-size:12px;letter-spacing:.35px;margin-bottom:15px;max-width:255px}.pat-broadcast-headline h2{font-size:clamp(83px,23vw,110px);line-height:.79;letter-spacing:-1.5px}.pat-broadcast-subhead{margin:18px 0 0;font-size:18px}.pat-broadcast-scene{grid-column:1;grid-row:2;height:355px;min-height:0;margin-top:-27px;margin-bottom:17px}.pat-broadcast-radar{width:93%;left:6%;top:10%}.pat-broadcast-pat{height:118%;bottom:-2%;left:53%;mask-image:linear-gradient(#000 85%,transparent 100%)}.pat-broadcast-pat-shadow{inset:-18% -25% 0}.pat-broadcast-orbit{inset:21% -3% 20%}.pat-broadcast-orbit>span{font-size:12px;padding:7px 9px;top:8%;right:0}.pat-broadcast-sticker{bottom:30%;right:-1%;font-size:24px;padding:10px 12px}.pat-broadcast-target{font-size:12px;left:-1%;bottom:20%;padding:7px 9px}.pat-broadcast-caution{left:-6%;right:-6%;bottom:9%;padding:10px 0;font-size:21px;border-block-width:3px}.pat-broadcast-dispatch{grid-column:1;grid-row:3;margin:0 0 23px;padding:19px 18px}.pat-broadcast-dispatch-label{font-size:12px;margin-bottom:13px;letter-spacing:.4px}.pat-broadcast-dispatch h3{font-size:36px}.pat-broadcast-dispatch>p:last-of-type{font-size:16px;line-height:1.7}.pat-broadcast-transmission{min-height:74px;margin-top:16px;padding-top:14px;gap:13px}.pat-broadcast-transmission p{font-size:14px}.pat-broadcast-actions{grid-column:1;grid-row:4}.pat-broadcast-stand-down{padding:18px;font-size:13px;gap:8px}.pat-broadcast-sound{font-size:12px;padding:13px 10px;margin-top:17px}.pat-broadcast-fine-print{font-size:12px;margin-top:14px}.pat-broadcast-ticker{font-size:21px;padding-top:12px}.pat-broadcast-banana{opacity:.45}.pat-broadcast-beam{width:140%;height:150%}.pat-broadcast-beam-left{left:-80%}.pat-broadcast-beam-right{right:-80%}}
@media(max-width:360px){.pat-broadcast-header{padding-inline:14px}.pat-broadcast-network{font-size:12px;letter-spacing:.5px}.pat-broadcast-content{padding-inline:18px;padding-top:25px}.pat-broadcast-kicker{font-size:12px;max-width:245px;line-height:1.55}.pat-broadcast-headline h2{font-size:82px}.pat-broadcast-subhead{font-size:17px}.pat-broadcast-scene{height:310px;margin-top:-15px}.pat-broadcast-sticker{font-size:21px;right:-1%;bottom:31%}.pat-broadcast-orbit>span{font-size:12px;right:-2%;padding:6px 8px}.pat-broadcast-target{font-size:12px;left:-2%;bottom:19%;letter-spacing:0}.pat-broadcast-dispatch{padding:18px 15px}.pat-broadcast-dispatch h3{font-size:33px}.pat-broadcast-stand-down{padding:17px 12px;font-size:12px}.pat-broadcast-stand-down svg{width:21px;height:21px}}
@media(max-height:520px) and (min-width:651px){.pat-broadcast-content{padding-top:30px}.pat-broadcast-scene{min-height:650px}.pat-broadcast-header{padding-block:8px}}
@media(prefers-reduced-motion:reduce){.pat-broadcast,.pat-broadcast *,.pat-broadcast *:before,.pat-broadcast *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pat-broadcast-radar{opacity:.85}.pat-broadcast-banana{top:var(--pb-rest-y,40%);opacity:.35}.pat-broadcast-beam-left{transform:rotate(-25deg)}.pat-broadcast-beam-right{transform:rotate(25deg)}.pat-broadcast-wave i{transform:none}.pat-broadcast-ticker>span,.pat-broadcast-caution>span{transform:none}}
