:root{color:#19324a;font-synthesis:none;--ink:#19324a;--paper:#fffdf3;--yellow:#ffd94a;--orange:#ff9d3d;--blue:#42bde8;--green:#6ecb63;--pink:#ff7f9f;--purple:#9c7aea;--shadow:0 .55rem 0 #354b652e;--outline:.22rem solid #ffffffe0;background:#8ee5ff;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 18% 12%,#ffffffb8 0 .35rem,#0000 .4rem),linear-gradient(#8ee5ff 0%,#d8f7ff 100%);min-width:18rem;min-height:18rem}[hidden]{display:none!important}#alphabet-school{z-index:35;perspective:70rem;background:radial-gradient(circle at 50% 18%,#fff8 0 8%,#0000 28%),linear-gradient(#9ee9ff 0 64%,#8bd16f 64% 100%);position:fixed;inset:0;overflow:clip}.alphabet-home{top:max(.8rem, env(safe-area-inset-top));left:max(.8rem, env(safe-area-inset-left));z-index:20;aspect-ratio:1;width:3.4rem;color:var(--ink);box-shadow:var(--shadow);background:#fff9dc;border:.2rem solid #fff;border-radius:50%;font:900 2rem/1 sans-serif;position:absolute}.alphabet-home:focus-visible,.alphabet-track-choices button:focus-visible,.alphabet-card:focus-visible,.alphabet-teacher:focus-visible,.alphabet-speaker:focus-visible{outline:var(--outline);outline-offset:.28rem}.alphabet-track-picker{grid-template-columns:minmax(16rem,.9fr) minmax(18rem,1.1fr);place-items:center;gap:clamp(1rem,5vw,5rem);padding:5vh 8vw;display:grid;position:absolute;inset:0}.alphabet-schoolhouse{aspect-ratio:1.2;background:linear-gradient(135deg,#ff876f,#ed5e73);border:.45rem solid #fff2b5;width:min(35vw,27rem);position:relative;transform:rotateY(12deg)rotateX(2deg);box-shadow:1.3rem 1.1rem #c94963,1.8rem 1.5rem 1.5rem #3456}.alphabet-schoolhouse:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(.7rem .5rem #d69733);background:#ffd953;height:48%;position:absolute;bottom:96%;left:-12%;right:-12%}.alphabet-schoolhouse b{color:#fff;text-shadow:0 .12em #713950;font-size:clamp(2.2rem,6vw,5rem);position:absolute;top:18%;left:50%;transform:translate(-50%)}.alphabet-schoolhouse span{background:#6ac8ea;border:.25rem solid #fff;border-bottom:0;width:28%;height:47%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.alphabet-track-choices{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.alphabet-track-choices button,.alphabet-card{color:#263d59;cursor:pointer;touch-action:manipulation;background:linear-gradient(145deg,#fffdf0,#fff2a6);border:.4rem solid #fff;place-items:center;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:1000;display:grid;box-shadow:.65rem .75rem #4b729055}.alphabet-track-choices button{aspect-ratio:.82;border-radius:1.6rem;width:clamp(8rem,18vw,13rem);font-size:clamp(5rem,13vw,9rem);position:relative}.alphabet-track-choices .alphabet-bubble-choice{color:#624a9d;font-size:clamp(2.6rem,7vw,5rem)}.alphabet-bubble-grid-choice{background:radial-gradient(circle at 28% 24%,#fff 0 4%,#0000 5%),radial-gradient(circle at 28% 24%,#dffbff 0 17%,#6ed7ef 18% 21%,#0000 22%),radial-gradient(circle at 72% 24%,#e8f8ff 0 17%,#86bff1 18% 21%,#0000 22%),radial-gradient(circle at 28% 72%,#fff1fb 0 17%,#e793c8 18% 21%,#0000 22%),radial-gradient(circle at 72% 72%,#fff8d7 0 17%,#e9c55f 18% 21%,#0000 22%),linear-gradient(145deg,#eaffff,#c8f0ff)}.alphabet-bubble-drift-choice{background:radial-gradient(circle at 25% 68%,#fff 0 3%,#0000 4%),radial-gradient(circle at 25% 68%,#e5fbff 0 20%,#6ed7ef 21% 25%,#0000 26%),radial-gradient(circle at 72% 27%,#fff1fb 0 16%,#df8bc1 17% 21%,#0000 22%),radial-gradient(circle at 74% 76%,#fff8d7 0 11%,#e9c55f 12% 16%,#0000 17%),linear-gradient(145deg,#eaffff,#c8f0ff)}.alphabet-bubble-game{background:radial-gradient(circle at 50% 18%,#fff9,#0000 26%),linear-gradient(#91e7fa,#bcefdc 72%,#91d27b);position:absolute;inset:0;overflow:clip}.alphabet-bubble-timer{top:max(1rem, env(safe-area-inset-top));z-index:20;height:clamp(1.2rem,3vh,2rem);box-shadow:var(--shadow);background:#49677a66;border:.25rem solid #fff;border-radius:99rem;position:absolute;left:10%;right:10%;overflow:hidden}.alphabet-bubble-timer i{border-radius:inherit;background:linear-gradient(90deg,#72dc75,#ffeb63);width:75%;height:100%;transition:width .12s linear;display:block}.alphabet-bubble-field{position:absolute;inset:8% 3% 3%}.alphabet-bubble{top:var(--bubble-y);left:var(--bubble-x);z-index:5;width:var(--bubble-size,clamp(3.6rem, 8vw, 6rem));aspect-ratio:1;color:#263d59;background:radial-gradient(circle at 30% 24%, #fff 0 8%, transparent 10%), hsl(var(--bubble-hue) 80% 88% / 82%);cursor:pointer;touch-action:manipulation;animation:alphabet-bubble-drift var(--bubble-drift) ease-in-out var(--bubble-delay) infinite alternate;border:.18rem solid #fff;border-radius:50%;place-items:center;font:1000 clamp(1.8rem,5vw,3.6rem)/1 Arial Rounded MT Bold,sans-serif;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset -.45rem -.6rem #4a80a322,0 .45rem .8rem #41647744}.alphabet-bubble-game[data-mode=drift] .alphabet-bubble{animation:none}.alphabet-bubble-game[data-mode=drift] .alphabet-bubble.popped{animation:.48s ease-out forwards alphabet-bubble-drift-pop}.alphabet-bubble-game[data-mode=drift] .alphabet-bubble.oops{animation:.34s alphabet-bubble-oops}.alphabet-bubble.popped{pointer-events:none;animation:.48s ease-out forwards alphabet-bubble-pop}.alphabet-bubble.oops{animation:.34s alphabet-bubble-oops}.alphabet-bubble-game.hints .alphabet-bubble[data-match=true]:not(.popped){filter:brightness(1.15)drop-shadow(0 0 .7rem #fff);animation:.56s ease-in-out infinite alternate alphabet-bubble-hint}.alphabet-bubble-score{z-index:15;text-align:center;background:#ffe46c;border:.2rem solid #fff;border-radius:1rem;min-width:3.4rem;padding:.35rem .7rem;font:1000 clamp(1.5rem,4vw,2.8rem)/1 sans-serif;position:absolute;top:9%;right:3%}.alphabet-bubble-teacher.alphabet-teacher{width:clamp(6rem,12vw,9rem);height:clamp(8rem,18vw,12rem);top:auto;bottom:2%;left:1%;transform:none}.alphabet-bubble-finish{z-index:40;background:radial-gradient(circle,#fff8 0 15%,#4cc6e499 58%,#4cc6e4cc);place-items:center;display:grid;position:absolute;inset:0}.alphabet-bubble-finish b{aspect-ratio:1;color:#624a9d;background:#ffe46c;border:.55rem solid #fff;border-radius:50%;place-items:center;width:min(42vw,16rem);font:1000 clamp(5rem,18vw,11rem)/1 sans-serif;animation:.5s ease-in-out infinite alternate alphabet-parade;display:grid;box-shadow:0 1rem #d1a738}.alphabet-bubble-game.finished .alphabet-bubble-teacher{z-index:45;animation:.24s ease-in-out infinite alternate alphabet-dance}@keyframes alphabet-bubble-drift{0%{transform:translate(-50%,-50%)translate(-.3rem,.3rem)rotate(-4deg)}to{transform:translate(-50%,-50%)translate(.3rem,-.3rem)rotate(5deg)}}@keyframes alphabet-bubble-pop{55%{filter:brightness(1.3);transform:translate(-50%,-50%)scale(1.35)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}@keyframes alphabet-bubble-drift-pop{to{opacity:0;filter:brightness(1.3);transform:translate(-50%,-50%)scale(0)}}@keyframes alphabet-bubble-oops{25%{transform:translate(-50%,-50%)translate(-.5rem)}75%{transform:translate(-50%,-50%)translate(.5rem)}}@keyframes alphabet-bubble-hint{0%{transform:translate(-50%,-50%)rotate(-3deg)}to{transform:translate(-50%,-50%)scale(1.09)rotate(3deg)}}.alphabet-track-choices button.complete:after{content:"✓";aspect-ratio:1;color:#fff;width:2.7rem;box-shadow:var(--shadow);background:#48b978;border:.2rem solid #fff;border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:-.8rem;right:-.8rem}.alphabet-classroom{background:linear-gradient(90deg,#0000 49.5%,#ffffff38 50%,#0000 50.5%),linear-gradient(#fff1b8 0 69%,#cf9f69 69%);position:absolute;inset:0;overflow:clip}.alphabet-classroom:after{content:"";transform-origin:bottom;background:repeating-linear-gradient(93deg,#c88d53 0 4rem,#dba96e 4rem 8rem);height:44%;position:absolute;bottom:-16%;left:-5%;right:-5%;transform:rotateX(65deg)}.alphabet-wall{z-index:2;background:#49795f;border:.35rem solid #bc7d45;border-radius:.7rem;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex;position:absolute;top:3vh;left:50%;transform:translate(-50%);box-shadow:.45rem .5rem #81512e}.alphabet-display{gap:.45rem;display:flex}.alphabet-display i{aspect-ratio:1;color:#263d59;background:#ffffff1f;border:.16rem dashed #e5f2d9;border-radius:.5rem;place-items:center;width:clamp(2rem,5vw,3.5rem);font:1000 clamp(1.2rem,3vw,2.2rem)/1 sans-serif;display:grid}.alphabet-display i.filled{background:#ffe36e;border-style:solid;animation:.52s both alphabet-tile-pop}.alphabet-bell{font-size:clamp(1.8rem,4vw,3rem)}.alphabet-cards{z-index:6;pointer-events:none;justify-content:center;gap:clamp(.8rem,3vw,2.5rem);display:flex;position:absolute;bottom:3vh;left:4%;right:4%}.alphabet-card{aspect-ratio:.82;pointer-events:auto;background:linear-gradient(145deg, #fff, hsl(var(--card-hue) 80% 86%));width:clamp(7rem,20vw,14rem);transform:rotateY(var(--card-turn,8deg)) translateZ(1rem);border-radius:1.2rem;font-size:clamp(5rem,14vw,10rem);transition:transform .18s,filter .18s}.alphabet-card:last-child{--card-turn:-8deg}.alphabet-cards[data-count="3"] .alphabet-card{width:clamp(6rem,17vw,11rem);font-size:clamp(4rem,11vw,8rem)}.alphabet-card.correct{z-index:12;filter:saturate(1.8)brightness(1.08);animation:.76s both alphabet-card-correct}.alphabet-card.oops{animation:.36s alphabet-card-oops}.alphabet-teacher{z-index:8;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:clamp(8rem,16vw,12rem);height:clamp(11rem,25vw,17rem);padding:0;position:absolute;top:16%;bottom:auto;left:50%;transform:translate(-50%)}.teacher-head{aspect-ratio:1.08;background:#ffdc4d;border:.25rem solid #dba629;border-radius:52% 52% 46% 46%;width:78%;position:absolute;top:3%;left:50%;transform:translate(-50%);box-shadow:inset .6rem .6rem #fff5}.teacher-head:before,.teacher-head:after{content:"";aspect-ratio:1;background:#1e3851;border-radius:50%;width:12%;position:absolute;top:34%;box-shadow:inset .14rem .14rem #fff}.teacher-head:before{left:26%}.teacher-head:after{right:26%}.teacher-head b{transform-origin:0;background:#f79538;border:.18rem solid #c36b25;border-radius:55% 30%;width:42%;height:22%;position:absolute;top:56%;left:50%;transform:translate(-50%)}.teacher-body{background:#ffdc4d;border:.25rem solid #dba629;border-radius:48% 48% 36% 36%;width:88%;height:58%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.teacher-body:after{content:"";background:#6a82d8;border-radius:45% 45% 20% 20%;position:absolute;inset:15% 19% 0}.teacher-cap{z-index:3;clip-path:polygon(50% 0,100% 42%,50% 84%,0 42%);background:#44558f;width:88%;height:17%;position:absolute;top:-2%;left:50%;transform:translate(-50%)}.alphabet-teacher.speaking .teacher-head b,.alphabet-teacher.quacking .teacher-head b{animation:.17s ease-in-out infinite alternate alphabet-beak-talk}.alphabet-speaker{z-index:10;aspect-ratio:1;width:clamp(3.8rem,8vw,5.8rem);box-shadow:var(--shadow);background:#73d5ef;border:.22rem solid #fff;border-radius:50%;font-size:clamp(1.8rem,4vw,3rem);position:absolute;bottom:4vh;right:3vw}.alphabet-speaker.speaking{animation:.42s ease-in-out infinite alternate alphabet-speaker-pulse}.alphabet-ducklings{z-index:7;gap:.4rem;display:flex;position:absolute;top:44%;bottom:auto;right:calc(50% - 10rem)}.alphabet-ducklings i{aspect-ratio:1;background:#ffe26d;border:.13rem solid #dba629;border-radius:50%;width:clamp(2rem,4vw,3rem)}.celebrating .alphabet-ducklings i,.celebrating .alphabet-teacher{animation:.36s ease-in-out infinite alternate alphabet-dance}.celebrating .alphabet-bell{transform-origin:50% 0;animation:.18s ease-in-out infinite alternate alphabet-bell-ring}.alphabet-celebration{z-index:30;pointer-events:none;background:radial-gradient(circle,#fff9 0 15%,#0000 55%);place-items:center;display:grid;position:absolute;inset:0}.alphabet-celebration b{color:#624a9d;background:#ffe56f;border:.35rem solid #fff;border-radius:1rem;padding:1rem 2rem;font-size:clamp(2rem,7vw,5rem);animation:.8s ease-in-out infinite alternate alphabet-parade}.alphabet-celebration .certificate,.alphabet-celebration .graduation-cap{font-size:clamp(4rem,12vw,9rem);position:absolute;top:12%}.alphabet-celebration[data-kind=reward-cycle] .certificate,.alphabet-celebration[data-kind=reward-cycle] .graduation-cap,.alphabet-celebration[data-kind=certificate] .graduation-cap,.alphabet-celebration[data-kind=graduation] .certificate{display:none}@keyframes alphabet-beak-talk{to{transform:translate(-50%)scaleY(1.75)rotate(4deg)}}@keyframes alphabet-speaker-pulse{to{transform:scale(1.12);box-shadow:0 0 0 .65rem #fff7}}@keyframes alphabet-tile-pop{50%{transform:translateY(-1rem)rotate(9deg)scale(1.35)}}@keyframes alphabet-card-correct{55%{transform:translateY(-2rem)scale(1.28)rotate(7deg)}to{opacity:0;transform:translateY(-8rem)scale(.5)}}@keyframes alphabet-card-oops{25%{transform:translate(-.5rem)rotate(-4deg)}75%{transform:translate(.5rem)rotate(4deg)}}@keyframes alphabet-dance{to{transform:translateY(-.8rem)rotate(5deg)}}@keyframes alphabet-bell-ring{to{transform:rotate(18deg)scale(1.12)}}@keyframes alphabet-parade{to{transform:translate(1rem)rotate(2deg)scale(1.04)}}@media (orientation:portrait){.alphabet-track-picker{grid-template-rows:1fr 1fr;grid-template-columns:1fr;padding:9vh 5vw 4vh}.alphabet-schoolhouse{width:min(56vw,19rem)}.alphabet-track-choices button{width:min(34vw,10rem)}.alphabet-cards{top:58%;bottom:auto}.alphabet-card{width:clamp(6.2rem,28vw,10rem);font-size:clamp(4.5rem,20vw,7.5rem)}.alphabet-cards[data-count="3"] .alphabet-card{width:clamp(5.2rem,25vw,8rem);font-size:clamp(3.6rem,17vw,6rem)}.alphabet-teacher{width:clamp(8rem,35vw,12rem);height:clamp(11rem,48vw,17rem);top:15%;bottom:auto}.alphabet-bubble{width:var(--bubble-size,clamp(3.2rem, 14vw, 5.3rem));font-size:clamp(1.7rem,8vw,3rem)}}@media (prefers-reduced-motion:reduce){.alphabet-teacher.speaking .teacher-head b,.alphabet-teacher.quacking .teacher-head b{animation:none;transform:translate(-50%)scaleY(1.35)}.alphabet-speaker.speaking,.celebrating .alphabet-ducklings i,.celebrating .alphabet-teacher,.celebrating .alphabet-bell,.alphabet-display i.filled,.alphabet-card.correct,.alphabet-card.oops,.alphabet-celebration b,.alphabet-bubble,.alphabet-bubble.popped,.alphabet-bubble.oops,.alphabet-bubble-game.finished .alphabet-bubble-teacher,.alphabet-bubble-finish b{animation-duration:1ms;animation-iteration-count:1}}#world{touch-action:none;border:0;outline:0;width:100%;height:100%;display:block;position:fixed;inset:0}#menu{z-index:10;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 8% 18%,#fff 0 .3rem,#0000 .36rem),radial-gradient(circle at 92% 82%,#fff8 0 .45rem,#0000 .52rem),linear-gradient(150deg,#97ebffed,#f4fdefed);grid-template-columns:minmax(12rem,.72fr) minmax(25rem,1.55fr);align-items:center;gap:clamp(1rem,4vw,4rem);display:grid;position:fixed;inset:0}#menu:after{content:"";z-index:-1;background:#91db70;border-radius:50% 50% 0 0;height:38vh;position:absolute;bottom:-18vh;left:-5vw;right:-5vw;box-shadow:inset 0 .7rem #b9ed8f}.brand{align-content:center;justify-items:center;display:grid;transform:rotate(-2deg)}.brand h1{color:var(--ink);letter-spacing:-.08em;text-align:center;text-shadow:0 .12em #fff,0 .19em #ffb343;margin:-.55rem 0 0;font-size:clamp(2.7rem,7vw,6.8rem);font-weight:1000;line-height:.72}.brand h1 b{color:#ff744f;font-weight:inherit}.brand-stars{color:#fff5a6;letter-spacing:.3em;text-shadow:0 .12rem #e39731;margin-top:clamp(.8rem,2vh,1.4rem);font-size:clamp(1rem,2.3vw,1.8rem)}.brand-duck{aspect-ratio:1.18;background:var(--yellow);width:clamp(5rem,11vw,9rem);box-shadow:inset .5rem .55rem 0 #ffffff52, var(--shadow);border:.28rem solid #e9ad28;border-radius:52% 52% 46% 46%;display:block;position:relative}.brand-duck:before,.brand-duck:after{content:"";aspect-ratio:1;background:var(--ink);border-radius:50%;width:.68rem;position:absolute;top:35%;box-shadow:inset .15rem .16rem #fff}.brand-duck:before{left:27%}.brand-duck:after{right:27%}.brand-duck i{background:var(--orange);border:.2rem solid #d86e28;border-radius:70% 35%;height:25%;position:absolute;bottom:17%;left:25%;right:25%;transform:rotate(2deg)}.job-grid{grid-template-columns:repeat(3,minmax(6.5rem,1fr));gap:clamp(.75rem,2vw,1.35rem);width:min(100%,53rem);margin-inline:auto;display:grid}.job{min-width:0;min-height:clamp(7.5rem,22vh,12.5rem);color:var(--ink);background:var(--job-color,var(--yellow));box-shadow:inset 0 .5rem 0 #ffffff57, var(--shadow);cursor:pointer;font:inherit;touch-action:manipulation;border:.24rem solid #ffffffe6;border-radius:clamp(1.25rem,3vw,2.2rem);place-items:center;padding:.8rem;transition:transform .15s,filter .15s,box-shadow .15s;display:grid;position:relative}.job.taxi{--job-color:#ffd84d}.job.fire{--job-color:#ff795f}.job.chef{--job-color:#ff9eb5}.job.delivery{--job-color:#75d4f3}.job.builder{--job-color:#ae91ed}.job.farmer{--job-color:#8ed975}.job span{filter:drop-shadow(0 .18rem #203e552e);transform-origin:50% 80%;font-size:clamp(2.7rem,7vh,5.2rem);line-height:1;display:block}.job b{letter-spacing:.02em;font-size:clamp(.9rem,2vw,1.35rem);font-weight:950}.job:hover{filter:saturate(1.08)brightness(1.04);transform:translateY(-.28rem)rotate(1deg)}.job:hover span{animation:.65s ease-in-out infinite alternate job-wave}.job:active{transform:translateY(.24rem)scale(.97);box-shadow:inset 0 .2rem #ffffff38,0 .2rem #354b652e}.job:focus-visible,#home:focus-visible,#sound:focus-visible,#action:focus-visible{outline:var(--outline);outline-offset:.2rem}#game-hud{z-index:12;padding:max(.65rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .65rem max(.75rem, env(safe-area-inset-left));pointer-events:none;grid-template-columns:auto auto 1fr auto;align-items:center;gap:clamp(.5rem,1.8vw,1rem);display:grid;position:fixed;top:0;left:0;right:0}#home,#sound,#job-badge{aspect-ratio:1;width:clamp(3.25rem,8vh,4.5rem);box-shadow:var(--shadow);color:var(--ink);background:#fffdf3eb;border:.18rem solid #ffffffe6;border-radius:50%;place-items:center;font-size:clamp(1.35rem,4vh,2.15rem);display:grid}#home,#sound{cursor:pointer;pointer-events:auto;touch-action:manipulation;padding:0}#home:active,#sound:active{transform:translateY(.16rem)scale(.96)}#progress{-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);transform-origin:50% 20%;background:#19324a3d;border:.22rem solid #ffffffeb;border-radius:999px;justify-self:center;gap:clamp(.55rem,1.4vw,1rem);padding:clamp(.5rem,1.2vh,.75rem) clamp(.9rem,2vw,1.35rem);transition:background .22s,box-shadow .22s;display:flex;overflow:visible;box-shadow:inset 0 .15rem #ffffff42,0 .35rem .8rem #1f42572e}#progress i{aspect-ratio:1;filter:drop-shadow(0 .16rem #1f425742);width:clamp(2.35rem,7.2vh,3.85rem);transition:transform .22s cubic-bezier(.2,1.6,.5,1);position:relative}#progress i:before{content:"★";color:#ffffff85;-webkit-text-stroke:.1rem #fff;place-items:center;font-size:clamp(2.25rem,6.8vh,3.65rem);font-style:normal;line-height:1;display:grid;position:absolute;inset:0}#progress i:after{content:"";opacity:0;pointer-events:none;border:.16rem solid #fff6a8;border-radius:50%;position:absolute;inset:5%}#progress i.filled:before,#progress i.active:before{color:#ffe45e}#progress i.filled,#progress i.active{transform:scale(1.16)rotate(8deg)}#progress i.filled{animation:.72s cubic-bezier(.16,1.45,.38,1) both star-award}#progress i.filled:after{animation:.72s ease-out both star-sparkle-ring}#progress.complete{background:#ffc540eb;animation:.62s ease-in-out infinite alternate progress-complete;box-shadow:inset 0 .2rem #ffffff8c,0 0 0 .35rem #fff49a94,0 0 2.2rem #ffda51d9}#progress.complete i{animation:.52s ease-in-out infinite alternate completion-star}#progress.complete i:nth-child(2){animation-delay:.11s}#progress.complete i:nth-child(3){animation-delay:.22s}#action{bottom:max(1rem, env(safe-area-inset-bottom));z-index:13;aspect-ratio:1;width:clamp(6.5rem,20vh,10rem);color:var(--ink);cursor:pointer;touch-action:manipulation;background:linear-gradient(155deg,#ffe873,#ffad43);border:clamp(.32rem,.8vw,.5rem) solid #fff;border-radius:50%;place-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:inset 0 .55rem #ffffff6b,0 .65rem #d5752f,0 1.2rem 2rem #2b4a5b42}#action:after{content:"";pointer-events:none;border:.22rem solid #ffffff8c;border-radius:50%;animation:1.25s ease-out infinite action-pulse;position:absolute;inset:-1rem}#action span{filter:drop-shadow(0 .18rem #70451d38);font-size:clamp(3rem,10vh,5.5rem);line-height:1;display:block}#action:active,#action.pressed{transform:translate(-50%,.45rem)scale(.97);box-shadow:inset 0 .25rem #ffffff47,0 .2rem #d5752f,0 .55rem 1rem #2b4a5b33}#visual-cue{z-index:8;aspect-ratio:1;pointer-events:none;border:clamp(.35rem,.9vw,.65rem) solid #ffffffe0;border-radius:50%;place-items:center;width:clamp(5rem,16vh,9rem);animation:.85s ease-in-out infinite alternate cue-breathe;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .45rem #ffdc45bd,0 0 2rem #ffef7fb3}#visual-cue:empty,#visual-cue:not(.visible):not(.active){opacity:0}#visual-cue.visible,#visual-cue.active{opacity:1}#visual-cue.success{border-color:#fff;animation:.5s both success-pop;box-shadow:0 0 0 .65rem #82df68cc,0 0 3rem #c9ff98}#visual-cue.oops{border-color:#fff5b5;animation:.32s both gentle-oops;box-shadow:0 0 0 .42rem #ffad63aa}#celebration{z-index:15;pointer-events:none;position:fixed;inset:0;overflow:hidden}#celebration>*{left:var(--x,50%);color:var(--color,#ffe45e);font-size:var(--size,2.5rem);filter:drop-shadow(0 .15rem #404f5e33);animation:celebrate var(--duration,1.6s) var(--delay,0s) ease-out both;position:absolute;bottom:-3rem}#celebration>.round-finale{background:linear-gradient(145deg,#ffca45,#ffec78);border:.3rem solid #fff;border-radius:999px;gap:clamp(.35rem,1.2vw,.9rem);max-width:calc(100vw - 1.5rem);padding:clamp(.65rem,2vh,1.1rem) clamp(.75rem,2vw,1.5rem);animation:.72s cubic-bezier(.16,1.35,.35,1) both round-finale-arrive;display:flex;position:fixed;inset:42% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .45rem #ffef8473,0 .8rem 3rem #444a5447}.round-finale i{color:#fff15a;-webkit-text-stroke:.12rem #e79018;filter:drop-shadow(0 .25rem #d77f1d)drop-shadow(0 0 1rem #fff7a0);animation:finale-star-dance .42s var(--star-delay,0s) ease-in-out infinite alternate;font-size:clamp(2.5rem,8vw,5.5rem);font-style:normal;line-height:.9;position:relative}#game-bank.receiving-stars{animation:.26s ease-in-out 3 alternate bank-receive-stars}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes star-award{0%{filter:brightness(2)drop-shadow(0 0 #fff7a8);transform:scale(.15)rotate(-55deg)}58%{filter:brightness(1.25)drop-shadow(0 0 .8rem #fff39b);transform:scale(1.62)rotate(18deg)}to{filter:drop-shadow(0 .16rem #1f425742);transform:scale(1.16)rotate(8deg)}}@keyframes star-sparkle-ring{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(2.35)}}@keyframes progress-complete{to{transform:scale(1.1)rotate(1deg)}}@keyframes completion-star{0%{filter:drop-shadow(0 0 .2rem #fff);transform:translateY(0)scale(1.12)rotate(-7deg)}to{filter:drop-shadow(0 0 .9rem #fff7a1);transform:translateY(-.42rem)scale(1.35)rotate(10deg)}}@keyframes job-wave{to{transform:translateY(-.14rem)rotate(5deg)}}@keyframes action-pulse{0%{opacity:.65;transform:scale(.86)}to{opacity:0;transform:scale(1.18)}}@keyframes cue-breathe{to{transform:translate(-50%,-50%)scale(1.08)}}@keyframes success-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-12deg)}65%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(5deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes gentle-oops{0%,to{transform:translate(-50%,-50%)}35%{transform:translate(calc(-50% - .3rem),-50%)rotate(-3deg)}70%{transform:translate(calc(.3rem - 50%),-50%)rotate(3deg)}}@keyframes celebrate{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--drift,0rem)), -105vh) scale(1.25) rotate(var(--spin,360deg))}}@keyframes round-finale-arrive{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes finale-star-dance{to{transform:translateY(-.35rem)scale(1.12)rotate(9deg)}}@keyframes bank-receive-stars{to{background:#fff6a8;transform:scale(1.18);box-shadow:0 0 0 .42rem #ffe6508c,0 0 2rem #ffe15c}}@media (orientation:portrait),(width<=680px){#menu{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:center;gap:clamp(.55rem,2vh,1rem)}.brand{grid-template-columns:auto auto;align-items:center;column-gap:.8rem}.brand-duck{grid-row:1/span 2;width:clamp(3.6rem,17vw,6rem)}.brand h1{margin:0;font-size:clamp(2.3rem,12vw,4.6rem);line-height:.76}.brand-stars{margin-top:.35rem;font-size:.9rem}.job-grid{grid-template-columns:repeat(2,minmax(6rem,1fr));align-content:center;gap:clamp(.55rem,2.2vw,.9rem);max-width:32rem}.job{border-radius:1.25rem;min-height:clamp(5.6rem,17vh,8.5rem)}.job span{font-size:clamp(2.2rem,9vh,3.8rem)}#game-hud{grid-template-columns:auto auto 1fr auto}#action{width:clamp(6rem,25vw,8.5rem)}}@media (orientation:landscape) and (height<=520px){#menu{padding-top:max(.55rem, env(safe-area-inset-top));padding-bottom:max(.55rem, env(safe-area-inset-bottom));grid-template-columns:minmax(8rem,.58fr) minmax(25rem,1.7fr);gap:clamp(.6rem,2vw,1.5rem)}.brand-duck{width:clamp(4.1rem,15vh,6rem)}.brand h1{font-size:clamp(2.2rem,11vh,4.3rem)}.brand-stars{margin-top:.5rem;font-size:.85rem}.job-grid{gap:clamp(.45rem,1.3vw,.8rem)}.job{border-radius:1.15rem;min-height:clamp(5.1rem,40vh,8.1rem);padding:.4rem}.job span{font-size:clamp(2.2rem,14vh,3.7rem)}#home,#sound,#job-badge{width:clamp(3rem,14vh,3.8rem)}#action{width:clamp(5.7rem,28vh,8rem)}}#salon{z-index:30;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 25% 16%,#ffffffb8,#0000 24%),linear-gradient(155deg,#ffd8e7 0 48%,#c7f1ed 48% 100%);position:fixed;inset:0;overflow:hidden}#salon[hidden]{display:none}.salon-hud{z-index:8;top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));left:max(.65rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.salon-hud button,.salon-finish button{aspect-ratio:1;width:clamp(3.4rem,8vh,4.6rem);box-shadow:0 .45rem 0 #cf7475, var(--shadow);color:#334b5c;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:linear-gradient(145deg,#ffe873,#ff9f65);border:.22rem solid #fff;border-radius:50%;place-items:center;font:950 clamp(1.7rem,4vh,2.4rem)/1 system-ui;display:grid}.salon-stage-dots{background:#454b5b52;border:.18rem solid #fff;border-radius:999px;gap:clamp(.35rem,1vw,.65rem);padding:.55rem .75rem;display:flex}.salon-stage-dot{aspect-ratio:1;background:#ffffff73;border:.12rem solid #fff;border-radius:50%;width:clamp(.75rem,2.4vh,1.2rem)}.salon-stage-dot.active{background:#ffe45e;transform:scale(1.24);box-shadow:0 0 .75rem #fff18a}.salon-room{place-items:center;padding-bottom:clamp(6.8rem,19vh,9rem);display:grid;position:absolute;inset:0}.salon-mirror{background:linear-gradient(145deg,#daf7ffe0,#ffffff47);border:clamp(.65rem,2vw,1.15rem) solid #ffbd65;border-radius:45% 45% 20% 20%;width:min(71vw,46rem);height:min(75vh,37rem);position:absolute;box-shadow:inset 0 0 0 .35rem #fff4c9,0 1.2rem 3rem #5f576438}.salon-customer{z-index:2;isolation:isolate;width:clamp(15rem,40vh,27rem);height:clamp(22rem,68vh,39rem);position:relative}.salon-face{--skin:#d99a73;z-index:3;aspect-ratio:1;background:0 0;border:0;width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.salon-hair-canvas{z-index:4;cursor:grab;touch-action:none;outline:none;width:112%;height:120%;position:absolute;inset:-8% -6% -12%}.salon-hair-canvas.rotating{cursor:grabbing}.salon-hair-canvas.tool-selected{cursor:crosshair;filter:drop-shadow(0 0 .35rem #ffee6794)}.salon-hair-canvas.context-lost{background:radial-gradient(circle at 42%,#263b48 0 2%,#0000 2.4%),radial-gradient(circle at 58%,#263b48 0 2%,#0000 2.4%),radial-gradient(at 50% 62%,#0000 0 7%,#a24454 7.5% 8%,#0000 8.5%),radial-gradient(at 50% 44%,#57351f 0 28%,#0000 29%),radial-gradient(at 50% 54%,#d99a73 0 34%,#0000 35%);border-radius:45%}.salon-ear{aspect-ratio:.7;background:var(--skin);border-radius:50%;width:13%;position:absolute;top:44%}.salon-ear.left{left:-8%}.salon-ear.right{right:-8%}.salon-eye{aspect-ratio:1;background:#263b48;border-radius:50%;width:7%;position:absolute;top:51%;box-shadow:inset .12rem .12rem #fff}.salon-eye.left{left:27%}.salon-eye.right{right:27%}.salon-nose{background:#74382b1f;border-radius:50%;width:5%;height:10%;position:absolute;top:58%;left:50%;transform:translate(-50%)}.salon-smile{border-bottom:.23rem solid #9c4352;border-radius:50%;width:20%;height:8%;position:absolute;top:71%;left:40%}.salon-hair{--hair-color:#57351f;--foam:0;z-index:4;cursor:grab;touch-action:none;width:122%;height:64%;position:absolute;top:-7%;left:-11%}.salon-hair:active{cursor:grabbing}.salon-hair i{top:5%;left:calc(8% + var(--index) * 4.65%);width:9%;height:calc(72% * var(--length));background:linear-gradient(90deg, color-mix(in srgb, var(--hair-color), #fff 12%), var(--hair-color) 58%, color-mix(in srgb, var(--hair-color), #000 15%));opacity:calc(1 - var(--wetness) * .12);filter:brightness(calc(1 - var(--wetness) * .3)) saturate(calc(1 + var(--wetness) * .18));transform:translateX(calc(var(--offset) * 4rem)) rotate(calc((var(--index) - 8.5) * 2.8deg)) scaleX(calc(1 + var(--curl) * .1));transform-origin:50% 5%;border-radius:999px 999px 55% 55%;transition:height 90ms linear,transform .15s,background .22s;position:absolute;box-shadow:.09rem .12rem #00000017}.salon-hair:after{content:"●  ✦  ●  ◌  ●  ✧  ◌";height:70%;color:var(--foam-color);letter-spacing:.1em;opacity:var(--foam);filter:drop-shadow(0 0 .22rem #fff);transform:scale(calc(.62 + var(--foam) * .38));pointer-events:none;font-size:clamp(1.6rem,6vh,3.5rem);line-height:1.25;position:absolute;inset:2% 0 auto;overflow:hidden}.salon-hair[data-foam=fruit]:after{content:"●  🍓  ●  🍊  ●"}.salon-hair[data-foam=star]:after{content:"★  ●  ✦  ●  ★"}.salon-accessory{z-index:6;filter:drop-shadow(0 .2rem #fff);font-size:clamp(2.4rem,8vh,4.4rem);position:absolute;top:-12%;right:-2%}.salon-droplets{z-index:7;height:55%;opacity:var(--drops);pointer-events:none;position:absolute;inset:-5% 0 auto}.salon-droplets:before{content:"💧  ·  💧    ·  💧";color:#5ec8ff;width:100%;font-size:clamp(1rem,3vh,1.8rem);animation:1.1s linear infinite salon-drops;position:absolute}.salon-wash-effect{z-index:45;opacity:0;pointer-events:none;width:clamp(3.8rem,10vh,6rem);height:clamp(4rem,12vh,7rem);position:fixed;transform:translate(-50%,-18%)}.salon-wash-effect:before,.salon-wash-effect:after{content:"";pointer-events:none;position:absolute}.salon-wash-effect[data-effect=water]:before,.salon-wash-effect[data-effect=rinse]:before{background:linear-gradient(#e9fbff,#55c9ff 45%,#4ebaff40);border-radius:999px;width:.55rem;height:112%;top:-45%;left:48%;transform:rotate(12deg);box-shadow:0 0 .65rem #8ce7ff}.salon-wash-effect[data-effect=water]:after,.salon-wash-effect[data-effect=rinse]:after{background:radial-gradient(circle,#bff5ff 0 15%,#0000 18%) 0 0/1.3rem 1.3rem;inset:36% 0 0}.salon-wash-effect[data-effect=foam]:before{background:radial-gradient(circle at 24% 58%, var(--foam-color,#fff) 0 11%, transparent 13%), radial-gradient(circle at 48% 26%, var(--foam-color,#fff) 0 15%, transparent 17%), radial-gradient(circle at 72% 62%, var(--foam-color,#fff) 0 13%, transparent 15%);filter:drop-shadow(0 0 .25rem #fff);border-radius:50%;inset:0}.salon-wash-effect.active{animation:.26s ease-out both salon-wash-burst}.salon-cape{display:none}.salon-chair{z-index:5;width:74%;height:31%;box-shadow:none;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:45%;padding:0;transition:filter .16s;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.salon-chair:after{content:"↔";color:#fff;background:#8f4f91;border-radius:999px;width:34%;min-width:3.5rem;padding:.12rem 0 .2rem;font-size:clamp(1.1rem,3vh,1.65rem);font-weight:900;line-height:1;position:absolute;bottom:-28%;left:50%;transform:translate(-50%);box-shadow:0 .35rem #653466}.salon-chair:hover,.salon-chair:focus-visible{filter:drop-shadow(0 0 .45rem #fff27b);outline:none}.salon-chair.rotating{cursor:grabbing;filter:drop-shadow(0 0 .55rem #fff27b);transition:none}.salon-tools{z-index:9;right:max(.65rem, env(safe-area-inset-right));bottom:max(.7rem, env(safe-area-inset-bottom));left:max(.65rem, env(safe-area-inset-left));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(.55rem);backdrop-filter:blur(.55rem);touch-action:pan-x;background:#fffcf4c7;border:.2rem solid #ffffffd9;border-radius:1.6rem;justify-content:center;gap:clamp(.35rem,1vw,.75rem);padding:.65rem;display:flex;position:absolute;overflow-x:auto}.salon-tool{cursor:pointer;touch-action:manipulation;background:linear-gradient(145deg,#fff,#d9eaf1);border:.2rem solid #fff;border-radius:1.15rem;flex:none;place-items:center;min-width:clamp(3.5rem,8vh,5.25rem);height:clamp(3.5rem,8vh,5.25rem);padding:.2rem;font:800 clamp(1.25rem,4vh,2.25rem)/1 system-ui;display:grid;box-shadow:0 .3rem #a9c2cd}.salon-tool.active{background:linear-gradient(145deg,#fff28d,#ffae7b);transform:translateY(-.15rem);box-shadow:0 0 0 .22rem #ffdf59,0 .35rem #d87b58}.salon-color{background:var(--swatch)}.salon-finish{z-index:12;-webkit-backdrop-filter:blur(.18rem);backdrop-filter:blur(.18rem);background:#ffed8b38;justify-content:center;align-items:center;gap:1rem;animation:.7s both salon-finish;display:flex;position:absolute;inset:0}.salon-finish[hidden]{display:none}.salon-finish>div{font-size:clamp(3rem,12vh,7rem);animation:.65s ease-in-out infinite alternate salon-stars;position:absolute;top:14%}.salon-counter{z-index:5;width:clamp(9rem,18vw,15rem);height:clamp(18rem,54vh,27rem);box-shadow:inset 0 .35rem 0 #ffffff6b, 0 .8rem 0 #99583f, var(--shadow);background:linear-gradient(#ffc66f 0 18%,#d78355 18% 100%);border:.22rem solid #fff6dc;border-radius:1.25rem 1.25rem .7rem .7rem;position:absolute;top:clamp(6.4rem,18vh,9.2rem)}.salon-counter-left{left:max(1rem, env(safe-area-inset-left))}.salon-counter-right{right:max(1rem, env(safe-area-inset-right))}.salon-physical-tools{z-index:10;pointer-events:none;grid-template-columns:repeat(2,minmax(3.1rem,1fr));place-items:center;gap:clamp(.25rem,.7vw,.55rem);width:clamp(8rem,16.5vw,14rem);min-height:clamp(16.2rem,49vh,24.5rem);display:grid;position:absolute;top:clamp(7.2rem,20vh,10rem)}.salon-tools-left{left:max(1.5rem, calc(env(safe-area-inset-left) + .5rem))}.salon-tools-right{right:max(1.5rem, calc(env(safe-area-inset-right) + .5rem))}.salon-prop{z-index:11;aspect-ratio:1;background:var(--swatch,linear-gradient(145deg, #fff, #d8f0f4));cursor:grab;pointer-events:auto;touch-action:none;transform-origin:50% 75%;will-change:transform;border:.16rem solid #ffffffdb;border-radius:.9rem .9rem .55rem .55rem;place-items:center;width:clamp(3rem,7vh,4.7rem);padding:.12rem;font:850 clamp(1.25rem,4vh,2.35rem)/1 system-ui;display:grid;position:relative;box-shadow:inset 0 .22rem #ffffff70,0 .3rem #5e59643d}.salon-prop.dragging{z-index:40;cursor:grabbing;filter:drop-shadow(0 .7rem .5rem #303a4747)}.salon-prop.returning{z-index:30;transition:transform .48s cubic-bezier(.18,.8,.32,1.12)}.salon-prop.selected{background:var(--swatch,linear-gradient(145deg, #fff59b, #ffb976));border-color:#fff8a8;transform:translateY(-.18rem)scale(1.08);box-shadow:0 0 0 .25rem #ffdf4d,0 0 1.15rem #fff39b,0 .3rem #74513252}@keyframes salon-drops{to{opacity:0;transform:translateY(7rem)}}@keyframes salon-wash-burst{0%{opacity:0;transform:translate(-50%,-18%)scale(.65)}30%{opacity:1}to{opacity:.65;transform:translate(-50%,8%)scale(1.12)}}@keyframes salon-finish{0%{opacity:0;transform:scale(.9)}}@keyframes salon-stars{to{transform:translateY(-.5rem)scale(1.08)rotate(4deg)}}@media (orientation:portrait),(width<=680px){.salon-customer{width:min(77vw,22rem);height:min(65vh,34rem)}.salon-mirror{width:92vw;height:71vh}.salon-room{padding-bottom:0}.salon-counter{width:24vw;height:48vh;top:17%}.salon-counter-left{left:.45rem}.salon-counter-right{right:.45rem}.salon-physical-tools{grid-template-columns:repeat(2,minmax(2.25rem,1fr));width:21vw;min-height:43vh;top:19%}.salon-tools-left{left:.9rem}.salon-tools-right{right:.9rem}.salon-prop{width:clamp(2.35rem,10vw,3.25rem)}}@media (orientation:landscape) and (height<=520px){.salon-room{padding-bottom:0;padding-right:0}.salon-customer{width:min(36vh,18rem);height:min(78vh,26rem)}.salon-mirror{width:48vw;height:86vh;transform:translate(-14vw)}.salon-counter{width:18vw;height:68vh;top:18%}.salon-counter-left{left:.5rem}.salon-counter-right{right:.5rem}.salon-physical-tools{grid-template-columns:repeat(2,minmax(2.5rem,1fr));width:16vw;min-height:61vh;top:21%}.salon-tools-left{left:.9rem}.salon-tools-right{right:.9rem}}@media (pointer:coarse){#home,#sound{min-width:3.5rem;min-height:3.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}#menu{pointer-events:none;background:linear-gradient(#8ee5ff2e,#0000 32%);padding:0;display:block}#menu:after{content:none}.city-title{top:max(.65rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));box-shadow:var(--shadow);color:var(--ink);letter-spacing:-.04em;background:#fffdf3e0;border:.15rem solid #ffffffe0;border-radius:999px;align-items:center;gap:.55rem;padding:.42rem .72rem .42rem .48rem;font-size:clamp(.8rem,2.4vh,1.15rem);display:flex;position:absolute}.city-title strong b{color:#ff744f}.mini-duck{aspect-ratio:1.15;background:var(--yellow);border:.12rem solid #e9ad28;border-radius:50%;width:2.25rem;position:relative}.mini-duck:before,.mini-duck:after{content:"";aspect-ratio:1;background:var(--ink);border-radius:50%;width:.2rem;position:absolute;top:34%}.mini-duck:before{left:27%}.mini-duck:after{right:27%}.mini-duck i{background:var(--orange);border-radius:60%;height:25%;position:absolute;bottom:15%;left:27%;right:27%}#star-bank,#game-bank{color:#fff;background:#243d4dc7;border:.18rem solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:.38rem;min-width:5.2rem;padding:.42rem .72rem;font-size:clamp(1.2rem,3.8vh,1.9rem);display:flex;box-shadow:0 .35rem .8rem #1f425738}#star-bank{top:max(.65rem, env(safe-area-inset-top));position:absolute;left:50%;transform:translate(-50%)}#level-switch{top:max(.65rem, env(safe-area-inset-top));min-width:3.2rem;height:clamp(2.7rem,7vh,3.5rem);box-shadow:var(--shadow);color:#fff8a8;font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:linear-gradient(145deg,#a98cef,#6ecbf0);border:.16rem solid #fff;border-radius:999px;place-items:center;padding:0 .7rem;font-weight:950;display:grid;position:absolute;left:calc(50% + clamp(3.6rem,8vw,5rem))}#level-switch:focus-visible{outline:var(--outline);outline-offset:.2rem}#menu.level-two #star-bank{background:#54408be0;box-shadow:0 0 0 .25rem #b89dff57,0 .45rem 1.2rem #34285b47}#star-bank span,#game-bank span{color:#ffe45e;filter:drop-shadow(0 0 .35rem #fff4a0);animation:1.15s ease-in-out infinite alternate bank-star}#game-bank{pointer-events:none}.job-grid{right:max(.7rem, env(safe-area-inset-right));bottom:max(.7rem, env(safe-area-inset-bottom));left:max(.7rem, env(safe-area-inset-left));pointer-events:auto;grid-template-columns:repeat(6,minmax(4.2rem,1fr));gap:clamp(.35rem,1vw,.7rem);width:auto;max-width:58rem;margin-inline:auto;display:grid;position:absolute}.job{border-width:.16rem;border-radius:clamp(.85rem,2vw,1.35rem);min-height:clamp(4.2rem,17vh,6.5rem);padding:.34rem;box-shadow:inset 0 .28rem #ffffff4d,0 .32rem #354b6533}.job span{font-size:clamp(1.75rem,7vh,3.1rem)}.job b{font-size:clamp(.63rem,1.7vw,.95rem)}.job i{font-style:normal;display:none}.job.locked{cursor:default;filter:saturate(.18);color:#52616b;opacity:.88;background:#c9cbd1}.job.locked span{opacity:.42}.job.locked b{display:none}.job.locked i{background:#ffffffc2;border-radius:999px;padding:.12rem .45rem;font-size:clamp(.68rem,2.2vh,.92rem);font-weight:950;display:block}.job.locked:hover{filter:saturate(.18);transform:none}.job.locked:hover span{animation:none}.job.new{animation:.58s ease-in-out infinite alternate new-job}.job.upgraded{border-color:#fff6a3;box-shadow:inset 0 .3rem #ffffff70,0 0 0 .18rem #b18eef85,0 .4rem 1rem #46367040}.job.upgraded:after{content:"★";color:#fff8a8;filter:drop-shadow(0 0 .25rem #7b62ad);font-size:.85rem;position:absolute;top:.28rem;right:.4rem}#reset-progress{right:max(.7rem, env(safe-area-inset-right));top:max(.65rem, env(safe-area-inset-top));aspect-ratio:1;width:clamp(2.6rem,7vh,3.4rem);color:var(--ink);cursor:pointer;pointer-events:auto;touch-action:none;background:#fffdf3e0;border:.13rem solid #ffffffb8;border-radius:50%;place-items:center;padding:.2rem;font-size:1.25rem;display:grid;position:absolute;box-shadow:0 .25rem .55rem #1f425729}#reset-progress span{aspect-ratio:1;background:#fffdf3;border-radius:50%;place-items:center;width:80%;display:grid}#reset-progress:focus-visible{outline:var(--outline);outline-offset:.25rem}#reset-confirmation{width:min(92vw,29rem);color:var(--ink);background:#fffaf0;border:.22rem solid #fff;border-radius:1.7rem;padding:0;box-shadow:0 1.2rem 4rem #26234261}#reset-confirmation::backdrop{-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);background:#231f3d94}.reset-confirmation-card{text-align:center;gap:.85rem;padding:clamp(1.15rem,4vw,1.8rem);display:grid}.reset-parent-mark{aspect-ratio:1;background:#ffe36d;border-radius:50%;place-items:center;width:3.5rem;margin-inline:auto;font-size:2rem;display:grid;box-shadow:0 .3rem #d4a93e}.reset-confirmation-card h2,.reset-confirmation-card p{margin:0}.reset-confirmation-card p{color:#554f65;line-height:1.42}.reset-confirmation-card label{font-weight:800}#reset-confirmation-input{width:100%;min-height:3.1rem;color:var(--ink);font:inherit;text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border:.18rem solid #8b76bc;border-radius:.85rem;padding:.55rem .8rem;font-size:1.2rem}#reset-confirmation-input:focus-visible{outline-offset:.14rem;outline:.25rem solid #ffe36d}.reset-confirmation-actions{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.reset-confirmation-actions button{min-height:3rem;color:var(--ink);font:inherit;cursor:pointer;background:#dad2eb;border:.16rem solid #fff;border-radius:999px;padding:.55rem .8rem;font-weight:900;box-shadow:0 .28rem #9d8ebd}.reset-confirmation-actions .danger{color:#fff;background:#ef6c78;box-shadow:0 .28rem #a94555}.reset-confirmation-actions button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}#game-hud{grid-template-columns:auto auto 1fr auto auto}#progress.level-one i:nth-child(n+4){display:none}#progress.level-two{background:#5642916b;gap:clamp(.2rem,.8vw,.55rem);padding-inline:clamp(.5rem,1vw,.85rem)}#progress.level-two i{width:clamp(1.35rem,6vw,2.25rem)}#progress.level-two i:before{font-size:clamp(1.35rem,5.8vw,2.2rem)}@keyframes bank-star{to{filter:drop-shadow(0 0 .7rem #fff4a0);transform:scale(1.2)rotate(10deg)}}@keyframes new-job{to{filter:brightness(1.16);transform:translateY(-.3rem)scale(1.04)}}@media (orientation:portrait),(width<=680px){.city-title strong{display:none}.job-grid{grid-template-columns:repeat(3,minmax(4.2rem,1fr))}#level-switch{min-width:2.75rem;height:2.75rem;padding-inline:.42rem;font-size:.78rem;left:calc(50% + 3.25rem)}.job{min-height:clamp(3.8rem,11vh,5.4rem)}#game-hud{grid-template-columns:auto auto 1fr auto}#progress.level-two{top:max(.65rem, env(safe-area-inset-top));gap:.16rem;padding:.45rem .42rem;position:fixed;left:50%;transform:translate(-50%)}#game-hud.level-two #job-badge{display:none}#sound{top:max(.65rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));position:fixed}#game-bank{top:max(5rem, calc(env(safe-area-inset-top) + 4.4rem));right:max(.75rem, env(safe-area-inset-right));position:fixed}}@media (orientation:landscape) and (height<=520px){.job-grid{grid-template-columns:repeat(6,minmax(3.9rem,1fr))}.job{min-height:clamp(3.6rem,22vh,4.8rem)}.job span{font-size:clamp(1.55rem,9vh,2.45rem)}.city-title{transform:none}}