@font-face{font-family:Fredoka;src:url('./assets/Fredoka.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--factory-rgb:196,220,214;font-family:Fredoka,system-ui,sans-serif;color:#173b3c;background:rgb(var(--factory-rgb));font-synthesis:none;--ink:#173b3c;--mint:#70e3af;--cream:#fff9e9;--orange:#ed713e;--shadow:0 8px 28px rgba(0,0,0,.14)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,canvas:focus-visible{outline:3px solid #b94619;outline-offset:5px}button{transition:transform .16s ease,background .16s ease}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}::selection{background:#173b3c;color:#fff9e9}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#game{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--factory-rgb),.93) 0%,rgba(var(--factory-rgb),0) 46%);transition:opacity .35s}.playing .vignette{opacity:0}.topbar{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:3}.brand{display:flex;gap:9px;align-items:center;background:transparent;text-align:left;padding:0;font-size:15px;font-weight:650;line-height:.97;letter-spacing:.015em}.brand img{width:39px;height:39px}.top-actions{display:flex;gap:9px}.icon-button{width:46px;height:46px;border-radius:50%;background:var(--cream);box-shadow:var(--shadow);display:grid;place-items:center}.icon-button svg{width:22px;height:22px}.sound-slash{display:none}.muted .sound-slash{display:initial}.muted .sound-waves{display:none}.home{position:absolute;inset:0;pointer-events:none}.home button{pointer-events:auto}.home-title{position:absolute;left:7%;top:20%;max-width:440px}.home h1{font-size:clamp(48px,5.7vw,82px);line-height:.98;letter-spacing:-.035em;margin:0;font-weight:650;text-wrap:balance}.home h1 span{color:#367c64}.home-title p{font-family:system-ui,sans-serif;font-size:16px;line-height:1.65;margin:20px 0 0;color:#365655}.play-dock{position:absolute;left:7%;bottom:7%;width:345px}.mission-line{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:550;letter-spacing:.06em;margin:0 2px 12px}.primary{width:100%;min-height:62px;border-radius:17px;background:var(--ink);color:var(--cream);font-size:23px;font-weight:550;display:flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;box-shadow:0 8px 22px rgba(0,0,0,.14)}.primary:hover:not(:disabled){background:#245552}.primary svg{fill:var(--mint);stroke:var(--mint);width:21px}.primary:disabled{opacity:.7}.level-picker{display:flex;gap:0;margin-top:16px}.level-choice{display:flex;flex:1;flex-direction:column;align-items:center;gap:2px;background:transparent;border-bottom:3px solid #173b3c25;padding:7px 2px 9px;font-size:12px;min-height:70px}.level-choice>span:first-child{font-size:22px;font-weight:600}.level-choice small{font-size:8px;letter-spacing:.06em;margin-top:3px}.level-choice.selected{border-color:#173b3c}.level-choice:disabled{color:#496b65;opacity:.68}.control-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-family:system-ui,sans-serif;font-size:11px;color:#365655;margin:15px 0 0}.control-hint svg{width:20px;height:20px}.forge-note{position:absolute;right:4%;bottom:6.5%;display:flex;align-items:flex-start;gap:12px;max-width:265px;padding:18px;background:#fff9e9e8;border-radius:16px;box-shadow:var(--shadow)}.forge-note>svg{height:34px;width:34px;flex-shrink:0;color:#92651b}.forge-note strong{font-size:17px;font-weight:500;line-height:1.2}.forge-note p{font-family:system-ui,sans-serif;font-size:11px;margin:8px 0 0;color:#4d5c51}.level-heading{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translateX(-50%);min-width:190px}.level-heading>span{font-size:30px;font-weight:650;opacity:.65}.level-heading strong{font-size:17px;font-weight:550}.progress-track{width:160px;height:5px;border-radius:6px;background:#173b3c25;margin-top:7px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--ink);width:0;transition:width .15s}.hud{position:absolute;top:108px;left:30px;display:flex;gap:10px;align-items:stretch}.counter,.shield-counter{background:var(--cream);border-radius:14px;padding:9px 15px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow)}.counter strong,.shield-counter strong{font-size:29px;font-weight:600;font-variant-numeric:tabular-nums}.counter>span:last-child,.shield-counter>span:last-child{font-size:10px;letter-spacing:.04em}.bot-symbol{width:24px;height:20px;background:var(--ink);border-radius:6px;position:relative}.bot-symbol:before,.bot-symbol:after{content:'';position:absolute;top:7px;width:4px;height:6px;border-radius:2px;background:var(--mint);left:5px}.bot-symbol:after{left:15px}.shield-counter{background:#f6d77e}.shield-counter svg{width:22px}.floating-count{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;font-size:24px;font-weight:600;color:var(--cream);text-align:center;min-width:54px;opacity:0;transition:opacity .2s}.floating-count span{display:inline-block;padding:3px 13px 5px;background:#173b3c;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.18)}.floating-count span:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 5px);width:10px;height:6px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.playing .floating-count{opacity:1}.toast{position:absolute;top:23%;left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;font-size:clamp(18px,3vw,29px);font-weight:600;white-space:nowrap;color:var(--cream);background:#173b3cf2;padding:9px 19px;border-radius:13px;transition:opacity .15s,transform .15s;z-index:2}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.forge{background:#f6d77e;color:var(--ink)}.toast.hit{background:#a53d25}.steer-hint{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.09em;background:#fff9e9e8;padding:6px 20px;border-radius:22px;pointer-events:none}.steer-hint span{font-size:30px;line-height:1}.boss-hud{position:absolute;top:105px;left:50%;transform:translateX(-50%);text-align:center;width:230px;font-size:12px;letter-spacing:.05em}.boss-hud>div{height:12px;background:#173b3c2e;border-radius:8px;margin-top:7px;overflow:hidden}.boss-hud i{height:100%;background:#bc452d;display:block;transition:width .2s}.screen{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#173b3c70;padding:18px;overflow:auto}.dialog{width:360px;max-width:100%;background:var(--cream);border-radius:26px;padding:27px;text-align:center;box-shadow:0 18px 65px rgba(0,0,0,.26);max-height:100%;overflow:auto}.dialog h2{font-size:32px;font-weight:600;line-height:1.05;margin:13px 0 10px;text-wrap:balance}.dialog p{font-family:system-ui,sans-serif;font-size:13px;line-height:1.6;color:#506763;margin:0 0 20px}.secondary{width:100%;background:#e6eadb;border-radius:14px;font-size:17px;min-height:48px;margin-top:9px}.text-button{padding:14px 10px 2px;background:transparent;font-size:13px;text-decoration:underline;text-underline-offset:4px}.result-stats{display:flex;justify-content:space-around;padding:17px 0 22px;gap:10px}.result-stats div{display:flex;flex-direction:column;gap:5px}.result-stats strong{font-size:31px;font-weight:600;font-variant-numeric:tabular-nums}.result-stats span{font-size:10px;letter-spacing:.07em}.stars{display:flex;justify-content:center;gap:7px}.stars svg{width:32px;height:32px;fill:#eadfbe;stroke:#a99c7b;stroke-width:1.5}.stars svg.earned{fill:#f1bb45;stroke:#ab7920}#damage-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,#f05c3d55 100%);opacity:0;pointer-events:none;transition:opacity .22s}.save-note{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);max-width:95%;background:var(--cream);padding:7px 12px;font:11px system-ui,sans-serif;border-radius:7px;z-index:8;text-align:center}
@media(min-width:1500px){.home-title{top:23%}.play-dock{bottom:10%;width:385px}}
@media(max-width:760px){.topbar{top:max(16px,env(safe-area-inset-top));left:18px;right:18px}.brand{font-size:12px;gap:7px}.brand img{width:33px;height:33px}.icon-button{width:44px;height:44px}.vignette{background:linear-gradient(180deg,rgba(var(--factory-rgb),.87),rgba(var(--factory-rgb),0) 42%,rgba(var(--factory-rgb),0) 65%,rgba(var(--factory-rgb),.93))}.home-title{top:13%;left:7%;right:7%;text-align:center;max-width:none}.home h1{font-size:clamp(36px,10vw,55px);line-height:.98}.home h1 br{display:none}.home h1 span{display:block}.home-title p{font-size:12px;line-height:1.5;margin-top:10px}.home-title p br{display:none}.play-dock{left:7%;right:7%;bottom:max(22px,env(safe-area-inset-bottom));width:auto}.primary{min-height:56px;font-size:22px}.mission-line{font-size:10px;margin-bottom:8px}.level-picker{margin-top:8px}.level-choice{min-height:54px;padding:5px 2px}.level-choice>span:first-child{font-size:18px}.level-choice small{font-size:7px}.control-hint{font-size:10px;margin-top:10px}.forge-note{display:none}.level-heading{position:static;transform:none;min-width:0;gap:7px}.level-heading>span{font-size:25px}.level-heading strong{font-size:13px}.progress-track{width:105px}.playing .brand span{display:none}.hud{left:18px;top:83px;gap:7px}.counter,.shield-counter{padding:6px 10px;gap:6px}.counter strong,.shield-counter strong{font-size:24px}.counter>span:last-child,.shield-counter>span:last-child{font-size:8px}.counter .bot-symbol{transform:scale(.85)}.boss-hud{top:144px;width:200px}.toast{top:27%;font-size:18px}.floating-count{font-size:20px}.steer-hint{bottom:7%;font-size:10px;gap:15px}.dialog{padding:23px}.dialog h2{font-size:30px}}
@media(max-height:600px) and (min-width:761px){.home-title{top:21%}.home h1{font-size:49px}.home-title p{font-size:13px;margin-top:13px}.play-dock{bottom:5%;width:310px}.level-choice{min-height:50px}.control-hint{margin-top:7px}.forge-note{bottom:5%}.dialog{padding:18px 26px}.dialog h2{font-size:27px;margin:8px 0}.dialog p{margin-bottom:12px}.result-stats{padding:9px 0 12px}.result-stats strong{font-size:24px}.stars svg{width:24px;height:24px}}
@media(max-height:620px) and (max-width:760px){.home-title{top:15%;left:5%;right:auto;text-align:left;max-width:230px}.home h1{font-size:35px}.home-title p{display:none}.play-dock{left:5%;right:auto;bottom:5%;width:260px}.level-picker{display:none}.control-hint{margin-top:6px}.forge-note{display:none}.dialog{padding:16px 24px}.dialog h2{font-size:27px}.dialog p{margin-bottom:8px}.result-stats{padding:10px 0}.result-stats strong{font-size:24px}.stars svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){button,.toast,.progress-track span,.floating-count,.vignette{transition:none}}
.mission-line,.level-choice small,.control-hint,.counter>span:last-child,.shield-counter>span:last-child,.result-stats span,.steer-hint{font-size:11px}
@media(max-width:760px) and (min-height:621px){.home:not([hidden])~.hud{pointer-events:none}.vignette{background:linear-gradient(180deg,rgb(var(--factory-rgb)) 0%,rgba(var(--factory-rgb),.95) 27%,rgba(var(--factory-rgb),0) 40%,rgba(var(--factory-rgb),0) 65%,rgba(var(--factory-rgb),.93) 100%)}.control-hint{gap:5px}.level-choice small{letter-spacing:0}.home-title{top:12%}}
:root{--shadow:0 8px 28px rgba(0,0,0,.12)}
.primary{box-shadow:0 8px 22px rgba(0,0,0,.14)}.dialog{box-shadow:0 18px 65px rgba(0,0,0,.26)}.floating-count span{box-shadow:0 4px 10px rgba(0,0,0,.18)}
#damage-flash{box-shadow:none;background:radial-gradient(ellipse at center,transparent 40%,#f05c3d55 100%)}
.dialog p,.home-title p{font-size:14px}.text-button{font-size:14px;min-height:44px;padding:10px}.mission-line,.level-choice small,.control-hint,.counter>span:last-child,.shield-counter>span:last-child,.result-stats span,.steer-hint{font-size:12px}.level-choice small{letter-spacing:0}.save-note{font-size:12px}.forge-note p{font-size:12px}
.score-counter{display:flex;flex-direction:column;justify-content:center;padding:5px 9px;gap:2px}.score-counter strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.score-counter span{font-size:12px}
.result{width:670px;display:grid;grid-template-columns:1fr 1.1fr;gap:18px 26px;text-align:left}.result-summary{text-align:center;align-self:center}.result-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions .secondary{margin:0;min-height:56px}.result-actions .text-button{grid-column:1/-1}.result-actions .primary{min-height:56px;font-size:20px}.result-board h3{font-size:23px;font-weight:550;letter-spacing:-.02em;margin:0 0 5px}.result-board>p{font-size:12px;margin:0 0 15px;line-height:1.45}#score-form label{display:block;font-size:13px;margin-bottom:6px}.initials-row{display:flex;gap:8px}.initials-row input{width:97px;min-width:0;border:2px solid #a6b6a9;background:#fffdf4;color:var(--ink);border-radius:11px;font:550 24px Fredoka,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.12em;min-height:49px;caret-color:var(--ink)}.initials-row input::placeholder{color:#65776b;opacity:.7}.initials-row input:focus-visible{outline:3px solid #b94619;outline-offset:2px}.initials-row button{flex:1;background:var(--mint);border-radius:11px;font-size:17px;font-weight:550;min-height:49px}.initials-row button:disabled{opacity:.55}#score-status{font-size:12px;line-height:1.4;min-height:17px;margin:8px 0 11px;color:#315b45}.score-table{border-collapse:collapse;width:100%;font-size:15px;font-variant-numeric:tabular-nums}.score-table th{text-align:left;font-size:12px;font-weight:500;color:#50675b;padding:6px 6px 8px;border-bottom:1px solid #cbd4c1}.score-table td{padding:8px 6px;border-bottom:1px solid #e0e5d5;font-weight:500}.score-table th:last-child,.score-table td:last-child{text-align:right}.score-table td:first-child{color:#687a6d;font-size:13px}.score-table td:nth-child(2){letter-spacing:.12em}.score-table tbody tr:first-child td{color:#245b47}.score-table .board-empty{text-align:center!important;line-height:1.5;font:13px/1.5 system-ui,sans-serif;letter-spacing:0;padding:17px 5px}.board-dialog{width:440px}.board-tabs{display:flex;gap:5px;margin-bottom:12px}.board-tab{flex:1;background:#e3e9d9;border-radius:10px;min-height:44px;font-size:13px}.board-tab.selected{background:var(--ink);color:var(--cream)}.board-dialog .primary{margin-top:19px;font-size:20px;min-height:52px}.dialog::-webkit-scrollbar{width:7px}.dialog::-webkit-scrollbar-thumb{background:#a4b9a3;border-radius:9px}.screen{overscroll-behavior:contain}
@media(min-width:761px){.home h1{font-size:clamp(70px,7.5vw,110px);max-width:460px}.home-title{top:17%}.home-title p{font-size:16px}.play-dock{width:365px}.home .level-choice{font-size:13px}}
@media(max-width:760px){.home h1{font-size:58px}.home-title{top:11%}.home-title p{max-width:305px;margin:12px auto 0;font-size:13px}.home h1 br{display:initial}.hud{gap:5px;right:16px}.counter,.shield-counter{padding:6px 8px;gap:5px}.counter>span:last-child,.shield-counter>span:last-child{font-size:12px}.score-counter{padding:5px 0 5px 3px}.score-counter strong{font-size:21px}.topbar{gap:8px}.level-heading{gap:6px}.level-heading strong{font-size:12px}.progress-track{width:92px}.home .level-picker{margin-top:6px}.home .control-hint{font-size:12px;gap:4px}.result{display:block;width:370px;padding:19px 22px}.result h2{margin:1px 0 7px;font-size:29px}.result-summary>p{font-size:13px;margin-bottom:9px}.result .stars svg{width:24px;height:24px}.result-stats{padding:10px 0 14px}.result-stats strong{font-size:28px}.result-board h3{font-size:20px}.result-board>p{font-size:12px;margin-bottom:9px}.result-actions{display:grid;margin-top:16px;gap:8px}.result-actions .primary,.result-actions .secondary{font-size:17px;min-height:49px}.result-actions .text-button{padding:3px}.score-table td{padding:6px}.home .vignette{opacity:1}}
@media(max-width:350px){.hud .counter>span:last-child,.hud .shield-counter>span:last-child{display:none}.level-heading>span{display:none}.control-hint{font-size:12px}.home h1{font-size:49px}.play-dock{left:5%;right:5%}.home .level-choice{font-size:12px}.result{padding:17px}}
@media(max-height:620px){.home-title{top:18%}.home h1{font-size:46px}.home-title p{font-size:14px}.result{width:650px}.dialog.result{padding:17px 22px}.result .score-table td{padding:4px}.result .result-stats{padding:8px 0}.result .result-summary>p{margin-bottom:8px}.result .result-actions{margin-top:8px}.result .result-actions .primary,.result .result-actions .secondary{min-height:44px}.result-board h3{font-size:20px}}
@media(max-height:620px) and (min-width:600px){.result{display:grid;gap:10px 20px}.result-actions{margin-top:0!important}.home .play-dock{width:280px}.home-title{left:5%}.home h1{font-size:45px}}

/* Keep combat instructions separate from scores and the playfield. */
.boss-hud{left:auto;right:30px;transform:none;width:210px;text-align:right;background:var(--cream);padding:11px 14px;border-radius:14px;box-shadow:var(--shadow)}
.boss-hud strong{font-weight:600}.boss-hud>div{height:8px;background:#ded8c7}.boss-hud i{border-radius:inherit}
.boss-cue{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:12px 20px;border-radius:16px;background:#fff0d6;color:#873b1d;pointer-events:none;box-shadow:var(--shadow);white-space:nowrap}
.boss-cue svg{width:30px;height:30px}.boss-cue strong{font-size:22px;font-weight:550;display:block;line-height:1.15}.boss-cue span{font:12px/1.6 system-ui,sans-serif;display:block}.boss-cue.safe{background:#e4f7df;color:#245943}.boss-cue.safe svg{visibility:hidden}
.toast{max-width:calc(100% - 36px);white-space:normal;text-align:center;line-height:1.2;font-size:clamp(16px,2.4vw,25px)}
.counter strong,.shield-counter strong,.score-counter strong{display:inline-block;transform-origin:center}
.dialog .result-record{font:550 14px Fredoka,sans-serif;color:#36612c;margin:12px 0 0}.run-details{font:13px/1.6 system-ui,sans-serif;margin:0;padding:0 4px;color:#506763}.run-details>div{display:flex;justify-content:space-between;gap:16px}.run-details dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}
.loading-note{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:12px 18px;background:var(--cream);color:var(--ink);border-radius:12px;font-size:14px;z-index:9;box-shadow:var(--shadow);text-align:center;max-width:calc(100% - 36px)}
[aria-busy="true"]{opacity:.65;cursor:wait}.screen .dialog{scrollbar-gutter:stable}
.stars .earned{animation:star-settle .45s cubic-bezier(.16,1,.3,1) both}.stars .earned:nth-child(2){animation-delay:.09s}.stars .earned:nth-child(3){animation-delay:.18s}
@keyframes star-settle{from{opacity:.5;transform:scale(.65) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:760px){.boss-hud{top:141px;left:50%;right:auto;transform:translateX(-50%);width:205px;padding:8px 12px;text-align:center}.boss-cue{bottom:max(18px,env(safe-area-inset-bottom));padding:10px 17px}.boss-cue strong{font-size:20px}.toast{top:25%;font-size:17px}.result .run-details{font-size:12px}.result .result-record{margin:8px 0 0}.result .result-stats{padding-bottom:8px}.result-actions{margin-top:14px}}
@media(max-height:620px) and (min-width:600px){.hud{top:80px}.boss-hud{top:80px;right:18px;left:auto;transform:none;width:200px}.boss-cue{bottom:12px;padding:7px 14px}.boss-cue strong{font-size:18px}.toast{top:36%;font-size:17px}.run-details{font-size:12px}}
@media(max-width:599px) and (max-height:620px){.home-title{top:12%;left:7%;right:7%;text-align:center;max-width:none}.home h1{font-size:42px}.home .level-picker{display:flex}.home .play-dock{left:7%;right:7%;width:auto;bottom:16px}.home .control-hint{font-size:12px}.result-stats strong{font-size:25px}.result .run-details{display:flex;gap:12px;justify-content:space-between}.run-details>div{display:block}.run-details dt{font-size:12px}.run-details dd{text-align:center}.boss-cue{bottom:10px}}
@media(prefers-reduced-motion:reduce){.stars .earned{animation:none}.boss-hud i,#damage-flash{transition:none}}
.score-counter{background:var(--cream);border-radius:14px;padding:6px 11px;box-shadow:var(--shadow)}.shield-counter.empty{background:#e4e6d5;color:#536962}.shield-counter.empty svg{opacity:.65}
.steer-hint{white-space:nowrap;gap:10px}.steer-hint svg{width:28px;flex-shrink:0}
@media(max-width:599px) and (max-height:620px){.vignette{background:linear-gradient(180deg,rgb(var(--factory-rgb)) 0%,rgb(var(--factory-rgb)) 25%,rgba(var(--factory-rgb),0) 38%,rgba(var(--factory-rgb),0) 67%,rgb(var(--factory-rgb)) 86%)}.playing .vignette{opacity:0}}
.dialog .star-target{font:12px/1.5 system-ui,sans-serif;color:#506763;margin:8px 0 0}
.board-retry{display:block;margin:8px auto 0;padding:8px 18px;min-height:44px;background:#e3e9d9;border-radius:10px;font:500 14px Fredoka,sans-serif;color:var(--ink)}
.score-table .posted-score td{background:#e0f2d9;color:#245943}.posted-label{display:block;font:500 11px/1.3 Fredoka,sans-serif;letter-spacing:0;color:#36612c}