*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f7f2e8;--color-surface: #fffdf7;--color-ink: #2c2924;--color-green: #78c850;--color-green-dark: #4d9b3b;--color-yellow: #ffd24a;--color-yellow-dark: #e3a91e;--color-blue: #8bcde6;--color-coral: #f47b6a;--color-muted: #dcd6c9;--color-subtle: #746f65;--shadow-card: 0 8px 0 rgba(44, 41, 36, .12);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{width:100%;height:100%;background:var(--color-ink);overflow:hidden;touch-action:none}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}button{-webkit-tap-highlight-color:transparent;user-select:none}.main-screen{position:relative;width:100%;height:100%;overflow:hidden;user-select:none;background:linear-gradient(180deg,#cce9f1 0%,#eaf4e8 53%,var(--color-bg) 78%);color:var(--color-ink)}.main-language-btn{position:absolute;z-index:40;top:max(12px,env(safe-area-inset-top));right:12px;min-width:43px;height:36px;padding:0 10px;border:2px solid var(--color-ink);border-radius:12px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 3px 0 var(--color-ink);font-size:11px;font-weight:950}.main-sun{position:absolute;top:8%;right:14%;width:72px;height:72px;border-radius:50%;background:var(--color-yellow);box-shadow:0 0 0 12px rgba(255,210,74,.2)}.main-cloud{position:absolute;width:82px;height:24px;border-radius:30px;background:rgba(255,253,247,.84)}.main-cloud:before,.main-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.main-cloud:before{width:38px;height:38px;left:14px;bottom:0}.main-cloud:after{width:28px;height:28px;right:10px;bottom:0}.main-cloud--left{top:10%;left:9%;transform:scale(.8)}.main-cloud--right{top:22%;right:-22px;transform:scale(.64)}.main-hill{position:absolute;left:-20%;width:140%;border-radius:50% 50% 0 0;pointer-events:none}.main-hill--back{top:43%;height:42%;background:#a7d97a;transform:rotate(-4deg)}.main-hill--front{top:55%;height:45%;background:#79c956;transform:rotate(4deg);box-shadow:inset 0 9px rgba(255,255,255,.14)}.crop-deco{position:absolute;z-index:4;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 0 rgba(44,41,36,.12))}.main-title-area{position:absolute;z-index:10;top:21%;left:24px;right:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.main-title-kicker{margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#4b7e38}.main-title{margin:0;line-height:.86;letter-spacing:-.055em;transform:rotate(-2deg)}.main-title span{display:block;color:var(--color-ink);font-size:clamp(41px,12vw,56px);font-weight:950;text-shadow:0 4px 0 var(--color-surface)}.main-title em{display:inline-block;margin-top:9px;padding:7px 21px 9px;border:3px solid var(--color-ink);border-radius:15px;background:var(--color-yellow);color:var(--color-ink);font-size:clamp(34px,10vw,48px);font-style:normal;font-weight:950;letter-spacing:.02em;box-shadow:0 6px 0 var(--color-ink)}.main-subtitle{margin:17px 0 0;padding:7px 14px;border-radius:999px;background:rgba(255,253,247,.84);color:#4e6741;font-size:13px;font-weight:750}.main-hero-tiles{position:absolute;z-index:12;top:49%;left:0;right:0;height:130px;pointer-events:none}.hero-tile{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 0 rgba(44,41,36,.18))}.hero-tile--left{width:82px;height:82px;left:19%;bottom:18px;transform:rotate(-16deg)}.hero-tile--center{width:100px;height:100px;left:50%;bottom:0;transform:translate(-50%) rotate(4deg);z-index:2}.hero-tile--right{width:78px;height:78px;right:18%;bottom:23px;transform:rotate(18deg)}.main-bottom-area{position:absolute;z-index:30;left:20px;right:20px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.main-progress-card{min-height:58px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border:2px solid var(--color-ink);border-radius:17px;background:var(--color-surface);box-shadow:0 5px rgba(44,41,36,.16)}.main-progress-card>div{display:flex;flex-direction:column;gap:2px}.main-progress-kicker{color:var(--color-green-dark);font-size:9px;font-weight:900;letter-spacing:.11em}.main-progress-card strong{font-size:18px}.main-total-stars{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:900}.main-total-stars svg{width:19px;fill:var(--color-yellow);stroke:var(--color-ink)}.main-play-btn,.main-levels-btn{width:100%;border:2px solid var(--color-ink);color:var(--color-ink);font-weight:900;cursor:pointer;transition:transform .1s,box-shadow .1s}.main-play-btn{height:56px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:17px;background:var(--color-yellow);box-shadow:0 6px 0 var(--color-ink);font-size:17px}.main-play-btn svg{width:20px;height:20px;fill:currentColor}.main-levels-btn{height:44px;border-color:rgba(44,41,36,.65);border-radius:14px;background:var(--color-surface);font-size:14px;box-shadow:0 3px rgba(44,41,36,.65)}.main-play-btn:active,.main-levels-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-ink)}.level-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;padding-top:64px;background:rgba(44,41,36,.56);backdrop-filter:blur(5px)}.level-sheet{width:100%;max-height:84%;padding:22px 20px max(24px,env(safe-area-inset-bottom));overflow:auto;border:3px solid var(--color-ink);border-bottom:0;border-radius:28px 28px 0 0;background:var(--color-bg);box-shadow:0 -7px rgba(44,41,36,.16);animation:sheet-up .18s ease-out}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}.level-sheet-header{display:flex;align-items:center;justify-content:space-between}.level-sheet-header span{color:var(--color-green-dark);font-size:10px;font-weight:900;letter-spacing:.13em}.level-sheet-header h2{margin:3px 0 0;font-size:25px}.level-sheet-header button{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-surface);color:var(--color-ink)}.level-sheet-header svg{width:19px}.level-overview{margin:17px 0 20px;padding:12px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;border:2px solid var(--color-ink);border-radius:16px;background:var(--color-surface)}.level-overview>div:not(.level-progress-track){display:flex;flex-direction:column;align-items:center}.level-overview strong{font-size:16px}.level-overview span{color:var(--color-subtle);font-size:9px;font-weight:800;text-transform:uppercase}.level-progress-track{height:12px;overflow:hidden;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-muted)}.level-progress-track i{display:block;width:var(--progress);height:100%;background:var(--color-green)}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.level-node{aspect-ratio:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid var(--color-ink);border-radius:17px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink)}.level-node strong{font-size:19px}.level-node small{color:var(--color-subtle);font-size:8px;font-weight:900;letter-spacing:.08em}.level-node.is-current{background:var(--color-yellow);transform:translateY(-2px)}.level-node.is-complete{background:#dff1ce}.level-node:disabled{border-color:#aaa59b;background:var(--color-muted);color:#8c877e;box-shadow:0 4px #aaa59b}.level-lock{width:21px;height:21px}.level-stars{display:flex;gap:1px}.level-stars svg{width:11px;height:11px;fill:transparent;stroke:#aaa59b}.level-stars svg.is-earned{fill:var(--color-yellow);stroke:var(--color-ink)}@media(max-height:720px){.main-title-area{top:17%}.main-hero-tiles{top:44%;transform:scale(.84)}.main-progress-card{min-height:50px}.main-play-btn{height:50px}}.game-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);color:var(--color-ink);user-select:none}.game-screen:before{content:"";position:absolute;inset:58px 0 auto;height:150px;background:radial-gradient(circle at 20% 20%,rgba(120,200,80,.12) 0 4px,transparent 5px),radial-gradient(circle at 75% 45%,rgba(139,205,230,.18) 0 5px,transparent 6px);background-size:58px 58px,76px 76px;pointer-events:none}.game-header{position:relative;z-index:25;width:100%;min-height:58px;padding:max(8px,env(safe-area-inset-top)) 12px 8px;flex-shrink:0}.game-header-button{position:absolute;top:max(8px,env(safe-area-inset-top));left:12px;width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--color-ink);border-radius:14px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 3px 0 var(--color-ink)}.game-header-button svg{width:20px}.game-level-title{position:absolute;top:max(9px,env(safe-area-inset-top));left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%)}.game-level-title span,.game-score-chip span{color:var(--color-green-dark);font-size:8px;font-weight:950;letter-spacing:.13em}.game-level-title strong{font-size:17px}.game-score-chip{position:absolute;top:max(8px,env(safe-area-inset-top));right:12px;min-width:76px;padding:6px 10px;display:flex;flex-direction:column;align-items:flex-end;border:2px solid var(--color-ink);border-radius:13px;background:var(--color-yellow);box-shadow:0 3px 0 var(--color-ink)}.game-score-chip strong{font-size:13px}.game-canvas-wrap{position:relative;z-index:1;flex:1;width:100%;overflow:hidden}.booster-bar{position:absolute;z-index:20;left:50%;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:14px;transform:translate(-50%);pointer-events:none}.booster{width:58px;height:58px;padding:5px 3px 4px;border:2px solid var(--color-ink);border-radius:17px;color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink);pointer-events:auto;transition:transform .1s,box-shadow .1s}.booster--hint{background:var(--color-green)}.booster--undo{background:var(--color-yellow)}.booster--shuffle{background:var(--color-blue)}.booster span{display:grid;place-items:center;height:28px}.booster svg{width:24px;height:24px}.booster small{display:block;margin-top:2px;font-size:9px;font-weight:950}.booster:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--color-ink)}.booster:disabled{opacity:.42;filter:grayscale(.45)}.pause-backdrop,.tutorial-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(44,41,36,.62);backdrop-filter:blur(6px)}.pause-card,.tutorial-card{width:min(100%,326px);border:3px solid var(--color-ink);border-radius:25px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 9px rgba(44,41,36,.36);animation:modal-in .17s ease-out}@keyframes modal-in{0%{transform:translateY(12px) scale(.98);opacity:0}}.pause-card{padding:24px 20px 20px;text-align:center}.pause-kicker{color:var(--color-green-dark);font-size:9px;font-weight:950;letter-spacing:.15em}.pause-card h2{margin:4px 0 18px;font-size:25px}.pause-resume{width:100%;height:51px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--color-ink);border-radius:15px;background:var(--color-green);color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink);font-size:16px;font-weight:950}.pause-resume svg{width:19px;fill:currentColor}.pause-settings{margin:18px 0 14px;padding:4px 13px;border:2px solid var(--color-ink);border-radius:16px;background:var(--color-bg)}.setting-row{width:100%;height:51px;display:grid;grid-template-columns:30px 1fr 42px;align-items:center;gap:7px;border:0;border-bottom:1px solid var(--color-muted);background:transparent;color:var(--color-ink);text-align:left}.setting-row:last-child{border-bottom:0}.setting-icon{display:grid;place-items:center}.setting-icon svg{width:21px}.setting-row strong{font-size:13px}.setting-row i{position:relative;width:39px;height:23px;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-muted)}.setting-row i b{position:absolute;top:3px;left:3px;width:13px;height:13px;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-surface);transition:transform .12s}.setting-row i.is-on{background:var(--color-green)}.setting-row i.is-on b{transform:translate(16px)}.language-setting-row{grid-template-columns:30px 1fr auto}.setting-language-icon{font-size:13px;font-weight:950}.language-value{min-width:39px;padding:5px 7px;border:2px solid var(--color-ink);border-radius:9px;background:var(--color-yellow);font-size:11px;font-weight:950;text-align:center}.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pause-actions button{height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border:2px solid var(--color-ink);border-radius:13px;background:var(--color-surface);color:var(--color-ink);font-size:12px;font-weight:900}.pause-actions svg{width:17px}.tutorial-card{padding:23px 21px 18px;text-align:center}.tutorial-progress{display:flex;justify-content:center;gap:6px;margin-bottom:17px}.tutorial-progress i{width:26px;height:6px;border:1.5px solid var(--color-ink);border-radius:9px;background:var(--color-muted)}.tutorial-progress i.active{background:var(--color-green)}.tutorial-icon{width:74px;height:74px;margin:0 auto 10px;display:grid;place-items:center;border:3px solid var(--color-ink);border-radius:23px;box-shadow:0 5px 0 var(--color-ink)}.tutorial-icon--0{background:var(--color-green)}.tutorial-icon--1{background:var(--color-yellow)}.tutorial-icon--2{background:var(--color-blue)}.tutorial-icon svg{width:37px;height:37px}.tutorial-step-label{color:var(--color-green-dark);font-size:9px;font-weight:950;letter-spacing:.12em}.tutorial-card h2{margin:5px 0 0;font-size:22px}.tutorial-card p{min-height:48px;margin:9px 0 17px;color:var(--color-subtle);font-size:14px;line-height:1.5}.tutorial-next{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--color-ink);border-radius:15px;background:var(--color-yellow);color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink);font-size:15px;font-weight:950}.tutorial-next svg{width:18px;fill:currentColor}.tutorial-skip{margin-top:12px;border:0;background:transparent;color:var(--color-subtle);font-size:12px;font-weight:800}.result-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:34px 22px;overflow-y:auto;background:rgba(44,41,36,.65);backdrop-filter:blur(7px)}.result-card{position:relative;width:min(100%,324px);padding:42px 20px 21px;display:flex;flex-direction:column;align-items:center;border:3px solid var(--color-ink);border-radius:26px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 9px rgba(44,41,36,.38);text-align:center;animation:result-in .22s cubic-bezier(.2,.9,.3,1.15)}@keyframes result-in{0%{transform:translateY(18px) scale(.94);opacity:0}}.result-badge{position:absolute;top:-22px;left:50%;transform:translate(-50%);padding:9px 18px;border:3px solid var(--color-ink);border-radius:13px;background:var(--color-yellow);box-shadow:0 4px 0 var(--color-ink);font-size:12px;font-weight:950;letter-spacing:.05em;white-space:nowrap}.result-card--fail .result-badge{background:var(--color-coral)}.result-close{position:absolute;top:13px;right:13px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--color-bg);color:var(--color-ink)}.result-close svg{width:17px}.result-stars{height:68px;display:flex;align-items:center;justify-content:center;gap:5px}.result-stars svg{width:49px;height:49px;fill:var(--color-muted);stroke:var(--color-ink)}.result-stars svg:nth-child(2){width:61px;height:61px;transform:translateY(-5px)}.result-stars svg.is-earned{fill:var(--color-yellow)}.result-card h2{margin:6px 0 0;font-size:25px}.result-card>p{margin:5px 0 18px;color:var(--color-subtle);font-size:13px}.result-fail-mark{width:80px;height:69px;margin:4px 0 8px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.result-fail-mark span{width:19px;height:52px;border:3px solid var(--color-ink);border-radius:7px;background:var(--color-coral);transform:rotate(-8deg)}.result-fail-mark span:nth-child(2){height:64px;background:var(--color-yellow);transform:rotate(2deg)}.result-fail-mark span:nth-child(3){height:47px;background:var(--color-blue);transform:rotate(9deg)}.result-stats{width:100%;margin-bottom:16px;display:grid;grid-template-columns:1fr 1.25fr 1fr;overflow:hidden;border:2px solid var(--color-ink);border-radius:16px;background:var(--color-bg)}.result-stats>div{min-height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--color-muted)}.result-stats>div:last-child{border-right:0}.result-stats .is-featured{background:#e2f2d4}.result-stats span{color:var(--color-subtle);font-size:8px;font-weight:950;letter-spacing:.1em}.result-stats strong{margin-top:3px;font-size:15px}.result-stats .is-featured strong{font-size:18px;color:var(--color-green-dark)}.result-actions{width:100%;display:flex;flex-direction:column;gap:10px}.result-actions button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--color-ink);border-radius:15px;color:var(--color-ink);box-shadow:0 4px 0 var(--color-ink);font-size:14px;font-weight:950}.result-actions svg{width:19px;height:19px}.result-primary{background:var(--color-green)}.result-primary svg{fill:currentColor}.result-continue{background:var(--color-yellow)}.result-secondary{background:var(--color-surface)}.result-actions button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-ink)}.app-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100dvw;height:100dvh;max-width:430px;max-height:932px;overflow:hidden;background:var(--color-bg)}.game-container{width:100%;height:100%;overflow:hidden}