@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap";:root{color:#edf7fb;font-synthesis:none;background:#07121e;font-family:Rajdhani,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#07121e;min-width:320px;margin:0;overflow:hidden}img,svg,button{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{font:inherit;color:inherit;cursor:pointer;border:0}.game-shell{background:#081423;flex-direction:column;width:100%;max-width:520px;height:100dvh;margin:auto;display:flex;overflow:hidden}.topbar{z-index:4;background:linear-gradient(#0e2234,#081623);justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.brand{letter-spacing:1.4px;align-items:center;gap:8px;font:800 17px Barlow Condensed;display:flex}.brand b{color:#f4ba42}.brand-mark{color:#f4ba42;display:flex;transform:rotate(-7deg)}.icon-button{color:#85a6b7;background:#132c40;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.icon-button:active{background:#1b3d56}.progress{z-index:4;background:#142a3a;height:4px}.progress span{background:#f2b640;height:100%;transition:width .5s;display:block;box-shadow:0 0 12px #f2b640}.arena{touch-action:none;background:linear-gradient(#17738a 0%,#4aa2a0 32%,#e5b568 68%,#bd713e 100%);flex:1;min-height:0;position:relative;overflow:hidden}.scene-art{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.arena:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#16191c2e),radial-gradient(circle at 80% 30%,#fff9b44d,#0000 22%);position:absolute;inset:0}.sun{opacity:.9;background:#ffd77d;border-radius:50%;width:100px;height:100px;position:absolute;top:10%;right:11%;box-shadow:0 0 45px #ffeab0}.mountain{transform-origin:bottom;width:120%;height:33%;position:absolute;bottom:28%;transform:skew(-27deg)rotate(-17deg)}.mountain-back{opacity:.7;background:#477d84;left:-33%}.mountain-front{opacity:.7;background:#315f6a;left:35%}.cloud{filter:blur(2px);background:#d5f5e852;border-radius:20px;width:85px;height:11px;position:absolute}.cloud-a{top:16%;left:12%}.cloud-b{top:24%;right:8%;transform:scale(.7)}.hud-row{z-index:2;justify-content:space-between;display:flex;position:absolute;top:82px;left:16px;right:16px}.level-chip,.score-chip{background:#081b27a8;border:1px solid #bbebe133;border-radius:8px;padding:5px 11px 6px;box-shadow:0 5px 15px #254c4b33}.hud-row small,.wind small{color:#b8d7d6;letter-spacing:1.4px;font:700 10px Rajdhani;display:block}.hud-row strong{font:800 21px/19px Barlow Condensed;display:block}.hud-row em,.wind em{color:#a5c2c4;font:600 11px Rajdhani}.score-chip{text-align:right;border-color:#d8a93b66}.score-chip strong{color:#ffcc5d}.wind{z-index:2;color:#e5f2e8;align-items:center;gap:8px;display:flex;position:absolute;top:137px;left:16px}.wind-icon{color:#e8bf60;font:900 29px Barlow Condensed;display:block;transform:rotate(-20deg)}.wind strong{font:700 18px Barlow Condensed;display:block}.flag{z-index:1;border-left:2px solid #30515a;width:45px;height:110px;position:absolute;top:22%;right:10%}.flag span{color:#f2c14f;letter-spacing:1px;clip-path:polygon(0 0,100% 0,84% 50%,100% 100%,0 100%);background:#132d40;width:88px;padding:5px 7px;font:800 10px Rajdhani;position:absolute;top:0;left:0}.flag i{background:#cbe5d6;border-radius:50%;width:6px;height:6px;position:absolute;top:28px;left:-4px}.target{z-index:2;width:86px;height:86px;transition:left .35s,top .35s;position:absolute;transform:translate(-50%,-50%)}.target-shadow{filter:blur(4px);background:#17374266;border-radius:50%;width:90px;height:22px;position:absolute;bottom:-14px;left:0}.target-ring{background:#e5e9dc;border:2px solid #b8ad82;border-radius:50%;width:86px;height:86px;padding:7px;box-shadow:4px 7px #74422f,0 7px 16px #172e2b66}.ring-blue{background:#2c93a6;border:2px solid #1a667b;width:72px;height:72px;padding:7px}.ring-red{background:#e75b43;border:2px solid #b43a36;width:58px;height:58px;padding:7px}.bullseye{background:#efb04e;border:2px solid #ca6f38;border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 7px #e85d45,inset 0 0 0 9px #f4c35a}.target-pin{border-left:3px solid #625044;height:27px;position:absolute;bottom:-23px;left:40px}.target.hit{animation:.85s ease-out target-hit}.target.hit .bullseye{box-shadow:0 0 20px 8px #fff2a0,inset 0 0 0 7px #e85d45,inset 0 0 0 9px #f4c35a}.target-svg{filter:drop-shadow(4px 7px #74422f)drop-shadow(0 7px 10px #172e2b66);width:86px;height:86px;display:block;position:relative}@keyframes target-hit{20%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.archer{z-index:3;width:93px;height:150px;transform:rotate(calc(var(--angle) * .22));transform-origin:bottom;position:absolute;bottom:13%;left:17%}.archer-shadow{filter:blur(3px);background:#3f393455;border-radius:50%;width:132px;height:22px;position:absolute;bottom:-3px;left:-20px}.body{width:55px;height:130px;position:absolute;bottom:5px;left:25px}.torso{clip-path:polygon(27% 0,100% 8%,80% 100%,0 100%);background:linear-gradient(90deg,#213b54,#317488);border-radius:17px 17px 8px 9px;width:37px;height:68px;position:absolute;bottom:23px;left:8px;box-shadow:inset -8px 0 #172d40}.cape{clip-path:polygon(60% 0,100% 16%,70% 100%,0 100%,29% 40%);background:linear-gradient(120deg,#142c43,#275c71);width:35px;height:83px;position:absolute;bottom:25px;left:-5px}.head{background:#c17c55;border:5px solid #1d3548;border-radius:48% 48% 45% 45%;width:30px;height:32px;position:absolute;top:0;left:18px;box-shadow:inset -5px -2px #995740}.head span{background:#182e42;border-radius:50% 50% 0 0;width:37px;height:18px;position:absolute;top:-8px;left:-6px;transform:rotate(-13deg)}.arm{background:#c17c55;border-radius:20px;width:36px;height:12px;position:absolute;top:56px}.arm-back{right:1px;transform:rotate(-25deg)}.arm-front{left:-3px;transform:rotate(-8deg)}.boot{background:#152c43;border-radius:5px;width:15px;height:37px;position:absolute;bottom:0}.boot-a{left:12px;transform:rotate(8deg)}.boot-b{left:35px;transform:rotate(-5deg)}.bow-wrap{width:86px;height:95px;transform:rotate(calc(var(--angle) * .8));position:absolute;top:43px;right:-44px}.bow{filter:drop-shadow(2px 3px #714532);border:5px solid #f0bd52;border-left-color:#0000;border-radius:50%;width:44px;height:91px;position:absolute;right:12px;transform:rotate(5deg)}.bow-string{border-left:1px solid #f5e9bb;height:96px;position:absolute;top:-7px;left:-1px}.bow-grip{background:#9a4e32;border-radius:3px;width:10px;height:21px;position:absolute;top:35px;left:-5px}.arrow{height:3px;width:calc(53px + var(--pull));transform-origin:100%;transform:translateX(calc(var(--pull) * .7));background:#f7e4a3;transition:width .12s,transform .12s;position:absolute;top:46px;right:7px}.arrow:after{content:"";border-left:2px solid #d7a63e;width:9px;height:9px;position:absolute;top:-3px;left:2px;transform:rotate(45deg)}.arrow-head{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:12px solid #d9e7db;width:0;height:0;position:absolute;top:-4px;right:-5px}.arrow-shot{animation:.65s ease-in forwards arrow-shot}.aim-line{z-index:1;transform-origin:0;opacity:.45;pointer-events:none;background:linear-gradient(90deg,#fff5a5,#0000);height:1px;transition:width .12s,transform .12s;position:absolute;bottom:46%;left:26%}@keyframes arrow-shot{to{opacity:0;transform:translate(370px)}}.shot-message{color:#ffe08b;letter-spacing:2px;opacity:0;text-shadow:0 2px 4px #523a26;z-index:5;white-space:nowrap;font:900 20px Barlow Condensed;transition:all .2s;position:absolute;top:47%;left:50%;transform:translate(-50%,20px)}.shot-message.show{opacity:1;transform:translate(-50%)}.ground{clip-path:polygon(0 17%,28% 10%,52% 16%,73% 5%,100% 14%,100% 100%,0 100%);background:linear-gradient(165deg,#a85e3c,#593b35);width:100%;height:27%;position:absolute;bottom:0}.grass{border-top:4px solid #35553b;width:70px;height:35px;position:absolute;transform:rotate(-18deg)}.grass-a{top:15%;left:30%}.grass-b{top:5%;right:12%;transform:rotate(15deg)}.controls{z-index:4;background:linear-gradient(#0d2536,#091825);border-top:1px solid #285069;grid-template-columns:1.1fr 1.15fr;gap:13px;padding:13px 17px 11px;display:grid}.instruction{color:#adc7c9;letter-spacing:1px;align-items:center;gap:9px;font:700 10px/13px Rajdhani;display:flex}.instruction b{color:#f1bd4a}.drag-icon{color:#f1bd4a;display:flex}.power-wrap{padding-top:2px}.power-label{color:#a3bdc2;letter-spacing:1px;justify-content:space-between;font:700 10px Rajdhani;display:flex}.power-label b{color:#f2bf53}.power-track{background:#18394b;border-radius:5px;height:8px;margin-top:7px;overflow:hidden}.power-track i{background:linear-gradient(90deg,#45b6a1,#f4c14f);border-radius:5px;height:100%;transition:width .12s;display:block;box-shadow:0 0 8px #f4c14f}.shots{color:#a3bdc2;letter-spacing:1px;grid-column:2;justify-content:flex-end;align-items:center;gap:9px;font:700 10px Rajdhani;display:flex}.shots div{gap:5px;display:flex}.shots i{background:#28495a;border-radius:4px;width:17px;height:7px;display:block;position:relative;transform:rotate(-17deg)}.shots i.active{background:#f4bd4e;box-shadow:0 0 7px #f4bd4e}.shots i span{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid #d8e6d8;position:absolute;top:-2px;right:-4px}@media (width>=521px){.game-shell{box-shadow:0 0 80px #000}}.back-archer{transform:translateX(-50%) rotate(calc(var(--angle) * .18));transform-origin:bottom;left:50%}.back-archer .archer-shadow{left:-20px}.back-archer .body{width:55px;left:19px}.back-archer .cape{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(90deg,#122c45,#337b8b 50%,#122c45);width:61px;height:92px;left:-3px}.back-archer .torso{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(90deg,#1a3850,#438d96 50%,#1a3850);border-radius:20px 20px 9px 9px;width:49px;height:73px;left:3px;box-shadow:inset 0 -7px #122a40}.back-archer .head{background:#9d5f44;border-color:#1b3249;border-radius:50%;width:31px;height:31px;left:12px;box-shadow:inset 4px -2px #794834}.back-archer .head span{background:#142c43;width:37px;height:17px;left:-5px;transform:rotate(0)}.back-archer .arm{background:#a9694c;width:42px;height:12px;top:55px}.back-archer .arm-back{transform-origin:100%;right:24px;transform:rotate(20deg)}.back-archer .arm-front{transform-origin:0;left:24px;transform:rotate(-20deg)}.back-archer .boot-a{left:9px}.back-archer .boot-b{left:32px}.back-archer .bow-wrap{width:86px;height:112px;transform:rotate(calc(var(--angle) * .35));top:17px;right:-15px}.back-archer .bow{border-width:5px;border-left-color:#0000;border-radius:50%;width:49px;height:98px;top:0;right:14px;transform:rotate(0)}.back-archer .bow-string{height:104px;top:-4px;left:-1px}.back-archer .bow-grip{top:38px;left:-5px}.back-archer .arrow{top:calc(48px - 100px - var(--pull) * 2);width:3px;height:calc(100px + var(--pull) * 2);transform-origin:bottom;background:linear-gradient(#fff0ad,#d2a03e);left:0;right:auto;transform:translate(0)}.back-archer .arrow:after{border-top:2px solid #d7a63e;border-left:0;width:9px;height:9px;top:-2px;left:-3px;transform:rotate(45deg)}.back-archer .arrow-head{border:5px solid #0000;border-top:0;border-bottom:9px solid #d9e7db;top:-8px;left:-4px;right:auto}.back-archer .arrow-shot{animation:.65s ease-in forwards arrow-shot-vertical}.aim-line{transform-origin:bottom;opacity:.45;background:linear-gradient(#0000,#fff5a5);height:150px;bottom:20%;left:50%;width:1px!important}@keyframes arrow-shot-vertical{to{transform:translateX(-50%) rotate(calc(var(--angle) + 90deg)) translateY(calc(-1 * var(--flight)));opacity:0}}.target-ring{position:relative}.ring-score{z-index:2;color:#fff6d1;text-shadow:0 1px 2px #233c42;font:900 10px Barlow Condensed;position:absolute}.score-0{color:#51716d;top:4px;right:5px}.score-2{top:3px;right:4px}.score-6{top:2px;right:4px}.bullseye{position:relative}.bullseye span{color:#572b2b;place-items:center;font:900 13px Barlow Condensed;display:grid;position:absolute;inset:0}.back-archer{transform:translate(-50%)}.back-archer .bow-wrap{transform:rotate(calc(var(--angle) + 90deg));transform-origin:0 48px}.aim-line{opacity:.7;filter:drop-shadow(0 0 3px #ffd45b8c);background:repeating-linear-gradient(0deg,#fff7b7e6 0 5px,#0000 5px 12px);transition:height 70ms linear,transform 70ms linear}.impact-marker{z-index:4;pointer-events:none;border:1px solid #fff5b1e6;border-radius:50%;width:30px;height:30px;transition:left 50ms linear,top 50ms linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffd25226,0 0 18px #ffda6fb3}.impact-marker:before,.impact-marker:after{content:"";background:#fff4ae;position:absolute}.impact-marker:before{width:44px;height:1px;top:14px;left:-8px}.impact-marker:after{width:1px;height:44px;top:-8px;left:14px}.impact-marker span{border:2px solid #ffdb67;border-radius:50%;position:absolute;inset:10px}.impact-marker b{white-space:nowrap;color:#ffed9f;letter-spacing:1px;text-shadow:0 1px 3px #182830;font:800 8px Rajdhani;position:absolute;top:32px;left:50%;transform:translate(-50%)}.target-svg circle:last-of-type{filter:drop-shadow(0 0 7px #fff2a0)}.arena:after{background:0 0}.scene-image{object-fit:cover;object-position:center;z-index:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.image-archer{z-index:3;pointer-events:none;width:210px;height:375px;bottom:-36px;left:50%;transform:translate(-50%)}.archer-render{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 10px #1f130e59);width:100%;height:100%;display:block}.aim-arrow{z-index:4;width:3px;height:58px;transform:translateX(-50%) rotate(calc(var(--angle) + 90deg));transform-origin:bottom;background:linear-gradient(#fff2b0,#e1a941);position:absolute;top:calc(34% - 58px);left:50%;box-shadow:0 0 4px #ffe38fb3}.aim-arrow:after{content:"";border-bottom:2px solid #e3b64e;width:10px;height:10px;position:absolute;bottom:0;left:-4px;transform:rotate(-45deg)}.aim-arrow .arrow-head{border:5px solid #0000;border-top:0;border-bottom:9px solid #fffbe1;top:-9px;left:-4px;right:auto}.image-archer .arrow-shot{animation:.65s cubic-bezier(.2,.75,.25,1) forwards arrow-shot-vertical}@media (width<=380px){.image-archer{width:180px;height:322px;bottom:-28px}}.shot-tracker{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091921c7;border:1px solid #ffe8a659;border-radius:10px;width:208px;padding:8px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0c121240}.shot-tracker-title{color:#d9e5d5;letter-spacing:1.3px;justify-content:space-between;align-items:center;margin-bottom:6px;font:800 10px Rajdhani;display:flex}.shot-tracker-title b{color:#f6c552;font-size:9px}.shot-log{gap:4px;display:flex}.shot-card{text-align:center;color:#7f9ca0;background:#1b3641;border-radius:6px;flex:1;min-width:51px;padding:4px 3px}.shot-card small{letter-spacing:.6px;font:700 8px Rajdhani;display:block}.shot-card strong{color:#c7d8d2;margin-top:1px;font:800 16px Barlow Condensed;display:block}.shot-card.scored{background:#744d29}.shot-card.scored strong{color:#ffd36a}.game-over{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030c12a8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.game-over-card{text-align:center;background:linear-gradient(160deg,#183849,#0a1a27);border:1px solid #ffcd5e80;border-radius:16px;width:min(310px,90%);padding:27px 23px 24px;box-shadow:0 16px 50px #0006,inset 0 1px #ffffff1a}.game-over-kicker{color:#f6c552;letter-spacing:2px;font:800 11px Rajdhani}.game-over-card h2{color:#f4f3de;letter-spacing:1px;margin:5px 0 7px;font:900 36px/1 Barlow Condensed}.game-over-card p{color:#a9c2c2;margin:0 0 18px;font:600 14px Rajdhani}.game-over-card p b{color:#f6c552}.final-score{background:#0a1b27;border-radius:9px;margin-bottom:19px;padding:8px}.final-score small{color:#7f9ba2;letter-spacing:1.5px;font:700 9px Rajdhani;display:block}.final-score strong{color:#fff0b4;font:900 29px Barlow Condensed}.game-over-card button{color:#17272c;letter-spacing:1.2px;background:linear-gradient(#ffd873,#eaa83a);border-radius:9px;width:100%;padding:12px;font:900 15px Barlow Condensed;box-shadow:0 4px #9e6427}.game-over-card button:active{transform:translateY(2px);box-shadow:0 2px #9e6427}