:root{--ink:#28473f;--muted:#62766a;--green:#286448;--green-dark:#194c34;--leaf:#dcecc9;--cream:#fffdf3;--canvas:#f4f4e9;--line:#dedfce;--water:#b8deda;--coral:#b44d36;--gold:#e7b952;--touch:48px;--round:22px;--shadow:0 4px 0 #cfd4c2,0 8px 18px #294a3210;--font:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif}
*{box-sizing:border-box}body{margin:0;background:#dce8de;color:var(--ink);font:15px/1.5 var(--font);display:flex;justify-content:center;align-items:center;min-height:100dvh}button,select,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;min-height:var(--touch);touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:translateY(2px)}button:focus-visible,select:focus-visible{outline:3px solid #226a9a;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}p,h1,h2,h3{margin:0}h1{font-size:25px;line-height:1.25;letter-spacing:-1px}h2{font-size:22px;line-height:1.3;letter-spacing:-.7px}h3{font-size:17px;line-height:1.4}small{font-size:12px}svg{display:block}button svg{pointer-events:none}.phone{width:100%;max-width:430px;height:100dvh;max-height:920px;background:var(--canvas);display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.desktop-note{display:none}header{padding:16px 18px 10px;background:var(--cream);z-index:3;flex-shrink:0;border-bottom:1px solid #dde3d3}.topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.date{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:800}.sun{height:30px;width:30px;background:#ffe9ae;border:1px solid #efd288;border-radius:50%;display:grid;place-items:center;color:#956729}.demo{font-size:10px;color:var(--muted);letter-spacing:1.1px}.icon-button{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:16px;background:#eef0e3}.wallet{display:flex;gap:8px}.resource{flex:1;background:#f1f3e5;border:1px solid #e1e6d3;border-radius:17px;padding:8px 11px;display:flex;align-items:center;gap:9px;min-width:0;text-align:left}.resource.small{flex:0 0 104px}.resource b{display:block;font-size:19px;letter-spacing:-.5px;white-space:nowrap}.resource small{font-size:11px;color:var(--muted)}.coin{color:#9b711e;background:#f7db8b;width:30px;height:30px;border:2px solid #eac462;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 2px 0 #d9b44f}.heart{color:#bc644f;font-size:25px}#screen{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}nav{flex-shrink:0;background:var(--cream);padding:8px 8px max(12px,env(safe-area-inset-bottom));display:flex;gap:3px;border-top:1px solid var(--line);z-index:4}nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;font-size:11px;font-weight:700;border-radius:17px;color:#677a68}nav button.active{background:#e4edcf;color:#2c6545}nav svg{width:23px;height:23px}.page-title{padding:22px 20px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:1px;font-weight:700;margin-bottom:5px}.sub{color:var(--muted);font-size:13px;line-height:1.55}.pill{display:inline-flex;align-items:center;gap:5px;background:#e4efd5;color:#456440;border-radius:100px;font-size:11px;font-weight:800;padding:5px 9px;white-space:nowrap}.pill.warm{background:#fae9c5;color:#91672b}.pill.rose{background:#f8e0d7;color:#a04c35}.toolbar{padding:0 16px 8px;display:flex;justify-content:space-between;gap:8px}.soft{border:1px solid #d7dfca;border-radius:15px;background:var(--cream);min-height:44px;padding:9px 14px;font-size:12px;font-weight:800;box-shadow:0 2px 0 #d7dfca}.map-wrap{position:relative;min-height:325px;overflow:hidden;background:#b8deda}.map-wrap .world-svg{width:100%;height:auto;min-height:365px}.scene-wrap{overflow:auto;touch-action:pan-x pan-y;scrollbar-width:none}.scene{width:100%;min-width:400px;position:relative;aspect-ratio:430/390;transition:width .2s}.scene>svg{width:100%;height:100%}.map-caption{position:absolute;left:15px;top:12px;font-size:10px;color:#497e74;background:#e9f7eadb;border-radius:30px;padding:5px 9px;pointer-events:none}.map-controls{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:7px}.map-controls button{width:44px;height:44px;min-height:44px;background:var(--cream);border:1px solid #cddbcc;border-radius:13px;box-shadow:0 3px 0 #759b872d;font-size:20px}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;padding:0;min-width:48px}.map-pin:active:not(:disabled){transform:translate(-50%,-48%)}.pin-top{border-radius:15px;background:#fffdf3;border:2px solid #d4dfc3;box-shadow:0 3px 0 #698b6855;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.map-pin.locked .pin-top{background:#ecf1df;color:#647261;border-style:dashed}.map-pin.selected .pin-top{border-color:#347057;background:#e7f5cd}.pin-dot{width:10px;height:10px;border-radius:50%;background:#38755a;margin:4px;box-shadow:0 0 0 4px #ffffff70}.map-pin small{background:#ffffffd9;padding:1px 6px;border-radius:5px;font-size:10px}.map-world{position:relative}.map-world svg{width:100%;height:auto}.building-pin{position:absolute;transform:translate(-50%,-50%);min-height:48px;padding:0 6px}.building-pin span{background:#fffdf1f2;border-radius:10px;padding:4px 8px;font-size:10px;border:1px solid #c7d8ba;box-shadow:0 2px 0 #3a5c3c22;white-space:nowrap}.build-slot{width:49px;height:49px;background:#f4ffda90;border:2px dashed #629872;border-radius:16px;color:#447856;font-size:24px;position:absolute;transform:translate(-50%,-50%)}.build-slot:active{transform:translate(-50%,-48%)!important}.map-footer{background:linear-gradient(#d1e3c6,#f4f4e9);padding:13px 16px 16px}.task-card{border-radius:21px;background:var(--cream);padding:15px;border:1px solid #d7dfc8;box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.mini-art{width:49px;height:49px;flex-shrink:0;border-radius:16px;background:#e4edd5;display:grid;place-items:center;font-size:26px}.mini-art.gold{background:#f8e8b8}.mini-art.rose{background:#f7dfd4}.mini-art.blue{background:#dceeed}.primary{border-radius:16px;background:var(--green);color:#fffef4;padding:13px 17px;min-height:52px;font-size:14px;font-weight:800;box-shadow:0 4px 0 var(--green-dark)}.primary.coral{background:#be694e;box-shadow:0 4px 0 #93503d}.primary.full{width:100%}.action-row{display:flex;gap:10px;margin-top:13px}.action-row>*{flex:1}.outline{border:1.5px solid #c7d5ba;background:#f7faed;border-radius:16px;padding:12px;font-weight:800;font-size:14px}.progress{height:8px;background:#e7e8d8;border-radius:12px;overflow:hidden;margin-top:9px}.progress>i{display:block;height:100%;background:#85b877;border-radius:12px}.page-body{padding:0 18px 24px;display:grid;gap:13px}.card{background:var(--cream);border:1px solid #dfe3d1;border-radius:22px;padding:17px;box-shadow:0 3px 0 #dce0cf}.card.flat{box-shadow:none}.section-head{display:flex;align-items:center;justify-content:space-between;margin:7px 0;font-weight:800;font-size:14px}.chips{display:flex;overflow:auto;gap:7px;padding:0 18px 14px;scrollbar-width:none}.chip{border:1px solid #d8dfca;border-radius:15px;min-height:44px;padding:8px 15px;white-space:nowrap;background:#fbfbef;font-size:12px;font-weight:800}.chip.active{background:var(--green);color:white;border-color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.stat-grid>div{background:#f0f3e7;padding:11px 7px;border-radius:13px;text-align:center;min-width:0}.stat-grid b{display:block;font-size:17px}.stat-grid small{color:var(--muted);font-size:10px}.avatar{height:55px;width:55px;border-radius:18px;flex-shrink:0;overflow:hidden;background:#d6e6ce}.avatar svg{width:100%;height:100%}.staff-roles{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.warning{background:#faefd6;border:1px solid #ead9ad;border-radius:14px;padding:11px 12px;color:#7b5926;font-size:12px;line-height:1.6}.note{font-size:11px;line-height:1.6;color:#6d7c70;margin-top:8px}.ledger-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7e9da;font-size:13px}.ledger-line b{white-space:nowrap;font-variant-numeric:tabular-nums}.big-number{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:900;margin:12px 0}.cover-card{background:#deebd2;position:relative;overflow:hidden;padding:21px;border-radius:23px}.cover-card:after{content:'✦';position:absolute;right:12px;bottom:-29px;font-size:140px;color:#b5d29b66}.cover-card>*{position:relative;z-index:1}#overlay{position:absolute;inset:0;background:#244b4177;z-index:10;display:flex;align-items:flex-end;padding-top:24px}#overlay[hidden]{display:none}#sheet{width:100%;max-height:94%;background:var(--cream);border-radius:28px 28px 0 0;overflow:auto;overscroll-behavior:contain;padding:8px 20px max(22px,env(safe-area-inset-bottom));box-shadow:0 -8px 40px #243d4226;animation:sheet-in .2s ease-out}.sheet-grip{width:38px;height:5px;border-radius:8px;background:#d6dcc8;margin:2px auto 6px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.sheet-content{display:grid;gap:13px}.choice{display:block;width:100%;padding:15px;text-align:left;border:1.5px solid #dce3cf;border-radius:18px;background:#f7f8ed}.choice b{display:block;font-size:14px}.choice small{display:block;color:var(--muted);margin-top:5px}.choice.selected{border-color:var(--green);background:#e7efda}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facility-art{height:86px;border-radius:14px;background:#e6edda;display:grid;place-items:center;margin-bottom:8px}.facility-art svg{width:110px;height:75px}.facility-card{background:#f7f8eb;border:1px solid #dce4ce;border-radius:18px;padding:12px;text-align:left;min-height:180px}.facility-card b{font-size:14px}.facility-card small{display:block;color:var(--muted);font-size:11px}.select{border:1px solid #ccd6bd;border-radius:14px;background:#f3f6e7;padding:12px;width:100%;min-height:48px;color:var(--ink)}#toast{position:absolute;bottom:90px;left:18px;right:18px;padding:14px;background:#284d42;color:white;border-radius:16px;box-shadow:0 5px 20px #24433640;font-size:13px;z-index:20;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}.empty{padding:23px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);margin:6px}.timeline{display:flex;gap:6px;margin-top:13px}.timeline i{height:5px;flex:1;border-radius:10px;background:#d9dfc9}.timeline i.on{background:#739f66}.hidden{display:none!important}@keyframes sheet-in{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:760px){body{gap:70px;padding:22px}.phone{height:min(880px,calc(100dvh - 44px));border:6px solid #fffdf3;border-radius:36px;box-shadow:0 30px 70px #2e5d4725}.desktop-note{display:block;width:220px;color:#396b54}.desktop-note p{font-size:31px;line-height:1.55;letter-spacing:-1.5px;margin:20px 0 30px}.desktop-note strong{font-weight:850}.desktop-note small{font-size:12px;line-height:1.9;letter-spacing:1px}.little-orbit{font-size:50px}}@media(max-height:700px){header{padding-top:9px}.topline{margin-bottom:5px}.page-title{padding-top:14px}.map-wrap{min-height:280px}.scene{min-width:360px}nav{padding-bottom:8px}nav button{min-height:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}