@font-face{font-family:Pixel;src:url('assets/pixel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#211b31;color:#302239}body{display:grid;place-items:center;min-height:100dvh;padding:12px;font-family:Pixel,'Courier New',monospace;font-weight:900}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #fff;outline-offset:4px}button:disabled{cursor:default;filter:saturate(.45);opacity:.65}button:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 3px #fff8,0 1px 0 #784855}button:not(:disabled):hover{filter:brightness(1.07)}[hidden]{display:none!important}#game{container-type:inline-size;position:relative;width:min(1024px,calc(100dvh - 24px),calc(100vw - 24px));aspect-ratio:1;overflow:hidden;isolation:isolate;border:4px solid #493044;box-shadow:0 0 0 3px #bd8191,0 22px 75px #0007;background:#819d46}canvas{image-rendering:pixelated}#scene{position:absolute;width:100%;height:100%;inset:0}header{position:absolute;inset:2.5% 2% auto;height:15%;pointer-events:none}.plaque{background:#fff0d9;border:3px solid #493044;border-radius:18px;box-shadow:inset 0 0 0 3px #fff7ed,inset 0 0 0 6px #e9b997,0 4px 0 #704355}.wind{position:absolute;top:0;left:0;width:18%;height:100%;display:flex;align-items:center;flex-direction:column;padding:1.1% .5%;font-size:2cqw;gap:2%;transform:rotate(-1deg)}.wind div{height:45%;display:flex;align-items:center;gap:12%;width:80%;justify-content:center}.wind #windsock{font-size:5.5cqw;color:#ee6591;transform-origin:left center;animation:windSock 1.8s ease-in-out infinite}.wind b{font-size:5cqw;color:#5295de;text-shadow:2px 2px #3c365f}.wind strong{font-size:2.8cqw}.wind small{font-size:1.7cqw}#logo{position:absolute;left:22%;top:-7%;width:59%;height:auto;filter:drop-shadow(0 4px #49304466)}.gear{pointer-events:auto;position:absolute;right:0;top:0;width:9%;aspect-ratio:1;font-size:6.5cqw;line-height:1;color:#9080b7;text-shadow:2px 2px #392d48}.scoreboard{position:absolute;top:17%;left:27%;width:48%;display:flex;align-items:center;justify-content:space-around;gap:1%;padding:1.2% 1%;font-size:1.8cqw;border-radius:12px;white-space:nowrap}.scoreboard span+span{border-left:2px solid #c58f96;padding-left:3%}.scoreboard b{color:#dd5289;font-size:2.4cqw}.range-badge{position:absolute;top:23%;left:50%;transform:translateX(-50%);font-size:1.3cqw;color:#fffbed;text-shadow:2px 2px #47304f;background:#47304f88;border:2px solid #fff8;border-radius:7px;padding:.7% 1.4%;white-space:nowrap}.turn-banner{position:absolute;top:29%;left:50%;transform:translateX(-50%);font-size:2cqw;padding:1% 2%;border-radius:8px;background:#fff4dfed;border:2px solid #69415b;box-shadow:0 3px #69415b55;animation:bannerIn .3s ease-out;white-space:nowrap}.controls{position:absolute;bottom:1%;left:1.5%;width:97%;height:29.5%;background:linear-gradient(110deg,#fff1dd,#ffedcf);border:4px solid #62404a;border-radius:19px;box-shadow:inset 0 0 0 4px #eab08c,inset 0 0 0 7px #fff3de,0 0 0 4px #ae7256;padding:2% 2.2% 1%;display:flex;flex-direction:column;gap:4%}.meter-row{display:grid;grid-template-columns:minmax(0,1fr) 27%;gap:3%;height:39%;align-items:center}.meter-group{min-width:0}.meter-title{font-size:2.2cqw;display:flex;align-items:center;gap:2%;height:3.7cqw;letter-spacing:.04em}.meter-title output{margin-left:auto;font-size:1.5cqw;color:#987284;min-width:5ch;text-align:right}.angle-icon{font-size:3.8cqw;color:#9472c9;line-height:.8}.power-icon{color:#ffbc44;text-shadow:1px 1px #523746;font-size:3.5cqw}.meter-line{display:flex;gap:2%;align-items:center;height:4.4cqw}.end-icon{width:6%;text-align:center;font-size:3.6cqw}.meter{position:relative;height:3.7cqw;flex:1;border:3px solid #453345;border-radius:15px;box-shadow:0 0 0 3px #edbfac,inset 0 3px #fff8;isolation:isolate}.angle-meter{background:linear-gradient(90deg,#b38beb,#86b7fb,#83f0c2)}.power-meter{background:linear-gradient(90deg,#fff07b,#ffba66,#ff7192,#ee69b9)}.ticks{position:absolute;inset:0;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent 4.5%,#fff4 4.6%,#fff4 5%);pointer-events:none}.marker{position:absolute;top:-2px;bottom:-2px;width:1.1cqw;background:#fffff0;transform:translateX(-50%);left:50%;z-index:2;box-shadow:0 0 8px #fff8}.marker span{position:absolute;bottom:95%;left:50%;transform:translateX(-50%);font-size:3.9cqw;line-height:1;color:#fff;text-shadow:-2px 0 #39283e,2px 0 #39283e,0 -2px #39283e,0 2px #39283e}.marker span:before,.marker span:after{position:absolute;font-size:2.4cqw;top:20%;color:#b397e0;text-shadow:none}.marker span:before{content:'‹';left:-50%}.marker span:after{content:'›';right:-50%}.power-meter .marker span:before,.power-meter .marker span:after{color:#ed79a3}.game-button{border:3px solid #493044;border-radius:16px;box-shadow:inset 0 0 0 3px #fff8,inset 0 -6px #b4457855,0 4px 0 #704355;padding:1.8cqw 1cqw;font-size:2.6cqw;letter-spacing:-.04em;transition:filter .15s,transform .1s;position:relative;text-shadow:1px 2px #fff8}.angle-button{height:90%;background:linear-gradient(115deg,#d5b1f3,#b0f9df);font-size:2.1cqw;white-space:nowrap}.shoot-button{height:95%;background:linear-gradient(#ffa2ca,#f264a9);font-size:3.6cqw;color:#fff8df;text-shadow:3px 3px #8c385e}.hint{display:flex;align-items:center;justify-content:center;gap:2%;height:15%;color:#ed7696}.hint p{border:2px solid #d59e97;border-radius:6px;background:#fff5e7;padding:.6% 2%;margin:0;font-size:1.3cqw;color:#483247;text-align:center}.hint>span{font-size:2cqw}.overlay{position:absolute;inset:22% 0 0;display:flex;align-items:center;justify-content:center;padding-bottom:9%;background:linear-gradient(transparent,#20223c22);z-index:5}.dialog{position:relative;width:59%;padding:3.5% 4%;border:4px solid #593b50;border-radius:20px;background:#fff0dbf5;box-shadow:inset 0 0 0 4px #f0bd99,inset 0 0 0 7px #fff8e6,0 9px #65465b66,0 15px 40px #38244044;text-align:center;animation:dialogIn .35s cubic-bezier(.2,.8,.25,1.2)}.dialog h1,.dialog h2{font-size:3.2cqw;margin:1% 0 4%;line-height:1.4;color:#633b64}.dialog p{font-size:1.7cqw;line-height:1.7;margin:0 0 5%;font-weight:700}.dialog .game-button{display:block;width:100%;margin:0 0 4%;padding:3.5% 2%;font-size:2.5cqw}.dialog .game-button small{font-size:1.2cqw;vertical-align:middle}.pink{background:linear-gradient(#ffb8d3,#f47dad)}.mint{background:linear-gradient(#c1f9df,#85dfc4)}.cream{background:linear-gradient(#fff9e5,#ffe0a5)}.dialog .tiny{font-size:1.3cqw;color:#a47487;margin:5% 0 0}.mini-bow{font-size:3cqw;color:#e5689b;margin-bottom:4%}.back,.text-button{border:0;background:none;color:#91637b;padding:2%;font-size:1.4cqw}.back{display:block;margin:-2% 0 5%}.distance-options{display:flex;gap:4%;margin:8% 0}.distance-options .distance{width:31%;padding:6% 1%}.distance strong{display:block;font-size:4cqw}.distance strong span{font-size:2cqw}.distance small{display:block;margin-top:15%;font-size:1.1cqw!important}.toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4%;margin-bottom:5%;font-size:2cqw;background:#fff8ea;border:2px solid #d6a692;border-radius:10px}.toggle strong{font-size:1.6cqw;padding:5% 7%;background:#88dbb7;border:2px solid #5d957a;border-radius:6px}.toggle[aria-pressed=false] strong{background:#dbc2cf;border-color:#b490a4}.result-emblem{font-size:6cqw;color:#ecaa35;animation:float 2s ease-in-out infinite}.final-scores{display:flex;justify-content:center;gap:12%;margin:5% 0}.final-scores>div{display:flex;flex-direction:column;gap:1cqw}.final-scores small{font-size:1.3cqw;color:#95617a}.final-scores strong{font-size:5.5cqw;color:#e75c94}.final-scores span{font-size:1.5cqw;color:#aa7b90}.dialog .best{font-size:1.5cqw;color:#a17c3e}.loading{position:absolute;inset:0;background:#ffefdc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3%;font-size:2cqw;z-index:20}.loading span{font-size:8cqw;color:#ee76a0;animation:float 1s infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#scorePop{position:absolute;font-size:4cqw;color:#fff4b3;text-shadow:3px 3px #633c60,-2px -2px #633c60;pointer-events:none;z-index:3;white-space:nowrap}#scorePop.pop{animation:scoreFloat 1.8s ease-out forwards}@keyframes scoreFloat{0%{opacity:0;transform:translate(-50%,15px) scale(.6)}15%{opacity:1;transform:translate(-50%,-5px) scale(1.15)}60%{opacity:1}100%{opacity:0;transform:translate(-50%,-65px) scale(1)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes windSock{50%{transform:rotate(7deg)}}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.93)}to{opacity:1;transform:none}}@keyframes bannerIn{from{opacity:0;margin-top:8px}to{opacity:1;margin-top:0}}@media(max-width:600px){body{padding:4px}#game{width:min(calc(100vw - 8px),calc(100dvh - 8px));border-width:2px}.plaque,.game-button,.dialog{border-width:2px;border-radius:10px}.controls{border-width:2px;padding-top:1.7%;border-radius:10px}.meter{border-width:2px}.dialog{width:72%;padding:5%}.dialog h1,.dialog h2{font-size:4cqw}.dialog p{font-size:2.2cqw}.dialog .game-button{font-size:3.5cqw}.dialog .tiny{font-size:1.8cqw}.toggle{font-size:2.7cqw}.toggle strong{font-size:2.3cqw}.back,.text-button{font-size:2cqw}.hint p{font-size:1.5cqw}.marker span{text-shadow:-1px 0 #39283e,1px 0 #39283e,0 -1px #39283e,0 1px #39283e}.game-button{box-shadow:inset 0 0 0 2px #fff8,inset 0 -3px #b4457855,0 2px #704355}}@media(prefers-reduced-motion:reduce){.dialog,.wind #windsock,.result-emblem,.loading span{animation:none}}

.wind #windsock{width:65%;height:100%;flex-shrink:0} .wind div{gap:0} .wind b{font-size:4cqw}