/* PATIO 13: isolated match typography; copied from v12 without changing gameplay. */
:root{--patio-anime-css:13}
.anime-goal-cue{position:absolute;z-index:19;pointer-events:none;left:50%;top:19%;transform:translateX(-50%);width:min(670px,85%);color:#fff0c7;--goal-color:#fff0c7;--cue-opacity:0;--cue-x:0px;--cue-scale:1;opacity:var(--cue-opacity);isolation:isolate}
.anime-goal-copy{position:relative;text-align:center;transform:translateX(var(--cue-x)) scale(var(--cue-scale)) rotate(-3deg);filter:none}
.anime-goal-copy>span{display:block;letter-spacing:3px;font:800 11px var(--mono);color:#f9edc7;margin-bottom:9px;text-shadow:0 2px 3px #17382d}
.anime-goal-copy>strong{font-family:Impact,"Arial Black",var(--font);font-style:italic;font-weight:950;font-size:clamp(60px,8.5vw,125px);line-height:.97;letter-spacing:-4px;color:var(--goal-color);-webkit-text-stroke:2px #12372e;paint-order:stroke fill;text-shadow:3px 4px 0 #17392f,0 8px 0 #071e2566,-2px -2px 0 #f9f1d299;display:block}
.anime-goal-art{position:absolute;inset:17px -23px -17px;background:#143c31e8;clip-path:polygon(1% 18%,17% 11%,11% 0,83% 4%,81% 14%,100% 7%,94% 48%,99% 80%,73% 79%,78% 96%,7% 90%,12% 68%,0 78%);transform:translateX(var(--cue-x)) scale(var(--cue-scale)) rotate(-3deg);z-index:-1}
.anime-goal-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-17deg,transparent 0 6px,#c2dd9a17 7px,transparent 8px);opacity:.8}
.anime-goal-art:after{content:"";position:absolute;height:6px;background:#e3d187;left:7%;right:7%;bottom:9%;transform:rotate(-2deg);box-shadow:0 5px 0 #18372e}
.anime-goal-byline{display:flex;align-items:center;gap:18px;justify-content:center;margin:12px 0 8px;color:#f4edd1;font-size:15px;font-weight:750}
.anime-goal-byline>span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anime-goal-byline>b{background:#f3e8bc;color:#16382b;border-radius:4px;font:850 19px var(--mono);padding:5px 10px;white-space:nowrap}
.anime-goal-copy>small{display:block;font:8px var(--mono);letter-spacing:1.2px;line-height:1.5;color:#d9e6bf;padding-bottom:18px}
.anime-goal-cue.conceded{width:min(600px,85%);--goal-color:#ffb89a}
.conceded .anime-goal-copy>strong{font-size:clamp(42px,6vw,85px);letter-spacing:-2px}
.conceded .anime-goal-art{background:#352f2cef}
.conceded .anime-goal-art:after{background:#ed9c7d}
.conceded .anime-goal-copy>small{color:#e4c6b1}
.anime-goal-cue.subtle{top:10%;width:min(470px,80%)}
.subtle .anime-goal-copy{transform:none;filter:drop-shadow(0 3px 5px #142a22)}
.subtle .anime-goal-copy>strong{font-size:40px;letter-spacing:-1px;-webkit-text-stroke:1px #12362c}
.subtle .anime-goal-art{clip-path:none;border-radius:7px;inset:0 -8px 0;transform:none;background:#17382cee}
.subtle .anime-goal-art:before,.subtle .anime-goal-art:after{display:none}
.subtle .anime-goal-copy>span{padding-top:12px;font-size:9px;letter-spacing:1px}
.subtle .anime-goal-byline{font-size:12px;margin:9px 0 6px}
.subtle .anime-goal-byline>b{font-size:14px;padding:3px 7px}
.still .anime-goal-copy{transform:none}
.energy-cue{position:absolute;z-index:16;pointer-events:none;left:50%;bottom:13px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;min-width:310px;padding:6px 21px;color:#ffbc96;isolation:isolate;--energy-enter:1}
.energy-cue:before{content:"";inset:0;position:absolute;z-index:-1;background:#102f28;box-shadow:inset 3px 0 #f0a580;transform:skew(-12deg)}
.energy-cue>svg{width:26px;height:36px;stroke:#15362c;fill:#f6b28d;stroke-width:1.1;transform:scale(calc(.8 + var(--energy-enter)*.2))}
.energy-cue>div{flex:1}
.energy-cue strong{display:block;font:900 italic 21px Impact,"Arial Black",var(--font);letter-spacing:.5px;line-height:1.05;text-shadow:1px 2px #071f21}
.energy-cue small{display:block;font:6.5px var(--mono);letter-spacing:.6px;color:#c9d5b9;margin-top:5px}
.energy-cue-track{height:2px;display:block;width:100%;background:#5f70553d;margin-top:6px;border-radius:2px;overflow:hidden}
.energy-cue-track>i{display:block;height:100%;background:#f0be86;transition:width .1s linear;width:0}
.energy-cue.ready{color:#d7efad}
.energy-cue.ready>svg{fill:#d7efad}
.energy-cue.ready:before{box-shadow:inset 3px 0 #c7e49c}
.energy-cue.ready .energy-cue-track>i{background:#c7e49c}
.has-energy-cue .footer .control-guide,.has-energy-cue .footer .mobile-footer{visibility:hidden}
@media (max-width:800px){
.anime-goal-cue{top:24%;width:86%}
.anime-goal-copy>strong{font-size:clamp(56px,12vw,85px);letter-spacing:-2px;-webkit-text-stroke:1.2px #153a2c}
.conceded .anime-goal-copy>strong{font-size:clamp(39px,9vw,65px)}
.anime-goal-copy>span{font-size:8px;letter-spacing:1.8px}
.anime-goal-byline{font-size:12px;gap:10px}
.anime-goal-byline>b{font-size:17px;padding:4px 8px}
.anime-goal-copy>small{font-size:7px;letter-spacing:.8px}
.energy-cue{bottom:6px;left:147px;right:15px;min-width:0;width:auto;transform:none;gap:8px;padding:5px 11px;max-width:270px}
.energy-cue strong{font-size:17px;letter-spacing:0}
.energy-cue small{font-size:5.6px;letter-spacing:0}
.energy-cue>svg{width:17px;height:27px}
.energy-cue-track{margin-top:4px}
.has-energy-cue .footer-link{visibility:hidden}
}
@media (max-height:500px) and (orientation:landscape){
.anime-goal-cue{top:10%;width:min(450px,60%)}
.anime-goal-copy>strong{font-size:70px}
.conceded .anime-goal-copy>strong{font-size:43px}
.anime-goal-copy>span{font-size:8px;margin-bottom:5px}
.anime-goal-byline{margin:8px 0 5px;font-size:11px}
.anime-goal-copy>small{padding-bottom:14px;font-size:6px}
.energy-cue{left:13px;right:auto;top:4px;bottom:auto;transform:none;width:145px;min-width:0;padding:4px 8px;gap:6px}
.energy-cue strong{font-size:14px}
.energy-cue small{display:none}
.energy-cue>svg{width:17px;height:28px}
.energy-cue-track{margin-top:5px}
.has-energy-cue .topbar .brand{visibility:hidden}
}
@media (prefers-reduced-motion:reduce){
.anime-goal-copy,.anime-goal-art{transform:none!important}
.energy-cue>svg{transform:none!important}
.energy-cue-track>i{transition:none}
}
/* Isolated local preview: never applies has-energy-cue/anime-goal to the game. */
.anime-preview{margin:14px 0 18px;border:1px solid #bbcbb0;border-radius:9px;background:#e9efdf;overflow:hidden;color:#234633}
.anime-preview summary{padding:13px 14px;cursor:pointer;font-size:12px;font-weight:750;min-height:44px}
.anime-preview-description{font-size:10px;line-height:1.65;margin:0 14px 12px;color:#62745b}
.anime-preview-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 12px 12px}
.anime-preview-options button{background:#dce6cf;color:#30533c;border:1px solid #bfccb4;border-radius:6px;padding:9px 6px;font-size:10px;min-height:38px}
.anime-preview-options button[aria-pressed=true]{background:#1c4032;color:#f4efd9;border-color:#1c4032}
.anime-preview-stage{width:100%;height:190px;overflow:hidden;background:radial-gradient(ellipse at center,#497a52,#183c30);position:relative;pointer-events:none}
.anime-preview-canvas{width:640px;height:370px;position:absolute;inset:0 auto auto 0;transform:scale(var(--preview-scale,.5));transform-origin:top left;pointer-events:none}
.anime-preview-canvas:before{content:'';position:absolute;inset:35px;border:2px solid #d8e6c83d;border-radius:20px;background:linear-gradient(90deg,transparent 49.8%,#d8e6c83d 50%,transparent 50.2%)}
.anime-preview-stage .anime-goal-cue{top:65px;left:50%;width:540px;max-width:none;opacity:1;--cue-opacity:1;--cue-x:0px;--cue-scale:1}
.anime-preview-stage .anime-goal-copy>strong{font-size:92px;-webkit-text-stroke:2px #12372e;letter-spacing:-3px}
.anime-preview-stage .conceded .anime-goal-copy>strong{font-size:62px}
.anime-preview-stage .anime-goal-copy>span{font-size:11px;letter-spacing:2px;margin-bottom:9px}
.anime-preview-stage .anime-goal-byline{font-size:15px;gap:18px;margin:12px 0 8px}
.anime-preview-stage .anime-goal-byline>b{font-size:19px;padding:5px 10px}
.anime-preview-stage .anime-goal-copy>small{font-size:9px;line-height:1.5;padding-bottom:18px}
.anime-preview-stage .subtle .anime-goal-copy>strong{font-size:44px;letter-spacing:-1px}
.anime-preview-stage .energy-cue{left:50%;right:auto;top:130px;bottom:auto;width:390px;max-width:none;transform:translateX(-50%);padding:14px 24px;gap:15px}
.anime-preview-stage .energy-cue strong{font-size:27px}
.anime-preview-stage .energy-cue small{display:block;font-size:9px;letter-spacing:.4px}
.anime-preview-stage .energy-cue>svg{width:32px;height:48px}
.anime-preview-caption{position:absolute;left:20px;right:20px;bottom:18px;color:#d8e7ce;text-align:center;letter-spacing:2px;font:10px var(--mono);margin:0}
.anime-preview-classic{position:absolute;inset:55px 20px auto;text-align:center;color:#f6f0dc}
.anime-preview-classic strong{font:900 70px var(--font);display:block}.anime-preview-classic small{display:block;font-size:13px;margin-top:12px}
.anime-preview-status{font-size:10px;line-height:1.6;margin:10px 14px 12px;color:#546a50}
@media(prefers-reduced-motion:reduce){.anime-preview-canvas *{animation:none!important;transition:none!important}}