:root{--ink:#1d1630;--cream:#fff8ec;--sun:#ffd23f;--hot:#ff5a3c;--sky:#79c3ff;color:var(--ink);background:var(--sky);font-synthesis:none;font-family:Nunito,Avenir Next,Segoe UI,sans-serif;font-weight:800}*{box-sizing:border-box}html,body,#app{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:linear-gradient(#2f7cf0,#d6eeff);position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}#hud{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));left:max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud-left,.hud-right{align-items:center;gap:10px;display:flex}.pill{border:3px solid var(--ink);background:var(--cream);box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.95rem}.pill strong{font-family:Lilita One,Nunito,sans-serif;font-size:1.15rem;font-weight:400}.pill.level{background:var(--sun)}.icon-button{width:44px;height:44px;color:var(--ink);cursor:pointer;pointer-events:auto;padding:0;font-size:1.25rem}.icon-button.muted{opacity:.55;text-decoration:line-through}.progress{gap:4px;min-width:220px;display:grid}.progress-track{border:3px solid var(--ink);background:var(--cream);height:16px;box-shadow:0 3px 0 var(--ink);border-radius:999px;position:relative}#progress-fill{background:repeating-linear-gradient(-45deg,#5fd068 0 8px,#4bbd56 8px 16px);border-radius:999px;width:0%;transition:width .25s ease-out;position:absolute;inset:0 auto 0 0}#progress-runner{border:3px solid var(--ink);background:var(--hot);border-radius:50%;width:22px;height:22px;transition:left .25s ease-out;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.progress-label{color:#fff;text-shadow:0 2px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink);padding-left:4px;font-size:.9rem}.progress-label strong{font-family:Lilita One,Nunito,sans-serif;font-size:1.1rem;font-weight:400}#toast{color:#fff;letter-spacing:.02em;white-space:nowrap;text-shadow:0 5px 0 var(--ink), 4px 0 0 var(--ink), -4px 0 0 var(--ink), 0 -4px 0 var(--ink), 3px 3px 0 var(--ink), -3px 3px 0 var(--ink), 3px -3px 0 var(--ink), -3px -3px 0 var(--ink);opacity:0;pointer-events:none;font-family:Lilita One,Nunito,sans-serif;font-size:clamp(2rem,7vw,4.2rem);position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}#toast.show{animation:1.3s cubic-bezier(.2,1.4,.4,1) forwards toast-pop}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}#flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .35s;position:absolute;inset:0}#flash.on{opacity:1}.overlay{opacity:0;pointer-events:none;background:#1d163040;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:absolute;inset:0}.overlay.visible{opacity:1;pointer-events:auto}#win-screen{padding-bottom:max(40px, env(safe-area-inset-bottom));background:0 0;align-items:end}.card{border:4px solid var(--ink);background:var(--cream);width:min(520px,100%);box-shadow:0 10px 0 var(--ink);text-align:center;border-radius:28px;padding:26px 26px 30px;transform:rotate(-1deg)}.overlay.visible .card{animation:.45s cubic-bezier(.2,1.5,.4,1) card-in}@keyframes card-in{0%{transform:translateY(30px)scale(.85)rotate(-4deg)}to{transform:rotate(-1deg)}}.card h1{color:var(--sun);letter-spacing:.03em;text-shadow:0 6px 0 var(--ink), 4px 0 0 var(--ink), -4px 0 0 var(--ink), 0 -4px 0 var(--ink), 3px 3px 0 var(--ink), -3px 3px 0 var(--ink), 3px -3px 0 var(--ink), -3px -3px 0 var(--ink);margin:0 0 8px;font-family:Lilita One,Nunito,sans-serif;font-size:clamp(2.4rem,10vw,4rem);font-weight:400;line-height:1}#win-screen .card h1{color:#5fd068;font-size:clamp(1.8rem,7vw,2.8rem)}.tagline{margin:14px 0 16px;font-size:1.02rem;line-height:1.45}.legend{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-bottom:14px;font-size:.88rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border:2px solid var(--ink);background:var(--c);border-radius:4px;width:18px;height:12px}.controls{gap:6px;margin-bottom:20px;font-size:.9rem;display:grid}kbd{border:2px solid var(--ink);min-width:26px;box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:7px;margin:0 2px;padding:1px 6px;font-family:inherit;font-size:.82rem;display:inline-block}.big-button{border:4px solid var(--ink);color:var(--ink);background:var(--sun);box-shadow:0 6px 0 var(--ink);letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:12px 42px;font-family:Lilita One,Nunito,sans-serif;font-size:1.6rem;transition:transform 80ms,box-shadow 80ms}.big-button:hover{transform:translateY(-2px)scale(1.03)}.big-button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}#touch-controls{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{aspect-ratio:1;border:4px solid var(--ink);pointer-events:auto;touch-action:none;background:#fff8ec8c;border-radius:50%;width:clamp(110px,28vw,140px);position:relative}#touch-knob{aspect-ratio:1;border:4px solid var(--ink);background:var(--sun);border-radius:50%;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#dash-button{aspect-ratio:1;border:4px solid var(--ink);width:clamp(88px,22vw,110px);color:var(--ink);background:var(--hot);box-shadow:0 6px 0 var(--ink);pointer-events:auto;touch-action:none;border-radius:50%;font-family:Lilita One,Nunito,sans-serif;font-size:1.3rem}@media (pointer:coarse),(width<=760px){#hud{flex-wrap:wrap}.progress{min-width:150px}.pill{padding:5px 10px;font-size:.82rem}.hud-left,.hud-right{gap:6px}#touch-controls{display:flex}}#app:has(.overlay.visible) #touch-controls{display:none}.coin-icon{vertical-align:-4px;border:3px solid var(--ink);background:radial-gradient(circle,#ffe27a 0 38%,#ffc93c 40%);border-radius:50%;width:20px;height:20px;margin-right:6px;display:inline-block}.pill.coins strong{min-width:1.4em;display:inline-block}#pending-value{color:#2f9142;margin-left:6px;font-family:Lilita One,Nunito,sans-serif;font-size:1rem}#pending-value:empty{display:none}.pill.weather{background:#d9f0ff}.pill.weather.easier{background:#c9f5cf}.pill.weather.harder{background:#ffd6cc}#skills-row{gap:4px;display:flex}#skills-row span{border:3px solid var(--ink);background:var(--cream);width:34px;height:34px;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:1rem;display:grid}#skills-row span.spent{opacity:.35;filter:grayscale()}.coin-pop{animation:.3s cubic-bezier(.2,1.6,.4,1) coin-pop}@keyframes coin-pop{50%{transform:scale(1.18)}}#lightning{opacity:0;pointer-events:none;background:#eef3ff;position:absolute;inset:0}#weather-banner{border:4px solid var(--ink);background:var(--cream);max-width:calc(100% - 32px);box-shadow:0 6px 0 var(--ink);opacity:0;pointer-events:none;border-radius:22px;align-items:center;gap:12px;padding:10px 18px 10px 12px;transition:opacity .3s,transform .4s cubic-bezier(.2,1.5,.4,1);display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%,-20px)}#weather-banner.show{opacity:1;transform:translate(-50%)}#banner-icon{font-size:2.2rem}#weather-banner strong{font-family:Lilita One,Nunito,sans-serif;font-size:1.4rem;font-weight:400;display:block}#weather-banner span#banner-hint{font-size:.9rem;display:block}#banner-mood{border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.75rem;font-style:normal}#banner-mood.easier{background:#5fd068}#banner-mood.harder{background:#ff7a5c}#banner-mood.neutral{background:#d9f0ff}.shop-card{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}#shop-items{text-align:left;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.shop-item{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;grid-template-rows:auto 1fr auto;gap:6px;padding:12px;display:grid}.shop-item header{align-items:center;gap:8px;font-family:Lilita One,Nunito,sans-serif;font-size:1.1rem;display:flex}.shop-item header span{font-size:1.7rem}.shop-item p{margin:0;font-size:.85rem;font-weight:700;line-height:1.35}.shop-item .level-dots{color:#6b5a8e;font-size:.75rem}.shop-item button{border:3px solid var(--ink);background:var(--sun);box-shadow:0 3px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 10px;font-family:Lilita One,Nunito,sans-serif;font-size:1rem}.shop-item button:disabled{color:#8a829c;cursor:not-allowed;background:#e6e1ef}.shop-item.owned{background:#e9fbe9}@media (width<=760px){#weather-banner{top:120px}.pill.weather #weather-name{display:none}#shop-items{grid-template-columns:1fr 1fr;gap:8px}.shop-item p{font-size:.78rem}}.coin-icon.small{vertical-align:-3px;border-width:2px;width:16px;height:16px;margin:0 0 0 2px}#friend-screen{padding-bottom:max(28px, env(safe-area-inset-bottom));background:0 0;align-items:end}.friend-card{width:min(560px,100%);padding-top:30px;position:relative}.challenge-badge{border:4px solid var(--ink);background:var(--hot);box-shadow:0 4px 0 var(--ink);color:#fff;letter-spacing:.06em;border-radius:999px;padding:4px 18px;font-family:Lilita One,Nunito,sans-serif;font-size:1.3rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)rotate(-3deg)}.friend-card h2{margin:0 0 10px;font-family:Lilita One,Nunito,sans-serif;font-size:1.5rem;font-weight:400}#friend-name{color:var(--hot)}.speech{border:3px solid var(--ink);background:#fff;border-radius:18px;margin:0 0 14px;padding:12px 16px;font-size:1rem;font-style:italic;line-height:1.4;position:relative}#friend-perks{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}#friend-perks li{border:3px solid var(--ink);border-radius:999px;padding:5px 12px;font-size:.92rem}#friend-perks li.good{background:#b8f0bd}#friend-perks li.bad{background:#ffc4b8}.pill.friend{background:#ffe6a8}.pill.friend[hidden]{display:none}@media (width<=760px){.friend-card h2{font-size:1.2rem}.speech{font-size:.88rem}}#talk-screen{padding-bottom:max(28px, env(safe-area-inset-bottom));background:0 0;align-items:end}.talk-card h2{color:var(--hot);margin:0 0 10px;font-family:Lilita One,Nunito,sans-serif;font-size:1.5rem;font-weight:400}.talk-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.talk-buttons .big-button{padding:10px 24px;font-size:1.15rem}.big-button.secondary{background:#e6e1ef}#tease-bubble{border:4px solid var(--ink);max-width:min(460px,100% - 32px);box-shadow:0 6px 0 var(--ink);opacity:0;pointer-events:none;background:#fff;border-radius:22px;padding:12px 18px;font-size:1.05rem;line-height:1.35;transition:opacity .25s,transform .35s cubic-bezier(.2,1.5,.4,1);position:absolute;bottom:22%;left:50%;transform:translate(-50%,16px)scale(.9)}#tease-bubble.show{opacity:1;transform:translate(-50%)scale(1)}#tease-bubble:after{content:"";border:12px solid #0000;border-top-color:var(--ink);position:absolute;bottom:-16px;left:30%}#tease-name{color:var(--hot);font-family:Lilita One,Nunito,sans-serif;font-weight:400;display:block}