@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#425c59;--muted:#82918a;--cream:#faf8f0;--green:#527f68;--line:#e5e9de}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}button:focus-visible,a:focus-visible{outline:3px solid #e7b44f;outline-offset:5px}a{color:inherit;text-decoration:none}header{height:100px;max-width:1220px;margin:auto;display:flex;align-items:center;gap:70px;padding:0 36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:40px;color:#709382}.brand span{font-size:24px;font-weight:800;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin-top:1px}nav{display:flex;gap:32px;font-size:13px}.topright{margin-left:auto;display:flex;align-items:center;gap:24px}.topright span{border:1px solid #e4dfc8;border-radius:25px;padding:8px 18px;color:#9b8452;background:#fffdf6}#settings{font-size:23px}main{min-height:72vh}#home{text-align:center;max-width:1100px;margin:43px auto 0}.eyebrow{font-size:10px;letter-spacing:3px;color:#8a9c88}h1{font-family:'Gowun Dodum',sans-serif;font-size:46px;letter-spacing:-2px;line-height:1.4;margin:19px 0 14px;font-weight:400}h1 span{color:#6b9277}.intro{font-size:13px;color:#8b958c;line-height:1.9}.scene{height:310px;width:660px;max-width:100%;position:relative;margin:-9px auto 0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#e3f0e8 0,transparent 65%)}.sun{position:absolute;width:55px;height:55px;background:#f9dfa0;border-radius:50%;top:38px;right:144px;box-shadow:0 0 50px #f9dfa044}.rainbow{position:absolute;width:282px;height:240px;border-radius:50% 50% 0 0;border:12px solid #ecc8ae;box-shadow:inset 0 0 0 11px #f6dfa6,inset 0 0 0 22px #c5d5ba,inset 0 0 0 33px #bad6d5;top:32px;left:187px;opacity:.65}.cloud{position:absolute;width:100px;height:26px;border-radius:100px;background:#fff;box-shadow:0 10px 18px #8da8a015}.cloud:before,.cloud:after{content:'';position:absolute;background:#fff;border-radius:50%;width:48px;height:48px;left:19px;bottom:0}.cloud:after{width:35px;height:35px;left:53px}.c1{top:100px;left:52px}.c2{right:25px;top:149px;transform:scale(.8)}.island{position:absolute;width:345px;height:86px;background:#b4c8a4;border-radius:50%;left:158px;top:191px;box-shadow:0 17px 0 -3px #e1d4b4,0 31px 0 -13px #e9dfca,0 48px 0 -28px #e5dbc8}.postoffice{position:absolute;width:120px;height:88px;background:#f7e8c8;bottom:47px;left:61px;border-radius:12px 12px 5px 5px;box-shadow:inset -10px 0 #ecdcbb}.postoffice:before{content:'';position:absolute;width:146px;height:47px;background:#8cab97;top:-30px;left:-13px;clip-path:polygon(12% 100%,0 100%,25% 0,75% 0,100% 100%);border-radius:12px}.postoffice i{position:absolute;top:-23px;left:49px;color:#fff;font-size:24px}.door{position:absolute;width:28px;height:46px;background:#b29d7c;bottom:0;left:26px;border-radius:18px 18px 0 0}.window{width:27px;height:28px;border:4px solid #fff9e9;background:#c5dcd3;position:absolute;right:16px;top:21px;border-radius:6px}.postoffice span{position:absolute;bottom:54px;left:21px;font-size:9px;background:#fff8e6;padding:2px 8px;border-radius:4px}.tree{position:absolute;color:#e3b9aa;font-size:102px;left:185px;bottom:36px;line-height:1;text-shadow:2px 2px #ce9e8f}.tree:after{content:'';position:absolute;height:45px;width:7px;background:#b5a17e;left:44px;top:68px}.mailbox{position:absolute;color:#fff5e4;background:#bc8e7e;border-radius:12px 12px 3px 3px;font-size:20px;width:30px;left:28px;bottom:40px}.mailbox:after{content:'';position:absolute;width:5px;height:22px;background:#b49e87;left:12px;top:27px}.mongsil{position:absolute;background:#fffef6;width:72px;height:45px;border-radius:45%;right:48px;bottom:14px;box-shadow:0 5px 7px #738f7733}.mongsil:before,.mongsil:after{content:'';position:absolute;background:#fffef6;border-radius:50%;width:37px;height:37px;left:7px;top:-16px}.mongsil:after{left:33px;top:-10px;width:31px;height:31px}.mongsil b{position:absolute;width:4px;height:6px;border-radius:50%;background:#52645c;left:23px;top:15px;z-index:1;box-shadow:19px 0 #52645c}.mongsil em{position:absolute;width:9px;height:5px;border-bottom:2px solid #52645c;border-radius:50%;left:30px;top:22px;z-index:1}.mongsil span{position:absolute;background:#e8bb62;width:23px;height:22px;border-radius:5px;right:-5px;bottom:0;color:#bd9043;font-size:15px}.flowers{position:absolute;left:59px;bottom:3px;color:#faf3cd;font-size:22px}.floating{position:absolute}.f1{left:125px;top:146px;color:#b48c73;transform:rotate(-18deg);font-size:29px}.f2{right:120px;top:80px;color:#d9b774;font-size:22px}.scene-label{position:absolute;bottom:4px;width:100%;font-size:10px;letter-spacing:2px;color:#8a9b88}.primary{background:var(--green);color:white;padding:17px 32px;border-radius:16px;box-shadow:0 5px 0 #426b55;font-weight:600;font-size:15px}.primary:hover{background:#426e59}.primary span{margin-left:40px}.gentle{font-size:10px;color:#98a08f;margin:17px 0 33px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 32px 45px}.cards button{display:flex;text-align:left;align-items:center;background:#f1f0e6;border:1px solid #e7e7da;border-radius:16px;padding:23px 19px;gap:14px}.cards button>span{font-size:29px}.cards b{font-size:13px;font-weight:600}.cards small{display:block;font-size:10px;font-weight:400;color:#939b8d;margin-top:6px}.cards i{margin-left:auto;font-size:12px;color:#8d9c8c;font-style:normal}footer{border-top:1px solid var(--line);max-width:1150px;margin:auto;padding:24px 15px;display:flex;gap:26px;align-items:center;font-size:9px;color:#8d998c;flex-wrap:wrap}footer>span{letter-spacing:1px}footer b{font-weight:400;margin-left:10px;letter-spacing:0}footer div{display:flex;gap:16px;margin-left:auto}footer small{font-size:9px}dialog{border:1px solid var(--line);border-radius:24px;background:#fffdf5;color:var(--ink);padding:30px;max-width:420px;width:90%}dialog::backdrop{background:#3a514866}dialog label{display:flex;align-items:center;justify-content:space-between;margin:20px 0}dialog p{font-size:12px;line-height:1.8}.close{float:right;font-size:28px}.consents{display:flex;gap:12px}.consents button{background:#e7eede;border-radius:8px;padding:10px}#game{max-width:480px;margin:20px auto}.game-top{display:flex;justify-content:space-between;align-items:center;padding:0 12px 12px;font-size:14px}.game-top small{display:block;color:var(--muted);font-size:10px;margin-top:5px}#pause{background:#e8eddf;border-radius:12px;padding:12px}.play-wrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 60px #7397821c}canvas{width:100%;display:block;max-height:65vh;aspect-ratio:480/700;background:#e6f1ed}#gameMessage{position:absolute;top:16px;text-align:center;width:100%;font-size:12px;color:#5c7c6b;pointer-events:none}#pauseLayer{position:absolute;inset:0;background:#faf8f0ed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#pauseLayer[hidden]{display:none}.controls{display:flex;align-items:center;justify-content:space-between;padding:14px;touch-action:none;user-select:none}.controls button{width:90px;height:65px;border-radius:22px;background:#dce7d6;box-shadow:0 4px 0 #bfceb7;font-size:32px;touch-action:none}.controls span{text-align:center;font-size:12px}.controls small{display:block;color:#8c9a89;font-size:10px;margin-top:5px}#panel{max-width:850px;margin:60px auto;padding:0 25px;min-height:55vh;text-align:center}#panel h2{font-family:'Gowun Dodum';font-size:35px}#panel p{line-height:1.9;color:#82918a}#panel .cards{margin:40px 0}#panel .cards button{flex-direction:column;text-align:center}#help{display:block;margin:auto;background:#f1dfb6;border-radius:10px;padding:12px}#help[hidden]{display:none}.notice{font-size:12px;color:#a17a42;margin:10px}hr{border:0;border-top:1px solid var(--line)}@media(max-width:650px){header{height:78px;padding:0 20px;gap:15px}nav{display:none}.brand span{font-size:21px}.topright{gap:12px}#home{margin-top:31px}h1{font-size:34px}.eyebrow{font-size:8px;letter-spacing:2px}.scene{width:440px;left:50%;margin-left:-220px;transform:scale(.85);margin-top:-23px;margin-bottom:-26px}.island{left:48px}.rainbow{left:77px}.sun{right:50px}.c1{left:3px}.c2{right:0}.f1{left:32px}.f2{right:27px}.cards{grid-template-columns:1fr;margin:0 22px 30px;gap:10px}.cards button{padding:17px 20px}.gentle{margin-bottom:27px}footer{margin:0 20px;padding:20px 0;gap:15px}footer div{margin-left:0;gap:13px}#game{margin-top:10px;padding:0 10px}.play-wrap{border-radius:20px}#panel .cards button{flex-direction:row}.primary{padding:17px 25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}