@font-face{font-family:GameSans;src:local('Pretendard'),local('Noto Sans KR'),local('Malgun Gothic')}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#10272d;color:#fbf3df;font-family:GameSans,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.5}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.48}button:focus-visible{outline:3px solid #a7ffe3;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1224px;margin:auto;padding:24px 36px 16px}.masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff19}.brand{display:flex;gap:12px;align-items:center;font-size:18px;letter-spacing:-.7px}.brand b{font-weight:900}.brand-seal{display:grid;place-items:center;width:36px;height:36px;background:#ffd26b;color:#143038;border-radius:10px;font-size:24px;font-weight:900;transform:rotate(-7deg)}.header-actions{display:flex;gap:8px}.icon-button{background:transparent;border:1px solid #ffffff25;border-radius:30px;color:#dddcca;padding:8px 15px;font-size:14px}.icon-button:hover{background:#ffffff12}.title-row{display:flex;align-items:center;justify-content:space-between;padding:23px 0 22px}.eyebrow{color:#8cb3b3;font-size:13px;font-weight:700;margin:0 0 5px;letter-spacing:.06em}.eyebrow span{margin-left:13px;color:#d4d5c7;letter-spacing:0}h1{font-size:clamp(27px,3.7vw,43px);line-height:1.22;letter-spacing:-2px;margin:0;font-weight:900}h1 em{font-style:normal;color:#ffd26b}.title-aside{color:#a4babc;margin:0;font-size:14px;text-align:right;line-height:1.7}.game-frame{border-radius:20px;overflow:hidden;border:1px solid #ffffff28;box-shadow:0 18px 60px #0003}.stage{position:relative;aspect-ratio:16/8.7;min-height:330px;isolation:isolate;overflow:hidden;background:#4e583b}.scenery{position:absolute;inset:0;background:url('assets/orchard.webp') center center/cover no-repeat;will-change:transform}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 75px 85px -55px #091b1ddd;z-index:1}#world{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.hud{position:absolute;top:18px;left:20px;right:20px;display:flex;align-items:flex-start;gap:10px;z-index:3}.hud-chip,.harvest-chip{background:#102a2ee8;border:1px solid #ffffff26;backdrop-filter:blur(8px);border-radius:12px;padding:9px 16px;min-width:92px}.hud-chip>span,.harvest-chip>span{display:block;font-size:12px;color:#b3c7c3}.hud strong{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}.hud strong small{font-size:14px;margin-left:3px;font-weight:500;color:#dbe2d3}.harvest-chip{min-width:146px}.harvest-chip strong b{color:#ffd26b}.goal-track{height:3px;background:#ffffff25;border-radius:3px;margin-top:7px;overflow:hidden}.goal-track i{display:block;width:0;background:#a6e6b3;height:100%;transition:width .2s}.hud-button{margin-left:auto;background:#102a2edb;color:#fff7df;border:1px solid #ffffff3b;border-radius:50%;width:42px;height:42px;font-size:21px;font-weight:700}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;padding:30px}.intro-card{width:390px;padding:25px 28px 18px;background:#122d32f5;border:1px solid #ced8bd52;box-shadow:0 10px 40px #0004;border-radius:16px;backdrop-filter:blur(12px)}.card-kicker{font-size:13px;font-weight:700;color:#eac772;letter-spacing:.03em;margin:0 0 10px}.intro-card h2,.small-card h2,.result-card h2,dialog h2{font-size:29px;letter-spacing:-1.2px;line-height:1.35;margin:0 0 14px}.intro-card h2 span{color:#ffd26b}.intro-card>p:not(.card-kicker):not(.keyboard-note){font-size:14px;color:#d1ddd7;line-height:1.8;margin:0 0 18px}.intro-card p b{color:#a3e6bc}.mission{display:flex;align-items:center;gap:10px;font-size:12px;color:#cbd4c5;margin-bottom:18px}.mission i{width:3px;height:3px;background:#73978e;border-radius:50%}.primary{display:block;width:100%;background:#ffd26b;color:#193237;border-radius:10px;padding:14px 20px;font-weight:900;font-size:18px;box-shadow:0 4px 0 #b98730;transition:transform .12s,background .12s}.primary:hover{background:#ffdf93}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #b98730}.keyboard-note{font-size:12px!important;color:#91b0ac!important;text-align:center;margin:14px 0 0!important}.controls{background:#18353a;display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:center;padding:20px 28px 21px;position:relative;z-index:6}.meter-caption{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:14px;color:#eee6cd}.meter-caption b{color:#ffd26b;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.meter{height:30px;background:#09272c;position:relative;border:1px solid #436063;border-radius:7px;overflow:visible}.power-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#efd075a0;border-radius:6px}.sweet-zone{position:absolute;left:48%;width:20%;height:100%;background:#81dcb77a;border-left:2px solid #b1f9d4;border-right:2px solid #b1f9d4;display:flex;justify-content:center;align-items:center;z-index:1}.sweet-zone span{font-size:12px;font-weight:800;color:#d7ffec;white-space:nowrap}.danger-zone{position:absolute;left:88%;right:0;top:0;bottom:0;background:repeating-linear-gradient(120deg,#d86e526b 0 7px,#bd524729 7px 14px);border-radius:0 6px 6px 0}.needle{position:absolute;top:-5px;bottom:-5px;width:4px;left:0;background:#fff8dc;box-shadow:0 0 9px #ffffbb88;border-radius:3px;z-index:3;transform:translateX(-50%)}.meter-scale{display:flex;justify-content:space-between;font-size:12px;color:#94b0ad;margin-top:6px}.meter-scale span:last-child{color:#e5a18b}.charge{min-height:84px;background:#ffd26b;color:#193237;border-radius:12px;box-shadow:0 5px 0 #9b742e;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .12s,transform .1s;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.charge>span{font-weight:900;font-size:22px;letter-spacing:-.6px}.charge small{font-size:13px;color:#4c533a}.charge.charging{transform:translateY(4px);box-shadow:0 1px 0 #9b742e;background:#ffe6a5}.dialogue{display:flex;gap:13px;align-items:center;padding:19px 4px 16px}.avatar{height:48px;width:48px;border-radius:50%;object-fit:cover;object-position:center 10%;border:2px solid #576b5c}.dialogue>div>span{font-size:12px;color:#d2b980;font-weight:700}.dialogue p{font-size:15px;color:#dedfce;margin:2px 0 0}.chapter-note{margin-left:auto;font-size:13px;color:#769695}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:13px;font-size:12px;color:#769594}footer b{padding:0 7px;font-weight:400}.burst{position:absolute;left:43%;top:48%;z-index:4;font-size:56px;color:#ffe28a;font-weight:900;text-shadow:3px 3px 0 #52351f,-2px -2px 0 #52351f;transform:rotate(-9deg) scale(0);opacity:0;pointer-events:none}.burst.pop{animation:burst .7s ease-out}.combo{position:absolute;right:24px;top:86px;color:#fff3a0;background:#153132dc;border:1px solid #ffd26b99;border-radius:9px;padding:8px 13px;font-weight:800;font-size:16px;z-index:4}.basket-label{position:absolute;bottom:5%;left:76%;transform:translateX(-50%);font-size:12px;background:#10292ebf;border-radius:20px;padding:4px 12px;color:#fff3c6;z-index:3;pointer-events:none}.shade{background:#07191bcc;backdrop-filter:blur(5px);align-items:center;justify-content:center}.small-card,.result-card{width:min(100%,370px);text-align:center;background:#18363a;border:1px solid #a0b19877;padding:28px;border-radius:18px;box-shadow:0 15px 55px #0004}.small-card>p:not(.card-kicker){color:#bacec7}.small-card .primary{margin-top:24px}.result-card h2{font-size:28px;margin-bottom:3px}.result-score{color:#ffd26b;margin-bottom:10px}.result-score strong{font-size:66px;font-weight:900;line-height:1.2}.result-score span{font-size:15px;margin-left:6px}.result-card>p:not(.card-kicker):not(.keyboard-note){font-size:14px;line-height:1.6;color:#d8e1d6;margin:8px 0 16px}.result-stats{display:flex;justify-content:center;gap:22px;font-size:13px;color:#a5bcb6;margin:16px 0 22px}.result-stats b{color:#fff3d7}dialog{background:#18363a;color:#fff4dc;max-width:440px;width:calc(100% - 32px);padding:30px;border-radius:18px;border:1px solid #65817a;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07191bd6;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog ol{padding-left:22px}dialog li{padding:6px 0 10px}dialog li b{display:block;color:#ffd26b}dialog li span{font-size:14px;line-height:1.7;color:#c7d9d3}dialog>p:not(.card-kicker){font-size:14px;color:#b9d0c7;line-height:1.7}.close-button{position:absolute;right:13px;top:9px;background:transparent;color:#d2e6dc;font-size:30px;padding:0 8px}dialog .primary{margin-top:22px}.time-low{color:#ffb28a!important}.stage.shake .scenery{animation:shake .35s ease-out}@keyframes shake{0%,100%{transform:translate(0,0) scale(1.015)}25%{transform:translate(-5px,3px) scale(1.015)}60%{transform:translate(4px,-2px) scale(1.015)}}@keyframes burst{0%{opacity:0;transform:rotate(-9deg) scale(.3)}20%{opacity:1;transform:rotate(-9deg) scale(1.1)}70%{opacity:1}100%{opacity:0;transform:rotate(-4deg) scale(1.2) translateY(-15px)}}
@media(min-width:1500px){.shell{padding-top:32px;max-width:1320px}.title-row{padding:28px 0}.stage{max-height:610px}}@media(max-width:760px){.shell{padding:15px 15px 12px}.masthead{padding-bottom:14px}.brand{font-size:15px;gap:8px}.brand-seal{width:30px;height:30px;font-size:21px}.icon-button{padding:7px 10px;font-size:12px}.header-actions{gap:5px}.title-row{padding:17px 0 16px}.eyebrow{font-size:12px;margin-bottom:7px}h1{font-size:29px;letter-spacing:-1.5px}.title-aside{display:none}.game-frame{border-radius:15px}.stage{aspect-ratio:4/4.6;min-height:0;max-height:55svh}.scenery{background-position:40% center}.hud{top:12px;left:12px;right:12px;gap:6px}.hud-chip,.harvest-chip{padding:7px 11px;border-radius:9px;min-width:75px}.hud strong{font-size:23px}.hud strong small{font-size:12px}.harvest-chip{min-width:126px}.hud-button{width:35px;height:35px;font-size:18px}.overlay{padding:15px;align-items:flex-end}.intro-card{width:100%;max-width:340px;margin:0 auto;padding:19px 20px 14px;background:#122d32f2}.intro-card h2{font-size:26px;margin-bottom:10px}.intro-card>p:not(.card-kicker):not(.keyboard-note){font-size:13px;margin-bottom:12px}.card-kicker{font-size:12px;margin-bottom:7px}.mission{font-size:11px;margin-bottom:12px}.primary{padding:12px 15px;font-size:17px}.keyboard-note{font-size:11px!important;margin-top:11px!important}.controls{grid-template-columns:1fr;gap:12px;padding:14px 17px 19px}.meter-caption{font-size:13px;margin-bottom:7px}.meter{height:25px}.meter-scale{font-size:11px;margin-top:5px}.charge{min-height:63px;flex-direction:row;gap:10px}.charge>span{font-size:20px}.charge small{font-size:12px}.dialogue{padding:15px 1px;gap:10px;min-height:80px}.avatar{height:42px;width:42px}.dialogue p{font-size:13px;line-height:1.6}.chapter-note{display:none}footer{font-size:10px;gap:10px;align-items:center}footer span:last-child{text-align:right}.combo{top:79px;right:13px;font-size:13px;padding:6px 9px}.burst{font-size:42px;left:38%}.shade{align-items:center}.small-card,.result-card{padding:20px}.result-card h2{font-size:25px}.result-score strong{font-size:55px}.result-stats{margin:10px 0 16px}.result-card>p:not(.card-kicker):not(.keyboard-note){font-size:13px}.basket-label{left:80%}}@media(max-width:370px){.shell{padding:12px 10px}.brand{font-size:14px}.icon-button{padding:6px 8px}h1{font-size:26px}.intro-card{padding:15px}.intro-card h2{font-size:23px}.mission{gap:7px}.charge{gap:8px}.charge>span{font-size:18px}.charge small{font-size:11px}}@media(prefers-reduced-motion:reduce){.stage.shake .scenery{animation:none}.burst.pop{animation:none;opacity:1;transform:none}.primary,.charge{transition:none}}
/* Keep the play button in the first viewport; preserve the ground in the film still. */
@media(min-width:761px){.stage{height:min(53svh,600px);aspect-ratio:auto}.scenery{background-position:center bottom}}
.basket-label{white-space:nowrap}
.episode-nav{display:flex;gap:6px;margin-top:15px}.episode-nav a{font-size:13px;padding:7px 13px;border-radius:7px;text-decoration:none;color:#9bb8b4;border:1px solid transparent}.episode-nav a[aria-current]{background:#24464b;color:#ffe1a1;border-color:#4a6867}.episode-nav a:hover{color:#fff4db}