:root{color-scheme:dark;--ink:#111c36;--muted:#8e9bb4;--white:#f6f3e9;--red:#f44351;--blue:#2759e8;--line:#2b3650}*{box-sizing:border-box}body{margin:0;background:#0a1225;color:var(--white);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 70% 0%,#192e554d,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe080;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.topbar{max-width:1160px;margin:auto;padding:25px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1.5px}.brand b{display:block;margin-top:5px}.crest{display:grid;place-items:center;width:38px;height:44px;background:linear-gradient(90deg,var(--red) 50%,var(--blue) 50%);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);font:900 26px monospace}.edition{font:10px monospace;color:var(--muted);letter-spacing:2px}.edition i{display:inline-block;width:5px;height:5px;background:var(--red);margin:0 15px}main{max-width:1080px;margin:auto;padding:36px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font:700 10px monospace;letter-spacing:2px;color:var(--red);margin:0 0 12px}h1{font-size:clamp(30px,4.5vw,52px);line-height:.98;letter-spacing:-2px;margin:0;font-weight:950}h1 span{display:block;font-size:.65em;letter-spacing:-1px;margin-top:9px}.intro p:last-child{font-size:14px;color:var(--muted);margin:15px 0 0}.stamp{text-align:center;border:1px solid var(--line);padding:13px 18px;font:900 36px monospace;color:var(--red);transform:rotate(5deg)}.stamp span{font:9px monospace;color:var(--muted)}.game-shell{border:1px solid #3a4560;background:var(--ink);box-shadow:0 20px 80px #0004}.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;padding:18px 24px;background:#131f39;border-top:3px solid var(--blue);gap:15px}.scoreboard div{border-right:1px solid var(--line)}.scoreboard div:last-child{border:0;text-align:right}.scoreboard span{display:block;font:10px monospace;color:var(--muted);letter-spacing:1.5px;margin-bottom:6px}.scoreboard strong{font:700 27px monospace;letter-spacing:2px}.scoreboard .hearts{color:var(--red);font-size:24px;letter-spacing:0}.scoreboard .best strong{color:#a8b7d5}.pitch-wrap{position:relative;overflow:hidden;background:#236141}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:manipulation}.pitch-label{position:absolute;top:14px;left:16px;font:9px monospace;letter-spacing:1px;color:#eff4ed99;pointer-events:none}.live-dot{display:inline-block;background:#f44351;width:5px;height:5px;margin-right:5px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08152a80;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.overlay-card{text-align:center;background:#0d1831ed;border:1px solid #6d7d9966;padding:28px 40px;box-shadow:7px 7px 0 #070e2299;max-width:92%}h2{font:900 clamp(22px,3vw,36px)/1.05 monospace;letter-spacing:-1px;margin:0}.overlay-card>p:not(.eyebrow){font-size:13px;color:#c5cee0;line-height:1.6}.overlay-card .primary{margin:5px auto 15px;min-width:210px}.overlay-card small{display:block;font-size:10px;color:var(--muted)}.primary{display:flex;justify-content:center;align-items:center;gap:25px;background:var(--red);border:0;border-bottom:4px solid #ad253c;color:white;min-height:50px;padding:12px 25px;font-size:12px;font-weight:900;letter-spacing:1px;touch-action:manipulation}.primary:hover:enabled{background:#ff5662}.primary:active:enabled{transform:translateY(2px);border-bottom-width:2px}.primary span{font-size:20px}kbd{font:9px monospace;border:1px solid #ffffff55;padding:4px}.game-controls{display:flex;align-items:center;gap:10px;padding:17px 20px}.status{display:flex;align-items:center;gap:10px;flex:1}.status-dot{width:6px;height:6px;background:#78d69e;flex-shrink:0}.status strong{display:block;font-size:12px}.status small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.icon-button{min-width:44px;min-height:48px;border:1px solid var(--line);background:transparent;color:var(--white);font-size:20px}.icon-button span{display:block;font:8px monospace;color:var(--muted)}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px 0 8px}.guide article{display:flex;gap:12px}.guide article>span{font:12px monospace;color:var(--red);padding-top:1px}h3{font-size:10px;letter-spacing:1px;margin:0 0 8px}.guide p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}footer{max-width:1080px;margin:0 auto;padding:22px 24px 30px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font:9px monospace;color:#7484a0;letter-spacing:.5px}.red{color:var(--red)}@media(max-width:650px){.topbar{padding:17px 16px}.edition{font-size:8px;letter-spacing:0}.edition i{margin:0 6px}main{padding:26px 12px}.stamp{display:none}.intro{padding:0 4px}.scoreboard{padding:14px 12px;gap:8px;grid-template-columns:1fr .8fr 1.1fr 1fr}.scoreboard span{font-size:8px;letter-spacing:.4px}.scoreboard strong{font-size:21px}.scoreboard .hearts{font-size:18px}.game-controls{padding:13px 12px;flex-wrap:wrap;gap:8px}.status{flex-basis:100%;margin-bottom:4px;min-height:30px}#shoot{flex:1}.guide{grid-template-columns:1fr;gap:18px;padding:25px 7px 0}.guide p{font-size:12px}.overlay-card{padding:15px 18px}.overlay-card .eyebrow{font-size:8px;margin-bottom:7px}.overlay-card h2{font-size:23px}.overlay-card>p:not(.eyebrow){font-size:11px;margin:8px 0}.overlay-card .primary{min-height:40px;padding:8px 20px;margin:6px auto 8px}.overlay-card small{font-size:8px}footer{padding:20px 16px;flex-direction:column}.pitch-label{top:7px;left:8px;font-size:7px}}@media(prefers-reduced-motion:reduce){button{transform:none!important}}
@media(max-width:650px){.pitch-wrap canvas{min-height:240px}}

.player-bar{display:flex;align-items:center;gap:14px;padding:14px 22px;flex-wrap:wrap}.player-bar label{font:10px monospace;letter-spacing:1px;color:#adb9cd}.player-bar input{background:#0a1225;border:1px solid #52617e;border-radius:0;padding:10px 12px;color:#fff;font:16px Arial;width:190px;min-height:42px}.player-bar input:focus{outline:2px solid #ffe080}.player-bar input:disabled{opacity:.65}.player-bar span{font-size:11px;color:#8e9bb4}.ranking{margin-top:28px;border:1px solid #2b3650;padding:24px;background:#111c36}.ranking h2{font-size:23px}.ranking>p:not(.eyebrow){font-size:12px;color:#8e9bb4;line-height:1.6}.ranking ol{list-style:none;padding:0;margin:18px 0 0}.ranking li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #2b3650;font-size:13px;overflow-wrap:anywhere}.ranking li strong{font:12px monospace;color:#f4838c;white-space:nowrap}@media(max-width:650px){.player-bar{padding:12px;gap:8px}.player-bar label{flex-basis:100%}.player-bar input{width:100%}.ranking{padding:18px 14px}.ranking h2{font-size:19px}}

.power-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0d172c;flex-wrap:wrap}.power-bar label{font:10px monospace;color:#b7c5de}.power-bar progress{width:160px;height:12px;accent-color:#f44351}.power-bar strong{font:12px monospace;min-width:36px;color:#ffe080}.power-bar small{font-size:11px;color:#a7b6cd}#shoot,#pitch{touch-action:none}.ranking li:first-child{background:#253553;color:#ffe080;padding:14px 8px}

.ranking-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.ranking-actions button{font-size:12px;padding:10px 15px}.ranking-actions [hidden]{display:none}
.club-crest{width:44px;height:52px;object-fit:contain}.brand{gap:12px}

.milestone{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:2%;padding:3%;background:#08152aeb}.milestone[hidden]{display:none}.cameo-player{width:38%;height:96%;object-fit:contain;object-position:bottom;image-rendering:pixelated;align-self:flex-end}.speech-bubble{position:relative;background:#fffbed;color:#14213c;border:4px solid #14213c;box-shadow:6px 6px 0 #ed3e52;padding:clamp(12px,2vw,26px);width:55%;max-width:400px}.speech-bubble:before{content:'';position:absolute;left:-20px;top:55%;border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:20px solid #fffbed}.speech-bubble h2{font-size:clamp(17px,2.7vw,30px);line-height:1.1}.speech-bubble>p:not(.eyebrow){font-size:12px}.speech-bubble .primary{width:100%;margin-top:14px;padding:10px;min-height:44px;font-size:11px}.speech-bubble .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.4}@media(max-width:480px){.milestone{padding:9px;gap:0}.cameo-player{width:35%;height:90%}.speech-bubble{width:63%;padding:10px;border-width:3px}.speech-bubble h2{font-size:19px}.speech-bubble .eyebrow{font-size:8px;margin-bottom:8px}.speech-bubble>p:not(.eyebrow){font-size:10px}.speech-bubble .primary{font-size:10px;margin-top:8px}}