@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#f4f5f0;background:#111814;font-synthesis:none;font-weight:400;--lime:#d6f579;--muted:#869087}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.header{height:99px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font-size:27px;letter-spacing:-1.5px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;background:var(--lime);width:38px;height:42px;color:#172016;font-size:39px;line-height:1;font-weight:600;clip-path:polygon(18% 0,100% 0,100% 83%,82% 100%,0 100%,0 17%)}.brand-sub{display:block;font-size:7px;font-weight:500;letter-spacing:1.95px;margin-top:4px}.mode-switch{display:flex;background:#1b241d;border:1px solid #ffffff09;border-radius:7px;padding:4px;gap:4px}.mode-switch button{padding:11px 22px;border:0;border-radius:4px;background:transparent;color:#909b90;font-size:12px;letter-spacing:.4px}.mode-switch button span{margin-left:14px;font-size:11px;opacity:.6}.mode-switch button.selected{background:#d6f579;color:#22331b;font-weight:600;box-shadow:0 2px 5px #0002}.help-button{border:0;background:none;display:flex;align-items:center;gap:9px;font-size:12px;color:#b4bcb2}.help-button>span{border:1px solid #657164;border-radius:50%;width:17px;height:17px;line-height:16px;font-size:11px}main{margin:0 4.5%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:31px 0 26px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.4px;color:var(--lime);display:flex;align-items:center;gap:8px}.eyebrow i{width:5px;height:5px;background:var(--lime);border-radius:50%}h1{font-size:31px;letter-spacing:1px;margin:12px 0 0;font-weight:600}h1 span{color:#acb8a8}.intro-note{font-size:11px;color:#8b978b;line-height:1.9;text-align:right;padding-bottom:3px}.arena{position:relative;isolation:isolate;width:100%;height:clamp(460px,65vh,850px);overflow:hidden;border:1px solid #72857035;border-radius:10px;background:#182329;box-shadow:0 18px 70px #0002}#game{width:100%;height:100%;display:block;outline:none;touch-action:none;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07101355,transparent 25%,transparent 64%,#07120edd),linear-gradient(90deg,#06120c22,transparent 25%,transparent 75%,#06120c22)}.venue{position:absolute;top:27px;left:27px;pointer-events:none;font-size:10px;font-weight:600;letter-spacing:1.1px;color:#d8e1dd}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #d6f57988;margin-right:6px}.venue-divider{margin:0 10px;color:#768981}.venue>div{margin-top:9px;color:#8c9e97;letter-spacing:.5px;font-size:9px;font-weight:400}.venue>div>span{margin:0 7px}.scoreboard{position:absolute;top:23px;left:50%;transform:translate(-50%);text-align:center;background:#0e1913ab;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #dce9da20;border-radius:7px;min-width:181px;padding:12px 21px}.score-label{font-size:9px;letter-spacing:3px;color:#a8b6a8}.score-main{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px}.score-main b{font-family:Barlow Condensed,sans-serif;font-size:32px;line-height:1.15;font-weight:500}.score-main>b:first-child{color:var(--lime)}.score-main>span{font-size:9px;color:#aab6ae;padding-top:9px}.score-divider{height:25px;width:1px;background:#ffffff20;margin:0 8px}.attempts{display:flex;justify-content:center;gap:7px;margin-top:9px}.attempts i{width:7px;height:7px;border-radius:50%;border:1px solid #a9b6a256;background:#71816e26}.attempts i.current{border-color:var(--lime)}.attempts i.goal{background:var(--lime);border-color:var(--lime)}.attempts i.miss{background:#e28d7d;border-color:#e28d7d}.arena-actions{position:absolute;right:24px;top:25px;display:flex;gap:9px}.icon-button{background:#0b181760;border:1px solid #c9dccc25;border-radius:5px;width:33px;height:33px;display:grid;place-items:center;color:#b4c4b9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button:hover{background:#3c503d80;color:#fff}.icon-button svg{width:15px;height:15px}.bottom-hud{position:absolute;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.mini-label{font-size:8px;letter-spacing:1.8px;color:#93a38f}.shot-info>div{display:flex;align-items:center;gap:10px;margin-top:4px}.shot-info strong{font-size:42px;line-height:1;font-family:Barlow Condensed,sans-serif;font-weight:500}.shot-info>div>span{font-size:9px;line-height:1.6;color:#a4b39e}.power-panel{width:310px}.power-heading{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#d5dfcf}.power-heading>b{font-size:16px;font-family:Barlow Condensed,sans-serif;font-weight:500}.power-heading>b>span{font-size:9px;color:#93a38b;margin-left:2px}.power-track{height:5px;background:#c5d1ba26;border-radius:5px;position:relative;overflow:hidden}.power-sweet{position:absolute;left:65%;width:20%;height:100%;background:#d6f57940;border-left:1px solid #d6f5799c;border-right:1px solid #d6f5799c}#power-fill{position:absolute;height:100%;width:0;background:var(--lime);border-radius:5px;box-shadow:0 0 15px #d6f579}.power-caption{display:flex;justify-content:space-between;font-size:8px;margin-top:9px;color:#a8b5a0;letter-spacing:1px}.power-caption i{display:inline-block;height:5px;width:5px;background:#c4df88;margin:0 3px}.wind{text-align:right;min-width:80px}.wind>div{font-size:26px;color:#cbd8be;margin-top:10px}.wind strong{font-size:23px;font-family:Barlow Condensed,sans-serif;font-weight:500}.wind>div>span{font-size:9px;margin-left:5px;color:#92a389}.reticle{position:absolute;width:28px;height:28px;border:1px solid #e1ffabbd;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 5px #000);transition:opacity .2s}.reticle:before,.reticle:after{content:"";position:absolute;background:#e1ffab;width:8px;height:1px;top:50%;left:-5px}.reticle:after{left:auto;right:-5px}.reticle>span{position:absolute;width:3px;height:3px;background:#e1ffab;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.announcement{pointer-events:none;position:absolute;top:31%;left:50%;transform:translate(-50%,12px);opacity:0;transition:opacity .25s,transform .3s;text-align:center;width:85%;text-shadow:0 3px 30px #000}.announcement.visible{opacity:1;transform:translate(-50%)}.announcement>span{font-size:10px;letter-spacing:5px;color:#dcf4b6}.announcement strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:72px;line-height:1.1;letter-spacing:4px;margin-top:6px}.announcement p{font-size:12px;letter-spacing:1px;color:#e4eada}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0 25px}.controls{display:flex;gap:25px;font-size:10px;color:#7f8f7c}.controls>span{display:flex;align-items:center;gap:7px}kbd{font-family:inherit;font-size:9px;padding:4px 6px;border:1px solid #80907730;border-radius:3px;color:#aab6a4;box-shadow:0 1px #ffffff0a}#restart{display:flex;align-items:center;gap:7px;background:none;border:0;color:#a6b39e;font-size:18px}#restart>span{font-size:10px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#14201a;transition:opacity .5s}.loading p{font-size:12px;letter-spacing:2px;color:#a7b5a0}.loading.loaded{opacity:0;pointer-events:none}.hidden{display:none!important}.summary{position:absolute;inset:0;display:grid;place-items:center;background:#08130cc9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.summary-card{width:min(360px,90%);text-align:center}.summary-card .eyebrow{justify-content:center}.summary-card h2{font-weight:500;font-size:25px;margin:18px 0 0}.final-score{font-family:Barlow Condensed,sans-serif;margin:8px}.final-score b{font-size:100px;font-weight:500;color:var(--lime)}.final-score span{font-size:35px;color:#72856d;margin-left:15px}.summary-card p{font-size:12px;color:#b0bfaa;line-height:1.8;margin-bottom:25px}.primary{background:var(--lime);color:#233017;border:0;padding:15px 20px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;font-weight:600}.primary:hover{background:#e4ff98}.primary>span{font-size:20px;line-height:1}.text-button{border:0;background:none;font-size:11px;color:#a7b99f;margin-top:20px}.modal{position:fixed;inset:0;background:#050b09ca;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;display:grid;place-items:center;padding:20px}.help-card{position:relative;width:430px;max-width:100%;padding:36px;background:#1b281f;border:1px solid #859d6538;border-radius:12px;box-shadow:0 30px 100px #0006}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#98ac90}.help-card h2{font-size:23px;font-weight:500;margin:20px 0 25px}.help-step{display:flex;gap:18px;margin:22px 0}.help-step>b{font-size:23px;font-family:Barlow Condensed,sans-serif;color:var(--lime);font-weight:500}.help-step h3{font-size:13px;font-weight:500;margin:0 0 7px}.help-step p{font-size:11px;line-height:1.9;color:#9fae99;margin:0}.help-card .primary{margin-top:30px}.arena:fullscreen{border:0;border-radius:0;height:100vh}.arena:fullscreen .bottom-hud{bottom:40px}@media(min-width:1600px){.header,main{margin-left:auto;margin-right:auto;max-width:1536px}.intro{padding-top:40px;padding-bottom:32px}h1{font-size:38px}}@media(max-width:760px){.header{height:78px;margin:0 5%}.brand{font-size:23px;gap:8px}.brand-mark{width:30px;height:34px;font-size:31px}.brand-sub{font-size:5px;letter-spacing:1.6px}.mode-switch button{padding:10px 12px;font-size:11px}.mode-switch button span{display:none}.help-button{font-size:0;gap:0}.help-button>span{font-size:12px}main{margin:0 4%}.intro{padding:26px 0 22px}h1{font-size:25px}.eyebrow{font-size:7px;letter-spacing:1.5px}.intro-note{display:none}.arena{height:66vh;min-height:480px;border-radius:7px}.venue{top:17px;left:15px;font-size:8px}.venue-divider,.venue-divider+span{display:none}.venue{font-size:0}.venue .live-dot{vertical-align:middle}.venue:after{content:"STRIKE ARENA";font-size:8px}.venue>div{display:none}.scoreboard{top:50px;padding:10px 15px;min-width:155px}.score-main b{font-size:27px}.arena-actions{right:13px;top:12px;gap:6px}.icon-button{width:29px;height:29px}.bottom-hud{left:17px;right:17px;bottom:20px;flex-wrap:wrap;gap:22px}.shot-info{order:0}.wind{order:1}.power-panel{order:2;width:100%}.shot-info strong{font-size:31px}.wind>div{margin-top:4px}.power-heading{font-size:10px}.footer{padding:16px 0}.controls{gap:12px;font-size:8px}.controls .keyboard-hint{display:none}.controls kbd{font-size:8px;padding:3px}.announcement strong{font-size:55px}.announcement{top:35%}#restart>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.language-button{border:1px solid #ffffff25;background:#1b241d;border-radius:5px;padding:7px 9px;font-size:11px;color:#d6f579;margin-left:auto;margin-right:18px}.header .mode-switch{margin-left:auto;margin-right:auto}.header{gap:16px}html[lang=en] h1{letter-spacing:-.6px}html[lang=en] .score-label{letter-spacing:1.5px}@media(max-width:760px){.header{gap:8px}.language-button{margin:0;padding:6px;font-size:10px}.header .mode-switch{margin:0 0 0 auto}.mode-switch button{padding:10px 8px}html[lang=en] h1{font-size:24px}}@media(max-width:390px){.brand{font-size:19px}.brand-mark{width:24px;height:28px}.brand-sub{letter-spacing:.8px}.mode-switch button{font-size:10px;padding:9px 5px}.header{gap:5px}.controls{gap:6px}html[lang=en] .controls{font-size:7px}}