@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#153c39;--muted:#79908a;--gold:#ffd164;--cream:#fffdf5}*{box-sizing:border-box}body{margin:0;background:#e9efe8;color:var(--ink);font:14px 'Noto Sans KR',sans-serif}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ecaa44;outline-offset:3px}[hidden]{display:none!important}.app{max-width:540px;margin:auto;background:var(--cream);min-height:100dvh;padding-bottom:100px;box-shadow:0 0 90px #1f4c3c12}header{display:flex;align-items:center;gap:14px;padding:22px 24px 12px}.logo{font-family:Georgia,serif;font-style:italic;font-weight:bold;font-size:34px;letter-spacing:-2px;line-height:.9;flex:1}.logo span{font:8px sans-serif;display:block;letter-spacing:4px;margin:7px 0 0 3px}.balance{padding:9px 14px;border-radius:30px;background:#fff0bf;display:flex;gap:7px}.avatar{width:39px;height:39px;border-radius:50%;background:#dcece1;font-size:23px}main{padding:0 20px}h1,h2,p{margin:0}h1{font-size:27px;letter-spacing:-1.4px;margin:5px 0 9px}h2{font-size:18px;letter-spacing:-.5px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:#80a091}.headline{display:flex;align-items:center;justify-content:space-between;padding:24px 3px 22px}.headline>div>p:last-child{font-size:11px;color:var(--muted);max-width:285px}.gift{background:none;font-size:27px;display:grid;justify-items:center}.gift span{font-size:9px;margin-top:5px}.world{position:relative;border-radius:30px;background:linear-gradient(#d7f1e6,#e5f1d8);overflow:hidden;box-shadow:inset 0 0 0 1px #fff9}.world-top{position:absolute;inset:15px 17px auto;display:flex;justify-content:space-between;z-index:1}.location{font-size:11px;font-weight:700}.location b{margin-left:6px;color:#789387;font-size:9px}.world-top button{font-size:10px;background:#ffffff70;padding:5px 9px;border-radius:12px}canvas{display:block;width:100%;aspect-ratio:1.08;touch-action:manipulation}.scene-tip{position:absolute;bottom:44px;width:100%;text-align:center;font-size:10px;color:#416b55;pointer-events:none}.scene-bottom{display:flex;justify-content:space-between;padding:11px 17px;background:#ffffff55;font-size:10px;font-weight:600}.harvest{display:flex;align-items:center;gap:20px;background:white;border:1px solid #e8ecdf;border-radius:21px;padding:15px 17px;margin-top:13px}.harvest>div{flex:1}.harvest small{display:block;font-size:10px;color:var(--muted)}.harvest strong{display:block;font-size:22px;margin:2px 0 5px}.meter{height:4px;background:#f1eddd;border-radius:5px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:#edbd4f}.primary{background:var(--gold);border-radius:14px;padding:13px 18px;font-weight:800;box-shadow:0 3px 0 #e3b244;font-size:12px}.primary span{margin-left:7px}.journey{position:relative;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff9e8;border-radius:23px;padding:23px 19px;margin:17px 0 25px;overflow:hidden}.journey:after{content:'✦';position:absolute;right:20px;top:-32px;font-size:180px;color:#ffffff05;pointer-events:none}.journey>div{flex:1}.journey h2{font-size:16px;margin:7px 0}.journey p:not(.eyebrow){font-size:10px;color:#a9c1b5;line-height:1.8}.pollen{display:inline-block;border-radius:12px;padding:4px 9px;background:#ffffff13;font-size:10px;margin-top:10px}.trip-button{position:relative;z-index:1;max-width:103px;background:#cbe5b9;color:#274d37;padding:12px 14px;border-radius:14px;font-size:11px;font-weight:800}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:19px}.section-head small{font-size:10px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.friend{border:1px solid #e8ecdf;background:#fff;border-radius:18px;text-align:center;padding:12px 7px}.friend.locked{background:#f1f1e9;color:#9aaba0}.friend svg{width:80px;max-width:100%;height:65px}.friend h3{font-size:11px;margin:4px 0}.friend p{font-size:9px;color:var(--muted)}.tag{display:inline-block;font-size:8px;margin-top:7px;background:#fff3cd;color:#93702b;padding:3px 7px;border-radius:20px}.locked .tag{background:#e3e8df;color:#8a9b8c}.item{display:flex;gap:13px;align-items:center;padding:14px;background:white;border:1px solid #e8ecdf;border-radius:17px;margin-bottom:9px}.item .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ecf1dd;font-size:25px}.item .info{flex:1}.item h3{font-size:12px;margin:0 0 4px}.item p{font-size:10px;color:var(--muted)}.item button{font-size:10px;font-weight:700;border-radius:12px;background:#fff0bf;padding:10px}.empty{padding:20px;border-radius:17px;background:#eff3e9;font-size:12px;line-height:1.9}.status{display:flex;flex-wrap:wrap;gap:10px;font-size:9px;color:var(--muted);margin:23px 0}.status button{background:none;font-size:9px;text-decoration:underline}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);display:flex;gap:3px;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:#fffdf5ed;border-top:1px solid #e2e7db;backdrop-filter:blur(16px);z-index:5}nav button{flex:1;background:none;font-size:10px;color:#82958b}nav button span{display:block;font-size:22px;margin-bottom:5px}nav button.selected{color:#214e3c;font-weight:800}dialog{border:0;background:var(--cream);color:var(--ink);border-radius:27px;padding:30px;width:calc(100% - 40px);max-width:380px;box-shadow:0 25px 90px #0b30265c}dialog::backdrop{background:#10362c85;backdrop-filter:blur(5px)}dialog h2{margin:10px 0}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted)}label{display:block;font-size:11px;margin-top:17px}input{display:block;width:100%;padding:12px;border-radius:10px;border:1px solid #d8e2d7;margin-top:6px;background:white}form .primary{width:100%;margin-top:20px}.close{position:absolute;right:16px;top:12px;background:none;font-size:24px}.link{display:block;background:none;margin:20px auto 0;font-size:11px;text-decoration:underline}#auth-error{color:#b85240;font-size:11px;margin-top:10px}#discovery{text-align:center;overflow:hidden}#new-bee svg{width:190px;height:160px;animation:float 2s ease-in-out infinite}#new-description{line-height:1.8;margin-bottom:24px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#153c39f0;color:white;padding:13px 19px;border-radius:17px;font-size:12px;z-index:30;box-shadow:0 8px 30px #153c3930}@keyframes float{50%{transform:translateY(-9px) rotate(3deg)}}@media(min-width:700px){.app{margin:25px auto;border-radius:35px;overflow:hidden}nav{border-radius:23px 23px 0 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:360px){main{padding:0 13px}.headline>div>p:last-child{max-width:215px}.journey{padding:18px 14px}}

