@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{--purple:#713ce8;--ink:#282238;--yellow:#ffdc45}*{box-sizing:border-box}body{color:var(--ink);background:#faf8f2;margin:0;font-family:Noto Sans KR,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ff8b54}header{border-bottom:1px solid #e5e0d7;justify-content:space-between;align-items:center;max-width:1380px;height:88px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1px;color:var(--ink);align-items:center;gap:12px;font-size:22px;font-weight:900;text-decoration:none;display:flex}.logo{background:var(--purple);color:var(--yellow);border-radius:12px;place-items:center;width:36px;height:36px;font-size:30px;display:grid}.edition{letter-spacing:0;border-left:1px solid #d5cedf;padding-left:14px;font-size:12px;font-weight:500}.small{background:0 0;border:1px solid #dcd5e7;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}main{max-width:1300px;margin:auto;padding:42px 40px 0}.intro{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--purple);font-size:10px;font-weight:900}h1{letter-spacing:-2px;margin:12px 0;font-size:44px;line-height:1.28}h1 span{color:var(--purple)}.intro p{color:#827b8b;font-size:13px}.stamp{border:2px solid var(--purple);width:132px;height:132px;color:var(--purple);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-right:30px;font-size:20px;font-weight:900;line-height:1.1;display:flex;position:relative;transform:rotate(9deg)}.stamp b{color:#f07444}.stamp span{color:#f58a4a;font-size:48px;position:absolute;top:4px;right:-17px}.layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px;display:grid}.play{background:#fff;border:1px solid #ddd6e8;border-radius:20px;overflow:hidden;box-shadow:0 5px #ece6f4}.gamehead{justify-content:space-between;align-items:center;padding:19px 22px 12px;display:flex}.gamehead>div{align-items:center;gap:12px;display:flex}.gamehead strong{font-size:15px}.tag{background:var(--purple);color:#fff;letter-spacing:1px;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:800}.stats{align-items:center;gap:14px;padding:0 22px 17px;display:flex}.stats>b{font-size:20px}.stats small{color:#aaa}.progress{background:#f0ebf7;border-radius:10px;flex:1;height:6px;overflow:hidden}.progress i{background:#a2ce55;width:0;height:100%;transition:width .2s;display:block}#effect{color:#8a8097;text-align:right;min-width:100px;font-size:10px}.boardwrap{aspect-ratio:1.18;background:#eee9fc;border-radius:12px;margin:0 18px;position:relative;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block}#overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#ede8fb99;place-items:center;display:grid;position:absolute;inset:0}.modal{background:#fffdf6;border:1px solid #fff;border-radius:22px;width:85%;max-width:370px;padding:24px 28px;box-shadow:0 12px #5b358521}.modalcat{font-size:56px}.modal h2{letter-spacing:-1px;margin:9px 0;font-size:28px}.modal p{color:#81778d;margin:12px 0 20px;font-size:12px;line-height:1.9}.primary{background:var(--purple);color:#fff;border:0;border-radius:11px;width:100%;padding:15px;font-weight:800;box-shadow:0 4px #4d20ad}.primary span{float:right;font-size:20px}.modal small{color:#9a91a4;margin-top:18px;font-size:9px;display:block}.gamefoot{color:#8f859b;justify-content:space-between;padding:14px 22px;font-size:10px;display:flex}.dot{background:#94c958;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.controls{display:none}.homecard{background:#e8defe;border-radius:20px;padding:22px 22px 18px;overflow:hidden}.cardtop{justify-content:space-between;align-items:center;display:flex}.cardtop>span:last-child{color:var(--purple);background:#fff9;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:900}.homecard h2{letter-spacing:-1px;margin:14px 0 6px;font-size:23px}.homecard>p{color:#8d7ba9;margin:0;font-size:10px}#home{width:calc(100% + 44px);margin:0 -22px;display:block}.homebottom{justify-content:space-between;align-items:center;font-size:11px;display:flex}.homebottom span{color:#9280aa;font-size:9px}.homeprogress{gap:4px;margin:14px 0;display:flex}.homeprogress i{background:#cec0e9;border-radius:3px;flex:1;height:6px}.note{color:#8a76aa;border-top:1px solid #d4c6ed;padding-top:13px;font-size:9px}.snacks{background:#fff;border:1px solid #e5deea;border-radius:20px;margin-top:19px;padding:21px}.snacks h3{margin:8px 0 16px;font-size:17px}.snacks>div{align-items:center;gap:10px;margin-top:15px;display:flex}.snackicon{border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.fish{background:#e1f1f6}.tuna{background:#e9e0ff}.churu{background:#ffedcf}.snacks p{flex:1;margin:0}.snacks b{font-size:11px}.snacks small{color:#a198a9;margin-top:4px;font-size:9px;display:block}.snacks>div>span:last-child{color:#9c8bac;font-size:8px;font-weight:800}.journey{margin:42px 0 32px}.journeytitle{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.journey h2{letter-spacing:-.8px;margin:7px 0 0;font-size:22px}.journeytitle>span{color:#a296ae;font-size:10px;font-weight:800}.stages{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.stage{text-align:center;background:#f1edf4;border:1px solid #e1dbe7;border-radius:12px;min-width:0;padding:14px 4px}.stage b{margin:6px 0;font-size:19px;display:block}.stage small{color:#a59bae;font-size:8px;display:block}.stage.current{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 4px #5426b5}.stage:disabled{cursor:default}.stage span{font-size:12px}footer{color:#a59cab;border-top:1px solid #e4dee9;justify-content:space-between;align-items:center;padding:24px 0;font-size:9px;display:flex}footer button{color:#a59cab;background:0 0;border:0;font-size:9px}@media (width>=1450px){main{padding-top:55px}.boardwrap{aspect-ratio:1.25}}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr) 280px}main{padding:30px 22px 0}.homecard{padding:18px}.snacks{padding:17px}.snacks>div>span:last-child{display:none}.stages{grid-template-columns:repeat(5,1fr)}.boardwrap{aspect-ratio:1}.modal{padding:16px}.modalcat{font-size:35px}.modal h2{font-size:23px}.modal p{font-size:11px}.controls{text-align:center;padding:0 0 14px;display:block}.controls button{width:44px;height:35px;color:var(--purple);touch-action:manipulation;background:#eee7fc;border:0;border-radius:8px;margin:2px;font-weight:900}}@media (width<=640px){header{height:67px;padding:0 18px}.brand{gap:8px;font-size:17px}.edition{display:none}.logo{width:30px;height:30px}.intro{margin-bottom:23px}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-1.4px;font-size:31px}.intro p{font-size:10px}.stamp{width:82px;height:82px;margin-right:5px;font-size:13px}.stamp span{font-size:30px;right:-10px}.layout{grid-template-columns:1fr}main{padding:25px 15px 0}.gamehead{padding:15px}.stats{gap:9px;padding:0 15px 13px}.boardwrap{aspect-ratio:1;margin:0 10px}.gamehead strong{font-size:13px}aside{grid-template-columns:1fr;display:grid}.homecard{min-height:270px;position:relative}#home{width:60%;margin:0;position:absolute;top:24px;right:0}.homecard h2{font-size:20px}.homecard>p{max-width:150px;line-height:1.7}.homebottom{margin-top:90px}.snacks{margin-top:15px}.snacks>div>span:last-child{display:block}.journey{margin-top:30px}.journeytitle>span{font-size:8px}.journey h2{font-size:19px}footer>span:nth-child(2){display:none}.modal{width:88%;padding:19px}.modalcat{font-size:44px}#effect{min-width:85px;font-size:9px}}.snackicon img{width:31px;height:31px}.choices[hidden]{display:none}.choices{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 16px;display:grid}.decor-option{background:#faf6ff;border:2px solid #e3d9f5;border-radius:12px;min-width:0;padding:10px 4px}.decor-option>span{font-size:27px;display:block}.decor-option b{margin:6px 0;font-size:10px;display:block}.decor-option small{color:#8c7a9f;margin:0;font-size:8px;line-height:1.5}.primary:disabled{opacity:.45;cursor:default;box-shadow:none}.modal:has(.choices:not([hidden])){width:95%;max-width:440px;padding:18px 20px}.modal:has(.choices:not([hidden])) .modalcat{display:none}.modal:has(.choices:not([hidden])) h2{font-size:23px}.modal:has(.choices:not([hidden])) p{margin:8px 0;line-height:1.6}.modal:has(.choices:not([hidden])) #modalHint{margin-top:10px}@media (width<=640px){.decor-option{padding:8px 3px}.decor-option small{font-size:8px}.modal:has(.choices:not([hidden])){padding:15px}.modal:has(.choices:not([hidden])) h2{font-size:21px}.decor-option>span{font-size:23px}}.layout{align-items:start}#overlay{padding:8px}.modal{overscroll-behavior:contain;max-height:100%;overflow-y:auto}@media (width<=780px){.layout{grid-template-columns:1fr}.boardwrap{aspect-ratio:1}aside{grid-template-columns:1fr;display:grid}.homecard{min-height:290px;position:relative}#home{width:55%;margin:0;position:absolute;top:20px;right:0}.homebottom{margin-top:110px}.homecard>p{max-width:50%}.snacks{margin-top:16px}}@media (width<=640px){.homecard{min-height:270px}.homebottom{margin-top:90px}}.share-home{color:#fff;background:#713ce8;border:0;border-radius:9px;width:100%;min-height:44px;margin-top:12px;padding:9px 12px;font-weight:800;display:block}.share-home span{float:right}#postcard{color:#282238;background:#fffaf0;border:1px solid #d3c3ee;border-radius:18px;width:min(94vw,420px);max-height:92dvh;padding:14px;overflow:auto}#postcard::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3926579e}.post-head,.post-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.post-head h2{margin:4px 0 9px;font-size:21px}#postcardImage{object-fit:contain;background:#e8defe;border-radius:9px;width:100%;max-height:56dvh;display:block}.post-actions{margin-top:12px}.post-actions .primary{text-align:center;flex:1;font-size:12px;text-decoration:none}#postStatus{font-size:11px}.post-actions [hidden]{display:none}@media (width<=900px),(pointer:coarse){.controls{text-align:center;padding:0 0 12px;display:block}.controls button{color:#713ce8;touch-action:manipulation;background:#eee7fc;border:0;border-radius:8px;width:49px;height:44px;margin:2px;font-weight:900}}:root{--cream:#fff0d7;--paper:#fff6e7;--green:#344f36;--ink:#412b24;--gold:#c99c68;--purple:#3e5b3a}body{color:var(--ink);background:#9a5d43 url(../alley.jpg) 50%/cover no-repeat fixed;font-family:Noto Sans KR,system-ui,sans-serif}header{border:0;gap:12px;max-width:1190px;height:auto;min-height:74px;padding:10px 24px}.brand{color:var(--cream);text-shadow:0 2px #182e22;background:#344f36;border:3px solid #ffebc5;border-radius:16px;padding:9px 16px;font-size:22px;box-shadow:0 4px #6c4834,inset 0 0 0 2px #aa9661}.logo{color:#ffe8a6;background:0 0;width:auto;height:auto;font-size:21px}.edition{border-color:#a6a581}.small{color:var(--ink);background:var(--cream);border:2px solid #d6ae83;min-height:40px;box-shadow:0 2px #a87958}main{max-width:1190px;padding:0 24px}.intro{display:none}.layout{grid-template-columns:minmax(0,1fr) minmax(260px,308px);gap:17px}.play,.homecard,.snacks,.journey{background:var(--cream);border:3px solid #fff2db;border-radius:22px;box-shadow:0 4px #b18465,0 11px 24px #48251542,inset 0 0 0 1px #d5af88}.play{padding:9px 11px 8px}.gamehead{padding:1px 3px 7px}.gamehead strong{color:#432d24;font-size:17px}.tag,.eyebrow{color:#405b35;font-weight:900}.tag{color:#fff1ce;background:#405b35;border:1px solid #293e28}.stats{gap:10px;padding:0 4px 8px}.progress{background:#e1c8b2;height:9px;box-shadow:inset 0 1px 3px #9d725657}.progress i{background:linear-gradient(#a5c370,#6c963d);border-radius:10px}.stats small,#effect,.gamefoot{color:#725442}.boardwrap{aspect-ratio:1;border-radius:13px;outline:2px solid #c49369;width:min(100%,clamp(450px,68dvh,690px));margin:0 auto;box-shadow:none!important}.modal{background:#fff4dd;border:2px solid #d8b184;box-shadow:0 7px #74422d59}.modalcat{width:66px;height:60px;margin:0 auto 4px;display:block}.modal p,.modal small{color:#735441}.primary,.share-home{color:#fff2d5;text-shadow:0 1px #1d3928;background:linear-gradient(#4c6944,#334f36);border:1px solid #75906a;box-shadow:0 3px #213b29}.primary:disabled{opacity:.55}.decor-option{background:#f8e8cb;border-color:#d8b386}.decor-option:hover,.decor-option.selected{background:#e1ebce;border-color:#557549}.decor-option small{color:#735441}.gamefoot{padding:8px 4px 4px}.controls{justify-content:center;align-items:center;gap:8px;padding:4px 0 2px;display:flex}.controls button{color:#fff1cd;touch-action:manipulation;background:linear-gradient(#536f4b,#334d36);border:2px solid #fff4da;border-radius:13px;place-items:center;width:58px;height:46px;margin:0;font-size:26px;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 2px #a37553,inset 0 0 0 1px #829677}.controls button:active{background:#6b8a52;transform:translateY(2px)}.homecard{min-height:0;padding:14px;position:static}.cardtop>span:last-child{color:#fff0d0;background:#493829}.homecard h2{color:#3c5336;margin:9px 0 5px}.homecard>p{color:#735441;max-width:none}#home{background:#f8e4c6;border:1px solid #e2be93;border-radius:12px;width:100%;margin:10px 0;position:static}.homebottom{margin:0}.homebottom span,.note{color:#765643}.note{border-color:#e2c5a7}.homeprogress i{background:#d9c1ac}.snacks{margin-top:14px;padding:13px}.snacks h3{color:#fff4d9;background:#435c3a;border-radius:9px;margin:5px 0 10px;padding:7px 9px}.snacks>div{background:#fff5e4;border:1px solid #e2c6a7;border-radius:10px;margin:6px 0 0;padding:5px}.snacks small,.snacks>div>span:last-child{color:#795842}.journey{margin:18px 0;padding:13px}.journeytitle{margin-bottom:10px}.journeytitle>span,.stage small{color:#725442}.stage{background:#f2dfc6;border-color:#dabb9b}.stage.current{background:#405b35;border-color:#293e28;box-shadow:0 3px #223c2b}.stage.current small{color:#fff0d1}.stage.done{background:#d8e7c3;border-color:#9ab78c}footer{color:#634333;background:#fff2db;border:0;border-radius:12px 12px 0 0;margin-top:12px;padding:9px 12px}footer button{color:#634333}#postcard{color:var(--ink);background:#fff2db;border-color:#cca178}@media (width<=780px){header{min-height:58px;padding:9px 12px}.brand{padding:7px 12px;font-size:16px}.edition{display:none}main{padding:0 10px}.layout{grid-template-columns:1fr;gap:11px}.play{padding:7px 8px}.boardwrap{width:100%;max-width:570px}.gamehead strong{font-size:14px}.homecard,.snacks{padding:12px}.homecard{display:block}#home{width:min(100%,420px);margin:9px auto}.snacks{margin-top:11px}.journey h2{font-size:16px}body{background-position:36% 0;background-size:auto 890px;background-attachment:scroll}}@media (width<=420px){.controls button{width:53px;height:44px}.modalcat{width:49px;height:44px}.modal p{margin:7px 0 10px}.modal small{margin-top:10px}.play,.homecard,.snacks,.journey{border-radius:16px}.tag{font-size:9px}}body{isolation:isolate;background:#ffbf85}body:before{content:"";z-index:-1;pointer-events:none;filter:saturate(1.32)brightness(1.16);background:url(../alley.jpg) 50%/cover no-repeat;position:fixed;inset:0}:root{--cream:#fff3d9;--paper:#fffbeb;--ink:#412619}.brand,.tag,.stage.current{color:#fff7d7;background:#206542}.primary,.share-home,.controls button{color:#fff9e3;background:linear-gradient(#3c9863,#207047)}.play,.homecard,.snacks,.journey{border-color:#fffbea;box-shadow:0 4px #c9824e,0 10px 24px #7e3b213a,inset 0 0 0 1px #e3ae72}.snacks h3{background:#287548}.snackicon{background:#ffe6ba}.snackicon img{object-fit:contain;width:36px;height:36px}.progress i{background:linear-gradient(#b5e65e,#67a92e)}.homeprogress i.done{background:#ffb622}#overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff5da44}.modal{background:#fff8e4}.modalcat{object-fit:contain}@media (width<=780px){body:before{background-position:34% 0}}.homecard{background:linear-gradient(155deg,#fff9e8 0%,#fff1d5 74%,#ffe7bf 100%);padding:15px}.garden-label{color:#48623b;letter-spacing:.06em;align-items:center;gap:6px;display:inline-flex}.garden-label img{width:24px;height:24px}.homecard .cardtop #homeLevel{color:#34502d;background:#dceac5;border:1px solid #aac38e;padding:5px 9px}.homecard h2{font-size:23px}.garden-frame{background:repeating-linear-gradient(135deg,#fff4db 0 8px,#ffe4ba 8px 16px);border:1px solid #e4b98a;border-radius:16px;margin:12px 0;padding:8px}.garden-frame #home{background:#fff3dc;border-radius:11px;width:100%;margin:0;display:block}.homecard .homebottom{flex-wrap:wrap;gap:8px}.homecard .homebottom strong{color:#385434}.homecard .homeprogress{align-items:center;gap:5px}.homecard .homeprogress i{aspect-ratio:1;background:#ead4b9;border:1px solid #d7b58d;border-radius:50%;flex:1;max-width:19px;height:auto}.homecard .homeprogress i.done{background:radial-gradient(circle at 35% 28%,#fff3a2 0 16%,#ffc94d 22% 64%,#e69a21 100%);border-color:#d89728}.small,.primary,.share-home,.controls button,footer button{text-align:center;place-items:center;padding-block:0;line-height:1.2;display:inline-grid}.small,.primary,.share-home,footer button{min-height:44px}.primary,.share-home{padding-inline:30px;position:relative}.primary span,.share-home span{inset-inline-end:10px;float:none;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.stage,.decor-option{text-align:center;align-content:center;justify-items:center;line-height:1.25;display:grid}.controls button{line-height:1}.post-actions .primary{width:auto;min-width:0;padding-inline:8px;display:inline-grid}@media (width<=780px){.garden-frame{max-width:440px;margin-inline:auto}}
