:root{color-scheme:dark;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;color:#f6fff9;background:#06100b;font-synthesis:none;--lime: #b6ff2e;--green: #1cc86b;--ink: #07120d;--panel: rgba(9, 29, 20, .88);--stadium-image: none}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(circle at 50% -10%,#24543a 0,transparent 42%),#06100b}button{min-height:44px;border:0;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible{outline:3px solid white;outline-offset:3px}.app-shell{position:relative;width:min(100%,540px);min-height:100dvh;margin:0 auto;overflow:hidden;background:linear-gradient(#01080426,#010804db),var(--stadium-image),radial-gradient(ellipse at 50% 36%,#30654a 0,#132b20 38%,#07120d 75%);background-position:center;background-size:cover;box-shadow:0 0 80px #00000080}.title-screen{display:flex;flex-direction:column;justify-content:center;padding:max(32px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.title-screen:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 68%)}.stadium-glow{position:absolute;top:3%;left:50%;width:90%;height:45%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(182,255,46,.17),transparent 65%);filter:blur(10px)}.brand,.title-card,.footer-note{position:relative;z-index:1}.brand{margin:auto 0 30px;text-align:center}.title-character{position:absolute;z-index:1;top:21%;left:50%;width:min(64%,290px);max-height:39%;transform:translate(-50%);object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.42));pointer-events:none}.eyebrow{margin:0 0 6px;color:var(--lime);font:800 12px/1 Arial Narrow,Impact,sans-serif;letter-spacing:.22em}.brand h1{margin:0;font:italic 900 clamp(58px,18vw,88px)/.85 Impact,"Arial Narrow",sans-serif;letter-spacing:-.055em;text-shadow:0 5px 0 rgba(0,0,0,.28)}.brand h1 span{color:var(--lime)}.tagline{margin:18px 0 0;color:#ffffffb8;font-size:13px;font-weight:700;letter-spacing:.18em}.title-card{z-index:2;margin-top:auto;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(145deg,#183a28f0,#06120cf2);box-shadow:0 24px 60px #00000059;backdrop-filter:blur(16px)}.how-to{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.step{display:flex;align-items:center;gap:12px;font-size:12px;color:#ffffffbf}.step b{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(182,255,46,.42);border-radius:50%;color:var(--lime);font:800 11px Arial Narrow,Impact,sans-serif}.settings-row{display:flex;align-items:flex-end;gap:12px;margin:18px 0}.difficulty-group{flex:1}.field-label{margin:0 0 8px;color:#ffffff7a;font:700 10px Arial Narrow,Impact,sans-serif;letter-spacing:.16em}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:#00000047}.difficulty-button{min-height:36px;padding:0 6px;border-radius:9px;background:transparent;color:#ffffff80;font:800 12px Arial Narrow,Impact,sans-serif}.difficulty-button.active{color:#132007;background:var(--lime);box-shadow:0 4px 18px #b6ff2e33}.sound-button{display:grid;width:48px;height:48px;min-height:48px;place-items:center;padding:5px;border-radius:12px;background:#ffffff14}.sound-button svg,.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sound-button span{color:#ffffff8c;font:700 8px Arial Narrow,Impact,sans-serif}.primary-button{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;padding:0 13px 0 22px;border-radius:15px;color:#0b1804;background:linear-gradient(120deg,var(--lime),#7ff33b);box-shadow:0 12px 28px #77e5302e;font-size:15px;font-weight:900;letter-spacing:.08em}.primary-button i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#07120d1f;font-style:normal}.primary-button:active,.shoot-button:active{transform:translateY(2px)}.footer-note{margin:15px 0 0;color:#ffffff47;text-align:center;font:700 9px Arial Narrow,Impact,sans-serif;letter-spacing:.18em}.game-screen{display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto;background:#07140d}.game-hud{z-index:10;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px 8px;background:linear-gradient(#08140e,#08140ec2)}.icon-button{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#ffffff12}.round-label{text-align:center}.round-label small{display:block;color:var(--lime);font:700 9px Arial Narrow,Impact,sans-serif;letter-spacing:.18em}.round-label strong{font:800 24px Arial Narrow,Impact,sans-serif;letter-spacing:.05em}.round-label strong span{color:#ffffff6b;font-size:14px}.score-strip{z-index:10;display:flex;justify-content:center;gap:9px;padding:6px 0 12px;background:#08140eb8}.shot-dot{display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffff59;background:#ffffff0d;font:800 11px Arial Narrow,Impact,sans-serif}.shot-dot.current{color:var(--lime);border-color:var(--lime);box-shadow:0 0 0 3px #b6ff2e1a,0 0 16px #b6ff2e40}.shot-dot.goal{color:#0e2609;border-color:var(--lime);background:var(--lime)}.shot-dot.saved,.shot-dot.miss{color:#fff;border-color:#ff5c5c;background:#d83f45}.match-stage{position:relative;min-height:360px;overflow:hidden;background:linear-gradient(to bottom,#0108040a,#0108041a),radial-gradient(ellipse at 50% 15%,#304238 0,#18251f 37%,#101713 38%,#080d0a 54%,transparent 55%),linear-gradient(to bottom,#111b16 0 48%,#1e8247 48% 100%)}.match-stage:after{content:"";position:absolute;inset:48% 0 0;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.25) 42px 84px);transform:perspective(270px) rotateX(48deg) scale(1.5);transform-origin:top}.crowd{position:absolute;inset:5% -3% 43%;opacity:.5;background:radial-gradient(circle,#d8f1df 0 1px,transparent 1.5px) 0 0 / 9px 8px,radial-gradient(circle,#8ca397 0 1px,transparent 1.5px) 3px 4px / 11px 9px,linear-gradient(#1a241f,#090d0b);mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.5),transparent)}.floodlights{position:absolute;z-index:1;top:2%;width:26%;height:14px;background:repeating-linear-gradient(90deg,#fff 0 4px,#a9cdb8 4px 7px);box-shadow:0 0 15px #fff,0 0 50px #d7ffe7b3}.floodlights.left{left:-2%;transform:rotate(-5deg)}.floodlights.right{right:-2%;transform:rotate(5deg)}.pitch-lines{position:absolute;z-index:1;bottom:-27%;left:50%;width:84%;height:58%;border:2px solid rgba(255,255,255,.45);transform:translate(-50%) perspective(240px) rotateX(62deg)}.goal{position:absolute;z-index:4;top:24%;left:50%;width:min(84%,430px);aspect-ratio:2.25 / 1;transform:translate(-50%);border:6px solid #eef6f0;border-bottom-width:5px;border-radius:3px 3px 0 0;box-shadow:0 2px 4px #00000080,0 0 12px #fff3;cursor:crosshair;touch-action:none}.goal.locked{cursor:default}.net{position:absolute;inset:0;opacity:.65;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:18px 18px;box-shadow:inset 0 10px 25px #00000061}.keeper{--keeper-x: .5;--keeper-y: .58;position:absolute;z-index:5;left:50%;top:58%;width:54px;height:94px;transform:translate(-50%,-50%);transform-origin:center;background-position:center;background-size:contain;background-repeat:no-repeat;transition:left .52s cubic-bezier(.2,.7,.2,1),top .52s cubic-bezier(.2,.7,.2,1),transform .52s ease}.keeper[style*=background-image]>*{display:none}.keeper.has-asset{width:128px;height:86px}.keeper.diving{left:calc(var(--keeper-x) * 100%);top:calc(var(--keeper-y) * 100%);transform:translate(-50%,-50%) rotate(calc((var(--keeper-x) - .5) * 80deg)) scale(1.08)}.keeper-head{position:absolute;top:0;left:18px;width:19px;height:21px;border-radius:50%;background:#8d5a3c;box-shadow:inset 0 5px #1a1511}.keeper-body{position:absolute;top:20px;left:12px;width:31px;height:47px;border-radius:9px 9px 4px 4px;background:linear-gradient(90deg,#f28617,#ffb02e 50%,#e8730f)}.keeper-arm,.keeper-leg{position:absolute;width:12px;border-radius:8px;transform-origin:top center}.keeper-arm{top:23px;height:46px;background:#f18b18}.left-arm{left:9px;transform:rotate(51deg)}.right-arm{right:9px;transform:rotate(-51deg)}.keeper-leg{top:60px;height:35px;background:#e5e9e7}.left-leg{left:15px;transform:rotate(13deg)}.right-leg{right:15px;transform:rotate(-13deg)}.target-marker{position:absolute;z-index:6;width:46px;height:46px;transform:translate(-50%,-50%);border:2px solid var(--lime);border-radius:50%;box-shadow:0 0 16px #b6ff2e99;animation:target-pulse 1s ease-in-out infinite;pointer-events:none}.target-marker:before,.target-marker:after{content:"";position:absolute;background:var(--lime)}.target-marker:before{top:50%;left:-7px;width:calc(100% + 14px);height:1px}.target-marker:after{top:-7px;left:50%;width:1px;height:calc(100% + 14px)}@keyframes target-pulse{50%{transform:translate(-50%,-50%) scale(.88);opacity:.72}}.ball{position:absolute;z-index:8;bottom:13%;left:50%;width:48px;height:48px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 42%,#161a18 0 12%,transparent 13%),radial-gradient(circle at 24% 30%,#222 0 9%,transparent 10%),radial-gradient(circle at 75% 35%,#222 0 9%,transparent 10%),radial-gradient(circle at 30% 74%,#222 0 9%,transparent 10%),#f4f5ef;background-position:center;background-size:contain;box-shadow:0 6px 12px #0000006b;transition:left .7s cubic-bezier(.18,.7,.25,1),top .7s cubic-bezier(.18,.7,.25,1),bottom .7s cubic-bezier(.18,.7,.25,1),transform .7s ease}.ball[style*=background-image] span{display:none}.ball.flying{bottom:auto;left:calc(8% + var(--ball-x) * 84%);top:calc(24% + var(--ball-y) * 37%);transform:translate(-50%,-50%) scale(.46) rotate(540deg)}.ball.ball-miss{filter:saturate(.65)}.instruction{position:absolute;z-index:7;right:0;bottom:4%;left:0;text-align:center;transition:opacity .2s}.instruction.hidden{opacity:0}.instruction b{display:block;font-size:15px;font-weight:900}.instruction span{display:block;margin-top:4px;color:#ffffff9e;font-size:11px}.power-panel{z-index:10;padding:14px 20px max(18px,env(safe-area-inset-bottom));background:linear-gradient(145deg,#10251a,#07110c);box-shadow:0 -10px 35px #00000040}.power-copy{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px;font:800 11px Arial Narrow,Impact,sans-serif;letter-spacing:.16em}.power-copy b{color:var(--lime);font-size:18px}.power-track{position:relative;height:14px;margin:0 6px 16px;border-radius:8px;background:linear-gradient(90deg,#2bb57a,#a7f532 62%,#ffd43b 82%,#ef4b42);box-shadow:inset 0 2px 5px #00000059}.power-track.muted{opacity:.2;background:#ffffff3d}.power-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#ffffff38}.power-cursor{position:absolute;top:50%;width:7px;height:25px;transform:translate(-50%,-50%);border:2px solid #112016;border-radius:5px;background:#fff;box-shadow:0 0 10px #ffffffb3}.shoot-button{width:100%;min-height:52px;border-radius:14px;color:#102006;background:var(--lime);font-size:14px;font-weight:900}.shoot-button:disabled{color:#ffffff59;background:#ffffff14;cursor:default}.mini-tip{height:27px;color:#ffffffad;text-align:center;font-size:11px}.mini-tip span{color:var(--lime)}.result-layer{position:absolute;z-index:20;inset:105px 0 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#030b0770;backdrop-filter:blur(2px);animation:fade-in .25s ease-out}.result-layer p{position:relative;margin:0;font:italic 900 clamp(70px,22vw,105px)/.8 Impact,"Arial Narrow",sans-serif;letter-spacing:-.05em;text-shadow:0 7px 0 rgba(0,0,0,.3);animation:result-in .38s cubic-bezier(.2,1.6,.4,1)}.result-goal p{color:var(--lime)}.result-saved p,.result-miss p{color:#ff6868}.result-layer>span{position:relative;margin-top:13px;font-size:12px;font-weight:800}.result-layer button{position:absolute;bottom:14px;min-height:44px;padding:0 24px;border-radius:22px;color:#fff;background:#ffffff21;font-size:12px;font-weight:800}.result-layer button i{margin-left:8px;color:var(--lime);font-style:normal}.result-burst{position:absolute;width:320px;height:320px;opacity:.25;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,var(--lime) 10deg 12deg);mask-image:radial-gradient(circle,transparent 0 20%,black 22% 60%,transparent 72%);animation:spin 18s linear infinite}.result-burst.has-asset{width:min(94vw,460px);height:min(94vw,460px);opacity:.72;background-position:center;background-size:contain;background-repeat:no-repeat;mask-image:none}@keyframes result-in{0%{transform:scale(.4) rotate(-7deg);opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:22px;background:#010704d9;backdrop-filter:blur(10px);animation:fade-in .3s ease-out}.result-modal{width:min(100%,420px);padding:30px 24px 22px;border:1px solid rgba(255,255,255,.14);border-radius:27px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(182,255,46,.14),transparent 42%),linear-gradient(145deg,#163323,#07120d);box-shadow:0 28px 80px #00000080}.result-modal h2{margin:7px 0 0;font-size:31px}.final-score{margin:17px 0 5px;font-family:Impact,Arial Narrow,sans-serif}.final-score strong{color:var(--lime);font-size:92px;font-style:italic;line-height:.8}.final-score span{color:#ffffff6b;font-size:28px;font-weight:800}.result-modal>p:not(.eyebrow){margin:18px 0;color:#ffffffa8;font-size:12px}.final-dots{display:flex;justify-content:center;gap:8px;margin-bottom:23px}.text-button{margin-top:8px;color:#ffffff8c;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:3px}@media(min-width:700px){body{padding:22px}.app-shell{min-height:calc(100dvh - 44px);border:1px solid rgba(255,255,255,.1);border-radius:28px}.game-screen{max-height:900px}.title-screen{min-height:min(850px,calc(100dvh - 44px))}}@media(max-height:690px){.brand{margin-bottom:18px}.brand h1{font-size:58px}.title-character{top:18%;max-height:34%}.tagline{margin-top:12px}.how-to{gap:6px;padding-bottom:12px}.settings-row{margin:12px 0}.game-screen{grid-template-rows:auto auto minmax(300px,1fr) auto}.match-stage{min-height:300px}.goal{top:19%}}@media(orientation:landscape)and (max-height:560px){body{overflow:auto}.app-shell{min-height:620px}.title-screen{padding-inline:max(20px,calc((100% - 500px)/2))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}