.guest-lock{position:absolute;inset:50px 12px 43px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5f0dbe6;border-radius:20px;gap:12px;text-align:center;backdrop-filter:blur(3px)}.guest-lock>span{font-size:42px}.guest-lock p{font-size:10px;line-height:1.8}.guest-lock strong{font-size:18px}#account-info{text-align:center;padding-top:20px}#account-info strong{font-size:22px}#account-info p{font-size:12px;margin:10px 0;color:#79908a}#account-info button{margin-top:18px}

.rewards-hero{margin:20px 0 13px;padding:25px 23px;border-radius:25px;background:linear-gradient(140deg,#153c39,#28574b);color:#fff9e8}.rewards-hero h1{font-size:29px;line-height:1.35;margin:12px 0 20px}.rewards-hero .eyebrow{color:#a9ccba}.point-row{display:flex;gap:25px;align-items:center}.point-row>div:first-child{flex:1}.point-row small{font-size:10px;display:block;color:#b7cebe}.point-row strong{font-size:33px;display:block;letter-spacing:-1px}.point-row em{font-size:18px;font-style:normal;margin-left:5px}.point-row b{font-size:17px}.rewards-hero>p:last-child{font-size:9px;color:#b7cebe;margin-top:13px}.benefit-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.benefit-actions button{background:#fff;border:1px solid #e8ecdf;border-radius:19px;padding:15px 5px}.benefit-actions span{display:block;font-size:26px}.benefit-actions strong{display:block;font-size:12px;margin:6px 0}.benefit-actions small{font-size:9px;color:#79908a}.ad-banner{display:flex;align-items:center;gap:10px;padding:12px;margin:12px 0;background:#fff0bf;border-radius:14px;font-size:10px}.ad-banner span{flex:1}.ad-banner button{padding:8px;background:#153c39;color:white;border-radius:9px;font-size:10px}.invite-code{padding:19px;background:#eff3e9;border-radius:13px;font-size:18px;text-align:center;letter-spacing:2px;margin:20px 0}.shop-preview{padding:14px;margin-top:10px;border:1px solid #e8ecdf;border-radius:17px;background:#fff}.shop-preview button{width:100%;text-align:left;background:none;display:flex;justify-content:space-between;font-size:12px}.shop-preview small{color:#79908a;font-size:10px}#invite-stats{margin:12px 0 20px}#invite-dialog>p:last-child{font-size:10px;margin-top:20px;line-height:1.7}#featured-shops h2{font-size:16px;margin-top:22px}

/* Game first: keep the island and harvest above benefits. */
.headline{padding:12px 3px 14px}.headline h1{font-size:23px;margin:3px 0 6px}.headline .eyebrow{font-size:8px}.headline>div>p:last-child{font-size:10px}.world{border-radius:24px}.journey{margin-bottom:20px}.benefits-secondary{margin-top:26px;padding-top:20px;border-top:1px solid #e2e7db}.benefits-secondary .rewards-hero{padding:16px 18px;margin:0 0 12px;border-radius:19px}.benefits-secondary .rewards-hero h1,.benefits-secondary .rewards-hero>.eyebrow{display:none}.benefits-secondary .point-row strong{font-size:25px}.benefits-secondary .rewards-hero>p:last-child{margin-top:8px}.benefits-secondary .section-head h2{font-size:16px}.benefits-secondary .section-head small{font-size:8px}.benefit-actions button{padding:12px 5px}

.village-order{padding:19px;margin:16px 0;background:#fff8e5;border:1px solid #eee4c4;border-radius:22px}.order-heading{display:flex;align-items:center;gap:10px}.order-heading>span{font-size:31px}.order-heading>div{flex:1}.order-heading h2{font-size:15px}.order-heading>b{font-size:9px;color:#94753d;background:#f3e5be;padding:6px 8px;border-radius:12px}.village-order>p{font-size:11px;color:#887b5d;line-height:1.8;margin:13px 0}.recipe{display:flex;justify-content:space-between;font-size:10px;margin:13px 0}.recipe strong{color:#476c45}.village-order>.primary{width:100%;padding:12px}.village-progress{font-size:9px;color:#998967;margin-top:15px}.village-progress .meter{margin-top:7px}.job-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:10px}.job-actions button{font-size:8px;padding:5px;border-radius:7px;background:#e8efdf}.job-actions button.assigned{background:#294f3b;color:white}.roles-info{font-size:10px;padding:12px;border-radius:14px;background:#eaf0e2;margin:12px 0;line-height:1.9}.village-flash{animation:villageflash .6s ease-out}@keyframes villageflash{50%{box-shadow:0 0 30px #ffe395}}

.weather-strip{display:flex;align-items:center;gap:8px;font-size:9px;margin:10px 0}.weather-strip span{flex:1;color:#638275}.weather-strip button{background:#e7efdc;padding:7px;border-radius:10px;font-size:9px}.destinations{display:flex;gap:4px;margin-top:10px}.destinations button{background:#ffffff13;color:#d7e5cb;font-size:9px;padding:6px;border-radius:8px}.destinations .selected{background:#cbe5b9;color:#234736}.mini-board{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:16px 0}.mini-board button{aspect-ratio:1;background:#f1efd9;border-radius:9px;font-size:24px;min-width:0;padding:0}.mini-board .chosen{outline:3px solid #4f8660;background:#d7e6be}.mini-stats{display:flex;justify-content:space-between;margin:18px 0}.mini-actions{display:flex;gap:10px;align-items:center}.mini-actions>button:first-child{background:#eff3e9;padding:12px;border-radius:10px;font-size:11px}#mini-finish{width:100%;margin-top:14px}.activity-card{background:white;border:1px solid #e8ecdf;border-radius:18px;padding:16px;margin-bottom:12px}.activity-card h3{font-size:14px;margin:0 0 8px}.activity-card p{font-size:11px;line-height:1.9;color:#79908a;margin-bottom:10px}.activity-card button{font-size:10px;padding:9px;border-radius:10px;background:#fff0bf;margin:3px}.activity-card input{font-size:11px}.collectible-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.collectible-grid div{font-size:10px;padding:10px 3px;text-align:center;border-radius:10px;background:#eef2e7}.collectible-grid span{font-size:23px;display:block}.friend .pet-status{font-size:8px;line-height:1.7;color:#768c74;margin-top:5px}.friend .pet-extra button{font-size:8px;padding:5px;border-radius:7px;background:#fff0bf;margin:3px 1px}.world-greeting{margin:15px 0;padding:14px;border-radius:14px;background:#f5ebce;font-size:11px}#visit-scene svg{width:100%;height:auto}#visit-desc{margin:12px 0 20px}.map-pick{color:#a4c7ae}nav button{font-size:9px}nav button span{font-size:20px}

.game-goal{position:absolute;top:46px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none;font-size:10px;color:#426c4a}.game-goal strong{font-size:11px}.game-goal span{font-size:9px;background:#fff8;padding:4px 8px;border-radius:10px}.scene-bottom{gap:5px;font-size:9px}#energy-clock{color:#9b773e}.scene-tip{font-size:11px;background:#fff9;left:14px;width:calc(100% - 28px);bottom:44px;border-radius:13px;padding:8px 4px}.world{box-shadow:inset 0 0 0 1px #fff9,0 8px 22px #36563a0c}

.growth-strip{display:flex;align-items:center;gap:12px;padding:15px;margin:15px 0;border-radius:20px;background:#e9efd9;border:1px solid #dce6c9}.growth-strip>div{flex:1}.growth-strip small{font-size:9px;color:#79916b;display:block}.growth-strip strong{font-size:12px;display:block;margin:5px 0}.growth-strip p{font-size:9px;color:#809074}.growth-strip button{font-size:10px;padding:10px 12px}.facility-level{font-size:10px;display:inline-block;background:#deead0;color:#597345;border-radius:9px;padding:3px 8px}.upgrade-reason{font-size:10px;color:#89763f;margin:8px 0;line-height:1.8}.growth-grid .activity-card{background:#fffdf7}.job-row{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:11px;padding:10px;border-radius:12px;background:#f4edcf;margin:6px 0}.job-row button{font-size:10px;border-radius:10px;padding:8px;background:#153c39;color:white}.facility-banner{background:#254e3f;color:#fff9e8;padding:16px;border-radius:18px;margin-bottom:14px}.facility-banner h3{margin:0 0 9px;font-size:17px}.facility-banner p{font-size:10px;line-height:1.8}.recipe-stock{display:flex;gap:12px;font-size:10px;color:#79916b;margin:10px 0}.recipe-stock b{color:#315b3d}

.chapter-card{border:1px solid #dfdfc3;background:linear-gradient(135deg,#fff4d2,#eef3dc);border-radius:23px;padding:20px;margin:16px 0}.chapter-top{display:flex;justify-content:space-between;font-size:9px;color:#8a946a;letter-spacing:1px}.chapter-top small{font-size:9px}.chapter-card h2{font-size:19px;margin:10px 0}.chapter-card>p{font-size:11px;line-height:1.9;color:#818365;margin-bottom:14px}.chapter-goal{display:flex;justify-content:space-between;font-size:11px;padding:7px 0;border-bottom:1px solid #d8dcc14a}.chapter-goal b{font-size:10px;color:#5c865e}.chapter-card>.primary{width:100%;margin-top:15px;font-size:11px}#chapter-path{font-size:9px;color:#8c9474;display:flex;gap:8px;margin-top:15px;justify-content:center}#chapter-path .finished{color:#527b46;font-weight:bold}

#chapter-path{flex-wrap:wrap}

/* V10 delivery growth */
.delivery-card{margin:18px 0;padding:22px;border:1px solid #d9e6c8;border-radius:24px;background:linear-gradient(135deg,#fbfff4,#fff6dc);box-shadow:0 8px 25px #53764c0b}.delivery-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-top h2{margin:4px 0;font-size:22px}.delivery-top>span{font-size:12px;background:#e6efdb;padding:8px 10px;border-radius:20px;white-space:nowrap}.delivery-card p{font-size:13px;line-height:1.6}.delivery-card>small{display:block;margin-top:14px;color:#667858;font-size:11px}.delivery-stamps{display:flex;align-items:center;gap:6px;margin:14px 0;flex-wrap:wrap}.delivery-stamps>span{display:grid;place-items:center;width:30px;height:30px;border:1px dashed #bfcaab;border-radius:50%;color:#96a786}.delivery-stamps .filled{background:#f5d477;color:#6f572f;border-style:solid}.delivery-stamps small{font-size:11px;color:#64734e;margin-left:5px}.express-order{background:#ffffffb8;border-radius:15px;padding:13px;margin:8px 0;display:flex;align-items:center;gap:10px;justify-content:space-between}.express-order div{min-width:0}.express-order small,.express-order strong,.express-order span{display:block}.express-order small{color:#748166;font-size:11px}.express-order strong{margin:5px 0;font-size:15px}.express-order span{font-size:11px;line-height:1.6;color:#60704f}.express-order button{flex-shrink:0;font-size:12px;padding:11px 13px}#delivery-milestones{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}#delivery-milestones button{padding:9px;border:1px solid #d6dfc7;border-radius:11px;background:#fffaf0;font-size:11px;color:#547145}#delivery-milestones button:disabled{opacity:.55}@media(max-width:380px){.delivery-card{padding:16px}.delivery-top{align-items:flex-start;flex-direction:column}.express-order{align-items:stretch;flex-direction:column}.express-order button{width:100%}}

.express-order [data-express-open]{padding:9px;border:1px solid #d6dfc7;border-radius:12px;background:#f6faec;color:#547145;font-size:11px}
@media(min-width:381px){.express-order:has([data-express-open]){flex-wrap:wrap}.express-order [data-express-open]{margin-left:auto}}

/* V11 Kakao authentication and invitations */
.kakao-button{display:block;width:100%;padding:15px 12px;margin:12px 0;border:0;border-radius:14px;background:#fee500;color:#191919;font-size:14px;font-weight:700;cursor:pointer}.kakao-button:before{content:'●';margin-right:8px}.kakao-button:disabled{opacity:.5;cursor:default}#kakao-auth small{display:block;font-size:11px;color:#60766c;margin:5px 0 18px;line-height:1.6}#kakao-auth[hidden],#kakao-link[hidden]{display:none}#invite-dialog .primary{width:100%}

.friends-hub{margin:20px 0;padding:22px;border:1px solid #dfe8d6;background:linear-gradient(135deg,#f6fbec,#f2f7ef);border-radius:25px}.friends-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.friends-heading h2{font-size:22px;margin:4px 0}.friends-heading button{font-size:12px;white-space:nowrap}.friends-hub>p{font-size:12px;color:#66775d;line-height:1.6}.island-peer{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:13px;background:#ffffffb8;border-radius:15px;margin:9px 0}.island-peer small,.island-peer strong{display:block}.island-peer small{font-size:10px;color:#7d8e6d}.island-peer strong{font-size:15px;margin:3px 0;overflow-wrap:anywhere}.island-peer p{font-size:11px;color:#6d7f5e;margin:3px 0;line-height:1.5}.peer-avatar{font-size:26px}.island-peer button,.friends-footer button{padding:9px;border:1px solid #d3dfc5;border-radius:11px;background:#fbfff5;color:#4c704a;font-size:11px}.island-peer [data-peer-help]{grid-column:2/4;background:#e6f1da}.friends-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.friends-footer span,.friends-hub>small{font-size:10px;line-height:1.5;color:#76836a}.friends-empty{padding:18px;border:1px dashed #cedbc0;border-radius:15px;color:#748566;font-size:12px;line-height:1.8}.friends-hub button:disabled{opacity:.45}@media(max-width:380px){.friends-hub{padding:16px}.friends-heading{align-items:flex-start;flex-direction:column}.friends-footer{align-items:flex-start;flex-direction:column}}

.profile-editor{padding:16px;margin:16px 0;background:#f2f7e9;border:1px solid #dce6cf;border-radius:16px}.profile-editor label{display:block;font-size:12px;color:#58724e;margin-bottom:8px}.profile-editor input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #ccd9c0;border-radius:12px;padding:12px;font-size:15px;color:#294632}.profile-editor button{width:100%;margin-top:10px}.profile-editor p{font-size:12px;line-height:1.5;margin:10px 0}.profile-editor small{font-size:11px;color:#718565}.profile-editor button:disabled{opacity:.5}


/* honey-friend-font-v161 */
.friend {
  min-width: 0;
  padding: 14px 10px;
  font-family: inherit;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.friend h3 {
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  margin: 6px 0 4px;
}
.friend > p {
  font-size: 11px;
  line-height: 1.6;
}
.friend .tag {
  display: inline-block;
  font-size: 10px;
  line-height: 1.5;
}
.friend .pet-status {
  font-size: 11px;
  line-height: 1.7;
  margin-top: 10px;
}
.friend .pet-status strong {
  display: block;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0;
}
.friend .pet-status strong + br {
  display: none;
}
.friend small {
  display: block;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.6;
  margin-top: 5px;
}
.friend .meter {
  margin: 7px 0;
}
.friend .pet-extra,
.friend .pet-training,
.friend .pet-rewards {
  margin-top: 8px;
}
.friend .pet-extra,
.friend .pet-rewards,
.friend .job-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
.friend .pet-extra button,
.friend .pet-training button,
.friend .pet-rewards button,
.friend .job-actions button {
  font-family: inherit;
  font-size: 11px;
  line-height: 1.5;
  white-space: normal;
  max-width: 100%;
  padding: 7px 8px;
  border-radius: 8px;
  margin: 0;
}
.friend .pet-training button {
  width: 100%;
  background: #fff0bf;
}
.friend .pet-rewards button {
  background: #eef3e7;
}
