:root{color:#263f32;font-synthesis:none;background:#eee1bf;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#fff9e8 0,#f5e5bc 48%,#d9d59d 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;color:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #174b36}.app{max-width:540px;min-height:100svh;padding:calc(env(safe-area-inset-top) + 12px) 18px calc(env(safe-area-inset-bottom) + 20px);margin:auto;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#315f45 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.sky-blob{filter:blur(2px);opacity:.25;pointer-events:none;border-radius:50%;position:absolute}.sky-blob.one{background:#f7b86d;width:230px;height:230px;top:-140px;right:-70px}.sky-blob.two{background:#80bda1;width:180px;height:180px;bottom:80px;left:-110px}.topbar{z-index:4;justify-content:space-between;align-items:center;height:42px;display:flex;position:relative}.mini-brand{align-items:center;gap:6px;font-family:Arial Rounded MT Bold,system-ui,sans-serif;font-size:17px;display:flex}.mini-brand span{background:#fff7dc;border-radius:10px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 3px #c5a875}.sound{cursor:pointer;background:#ffffff80;border:1px solid #2f4e3a29;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:700}.sound.on{color:#fff;background:#315f45}.screen{z-index:2;position:relative}.start-screen{text-align:center;padding-top:min(7vh,54px)}.hero-garden{background:linear-gradient(145deg,#76a66b,#3d7455);border:7px solid #fdf2cf;border-radius:50% 50% 46% 48%;width:170px;height:150px;margin:0 auto 12px;position:relative;box-shadow:0 12px #b49d6b,0 22px 40px #364b2d38}.hero-garden:before,.hero-garden:after{content:"";background:#93bd71;border-radius:90% 0;position:absolute}.hero-garden:before{width:58px;height:34px;top:72px;left:-22px;transform:rotate(16deg)}.hero-garden:after{width:65px;height:38px;top:48px;right:-30px;transform:rotate(198deg)}.mist-cloud{color:#446751;filter:drop-shadow(0 5px 10px #213c2b40);background:#f3f2dad9;border-radius:50%;place-items:center;font:50px Arial Rounded MT Bold,system-ui;animation:2.8s ease-in-out infinite breathe;display:grid;position:absolute;inset:26px 23px}.peek{font-size:25px;position:absolute;bottom:24px;right:18px;transform:rotate(-8deg)}.hero-leaf{z-index:2;color:#f7de75;text-shadow:0 2px #496b3b;font-size:32px;position:absolute}.hero-leaf.l1{top:10px;left:12px;transform:rotate(-24deg)}.hero-leaf.l2{top:5px;right:7px;transform:rotate(19deg)}.eyebrow{color:#fff9e9;letter-spacing:.06em;background:#e3a459;border-radius:99px;margin:8px 0 7px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.start-screen h1{letter-spacing:-.06em;color:#28563d;text-shadow:0 3px #fff6d7;margin:5px 0;font:clamp(44px,14vw,65px)/.95 Arial Rounded MT Bold,system-ui}.start-screen h2{letter-spacing:.02em;color:#d97c48;margin:10px 0 17px;font:clamp(25px,8vw,36px)/1 Arial Rounded MT Bold,system-ui}.promise{color:#4a5e51;margin:0;font-size:15px;font-weight:700;line-height:1.7}.how{white-space:nowrap;justify-content:center;align-items:center;gap:7px;margin:23px auto;font-size:12px;font-weight:700;display:flex}.how span{align-items:center;gap:4px;display:flex}.how b{color:#fff;background:#6b9364;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.how i{color:#ad9d76;font-style:normal}.primary{color:#fff;cursor:pointer;background:linear-gradient(#477d58,#2e6244);border:0;border-radius:18px;width:100%;padding:17px 20px;font-size:17px;font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #214b35,0 12px 26px #254d3533}.primary:active{transform:translateY(4px);box-shadow:0 2px #214b35}.primary span{float:right;font-size:21px}.tiny{color:#7c826f;margin:14px 0;font-size:11px}.game-screen{padding-top:10px}.hud{background:#fffbe7cc;border:1px solid #3f54381f;border-radius:19px;grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;gap:7px;padding:8px;display:grid;box-shadow:0 7px 20px #50492a1f}.hud>div{text-align:center;min-width:0;padding:3px}.hud small{color:#738171;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.hud strong{color:#345f46;white-space:nowrap;font:27px Arial Rounded MT Bold,system-ui;display:block}.hud strong em{margin-left:2px;font:11px system-ui}.hud .urgent{color:#d15c44;animation:.6s infinite alternate pulse}.hud .mission{border-left:1px dashed #d3c9a9;border-right:1px dashed #d3c9a9}.hud .mission span{vertical-align:middle;font-size:20px}.hud .mission b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.status-strip{color:#4f6857;justify-content:center;align-items:center;height:35px;margin:8px 0 4px;font-size:12px;font-weight:800;display:flex}.status-strip.show{color:#b45b37}.board-wrap{width:100%;max-width:430px;margin:0 auto;position:relative}.board{z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#557f54,#315c45);border:5px solid #f2dfae;border-bottom-width:8px;border-radius:25px;grid-template-columns:repeat(7,1fr);gap:4px;padding:9px;display:grid;position:relative;box-shadow:0 8px #9b8556,0 16px 30px #2d3e2542}.board-shadow{filter:blur(9px);background:#3138232e;border-radius:50%;height:20px;position:absolute;bottom:-14px;left:7%;right:7%}.tile{aspect-ratio:1;cursor:pointer;background:#78a664;border:0;border-radius:33% 67% 35% 65%;place-items:center;padding:0;transition:transform .12s,filter .2s,opacity .25s;display:grid;position:relative;overflow:visible;transform:rotate(-3deg);box-shadow:inset 0 -4px #264b3040,inset 0 2px #ffffff4d,0 2px 3px #1c3d2733}.tile:nth-child(3n){transform:rotate(4deg)}.tile:nth-child(4n){border-radius:60% 40% 62% 38%}.tile .leaf-icon{color:#f5efb5;text-shadow:0 2px #24452647;z-index:2;font:clamp(15px,5.3vw,27px) Arial Rounded MT Bold,system-ui}.tile .vein{background:#ffffdc40;width:55%;height:2px;position:absolute;transform:rotate(-35deg)}.leaf-fan{background:#559c77}.leaf-fan .leaf-icon{color:#d6f2cf}.leaf-sprout{background:#e19a4f}.leaf-sprout .leaf-icon{color:#fff0a4}.leaf-berry{background:#b85e62}.leaf-berry .leaf-icon{color:#ffe3d1}.leaf-fern{background:#779453}.leaf-fern .leaf-icon{color:#e2f1b5}.tile.covered:after{content:"";border-radius:inherit;-webkit-backdrop-filter:saturate(.55);backdrop-filter:saturate(.55);z-index:3;background:radial-gradient(circle at 30% 25%,#ffffffa6,#d6dcbc7a 45%,#717e5b5e);position:absolute;inset:-2px}.tile.open{filter:saturate(1.15)brightness(1.08)}.tile.selected{z-index:8;filter:brightness(1.23);transform:scale(1.13)rotate(0);box-shadow:0 0 0 3px #fff7b6,0 0 18px #ffda62}.clue{z-index:5;filter:drop-shadow(0 1px #fff);font-size:clamp(13px,4vw,21px);animation:.35s both pop;position:absolute}.creature-cell{z-index:10;overflow:visible}.creature{z-index:10;filter:drop-shadow(0 5px 4px #2d39234d);font-size:clamp(27px,9vw,47px);animation:.55s cubic-bezier(.2,1.8,.4,1) both creaturePop;position:absolute}.creature small{white-space:nowrap;color:#315d43;background:#fff7d8;border-radius:6px;padding:2px 5px;font:8px Arial Rounded MT Bold,system-ui;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.creature.rescued{animation:.7s ease-in-out infinite alternate hop}.game-actions{justify-content:center;gap:7px;margin:19px 0 0;display:flex}.game-actions button{color:#fff;background:#315f46;border:0;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.game-actions button:disabled{opacity:.35}.game-actions .review-only{color:#846e55;background:0 0;border:1px dashed #a68e6a}.hint{text-align:center;color:#6f796c;margin:10px 0;font-size:10px}.result-screen{text-align:center;padding-top:min(5vh,40px)}.result-badge{color:#fff;background:#857e69;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:900;display:inline-block}.result-badge.success{background:#db8d49}.creature-portrait{background:radial-gradient(circle,#fffbe3 25%,#d4e3a5 26%,#9bbb72 61%,#547a51 62%);border:8px solid #f8e8b9;border-radius:50%;place-items:center;width:170px;height:170px;margin:20px auto 14px;display:grid;position:relative;box-shadow:0 9px #ad986a,0 17px 30px #32462b38}.creature-portrait>span{filter:drop-shadow(0 7px 5px #2d3b2240);font-size:78px;animation:.8s infinite alternate hop}.creature-portrait i{color:#fff19a;font-size:25px;animation:1s infinite alternate twinkle;position:absolute}.creature-portrait i:nth-child(2){top:10px;right:8px}.creature-portrait i:nth-child(3){animation-delay:.4s;bottom:24px;left:6px}.result-screen h1{color:#315d43;margin:14px 0 7px;font:clamp(26px,8vw,36px) Arial Rounded MT Bold,system-ui}.result-screen>p{color:#607064;margin:0;font-size:13px}.score-card{background:#fffbe8cc;border:1px solid #e5d2a2;border-radius:15px;margin:21px auto 11px;padding:12px}.score-card small{font-size:11px;font-weight:800}.score-card strong{color:#d37342;margin-left:12px;font:34px Arial Rounded MT Bold,system-ui}.score-card span{font-size:12px}.collection-card{text-align:left;color:#fff;background:#426a4d;border-radius:17px;margin-bottom:15px;padding:14px 15px;position:relative}.collection-card small{opacity:.74;font-size:10px;display:block}.collection-card strong{font-size:14px}.collection-icons{gap:5px;display:flex;position:absolute;top:13px;right:14px}.collection-icons span{background:#fff6d9;border-radius:9px;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.collection-icons .locked{color:#9ab09d;background:#ffffff21}.progress{background:#ffffff29;border-radius:9px;height:5px;margin-top:11px;overflow:hidden}.progress i{background:#f3c66c;border-radius:9px;height:100%;transition:width .5s;display:block}.text-button{text-underline-offset:3px;color:#69766a;background:0 0;border:0;margin:16px;font-size:12px;text-decoration:underline}footer{z-index:2;text-align:center;color:#7a7d6c;margin-top:18px;font-size:9px;position:relative}@keyframes breathe{50%{opacity:.83;transform:scale(1.06)}}@keyframes pulse{to{transform:scale(1.1)}}@keyframes pop{0%{transform:scale(0)rotate(-25deg)}to{transform:scale(1)}}@keyframes creaturePop{0%{transform:scale(0)translateY(20px)}to{transform:scale(1)translateY(0)}}@keyframes hop{to{transform:translateY(-7px)rotate(3deg)}}@keyframes twinkle{to{opacity:.5;transform:scale(1.5)rotate(35deg)}}@media (width<=359px){.app{padding-left:10px;padding-right:10px}.start-screen{padding-top:18px}.hero-garden{width:140px;height:122px}.how{gap:3px;font-size:10px}.board{border-width:4px;gap:3px;padding:7px}.hud{gap:3px}.hud strong{font-size:23px}.hint{font-size:9px}}@media (height>=800px){.game-screen{padding-top:20px}.status-strip{margin-top:12px;margin-bottom:9px}.result-screen{padding-top:55px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}