@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,650;9..144,800&family=Noto+Sans+KR:wght@500;650;800&display=swap";:root{color-scheme:light;font-family:Noto Sans KR,system-ui,sans-serif;--ink: #203b2d;--cream: #fff8dd;--paper: #f7edc7;--leaf: #326247;--leaf-bright: #4f8b58;--tomato: #c64d37;--sun: #efbd45;--soil: #734833;--shadow: 0 10px 30px rgb(35 64 45 / 18%)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#b8d9c5;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--tomato)}kbd{font:500 10px/1 DM Mono,monospace;border:1px solid rgb(32 59 45 / 25%);border-bottom-width:2px;border-radius:4px;padding:3px 5px;background:#ffffff7a}.app-shell{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#hud-root{position:absolute;inset:0;pointer-events:none}#hud-root button,#hud-root .joystick,#hud-root .management-dock,#hud-root .dock-scrim{pointer-events:auto}.top-hud{position:absolute;z-index:10;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:8px;padding:7px;border:1px solid rgb(255 255 255 / 75%);border-radius:18px;background:#fff8dde0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-plaque{display:grid;grid-template-columns:28px auto;align-content:center;padding:3px 14px 3px 6px;border-right:1px dashed rgb(32 59 45 / 25%);font:800 17px/1 Fraunces,serif;letter-spacing:-.03em;white-space:nowrap}.brand-plaque__sun{grid-row:1 / 3;align-self:center;color:var(--sun);font-size:24px;filter:drop-shadow(0 2px 0 #9c6f29)}.brand-plaque small{font:500 8px/1.4 DM Mono,monospace;letter-spacing:.13em;color:var(--leaf)}.metric-card{min-width:76px;display:grid;grid-template-columns:auto 15px;align-content:center;padding:3px 10px;border-radius:11px;background:#ffffff8c}.metric-card span{grid-column:1 / 3;font-size:9px;font-weight:800;color:#203b2dab}.metric-card strong{font:800 19px/1.15 Fraunces,serif}.metric-card i{align-self:end;padding-bottom:3px;font:500 8px DM Mono,monospace;color:var(--tomato)}.metric-card--carry{min-width:112px}.metric-card--carry strong{font:800 13px/1.3 Noto Sans KR,sans-serif}.hud-button,.dock-close,.dock-tabs button,.utility-button,.setting-toggle{min-width:44px;min-height:44px;border:0;cursor:pointer}.settings-button{display:flex;align-items:center;gap:7px;padding:0 13px;border-radius:11px;background:var(--leaf);color:#fff;font-size:12px;font-weight:800}.task-card{position:absolute;z-index:8;top:98px;left:22px;width:224px;padding:16px 18px;border:1px solid rgb(255 255 255 / 70%);border-radius:5px 18px 18px;background:#fff8dde8;box-shadow:var(--shadow);transform:rotate(-.65deg)}.task-card:before{content:"";position:absolute;width:42px;height:13px;top:-7px;left:80px;background:#dac084b3;transform:rotate(2deg)}.eyebrow{display:block;color:var(--tomato);font:500 9px/1.2 DM Mono,monospace;letter-spacing:.13em}.task-card strong{display:block;margin:6px 0 11px;font:800 17px/1.35 Fraunces,Noto Sans KR,serif}.task-card small{font-size:10px;color:#203b2da8}.task-progress{height:7px;overflow:hidden;border:1px solid rgb(32 59 45 / 17%);border-radius:99px;background:#e2d9b8}.task-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--leaf-bright),#8bb45d);transition:width .35s ease}.event-ribbon{position:absolute;z-index:7;top:96px;left:50%;transform:translate(-50%);min-width:270px;max-width:min(520px,70vw);padding:8px 16px;border-radius:4px 4px 13px 13px;background:#203b2dd1;color:#fff8dd;text-align:center;font-size:11px;box-shadow:0 6px 16px #14372524}.event-ribbon.is-popping{animation:ribbon-pop .32s ease both}@keyframes ribbon-pop{0%{transform:translate(-50%,-8px);opacity:.35}}.seed-rail{position:absolute;z-index:9;left:50%;bottom:max(21px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:8px;padding:7px;border:1px solid rgb(255 255 255 / 72%);border-radius:17px;background:#fff8dde8;box-shadow:var(--shadow)}.seed-chip{position:relative;min-width:88px;min-height:52px;display:grid;grid-template:auto auto / 31px auto;align-items:center;column-gap:7px;padding:6px 23px 6px 7px;border:2px solid transparent;border-radius:11px;background:#ffffff94;cursor:pointer}.seed-chip>span{grid-row:1 / 3;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--paper);font-size:18px}.seed-chip strong{align-self:end;text-align:left;font-size:11px}.seed-chip small{align-self:start;text-align:left;color:var(--tomato);font:500 8px DM Mono,monospace}.seed-chip kbd{position:absolute;top:5px;right:5px}.seed-chip.is-selected{border-color:var(--leaf);background:#fff;box-shadow:inset 0 -3px #c9dfa8}.seed-chip:disabled{opacity:.42;filter:grayscale(.7);cursor:not-allowed}.joystick{display:none}.management-dock{position:absolute;z-index:30;top:0;right:0;width:min(390px,92vw);height:100%;padding:max(24px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));overflow:auto;background:#f9f0d2;border-left:5px solid var(--leaf);box-shadow:-18px 0 55px #1c392747;transform:translate(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.management-dock.is-open{transform:translate(0)}.dock-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px dashed rgb(32 59 45 / 25%)}.dock-heading h2{margin:3px 0 0;font:800 27px Fraunces,Noto Sans KR,serif}.dock-close{border-radius:50%;background:var(--leaf);color:#fff;font-size:25px}.dock-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.dock-tabs button{border:1px solid rgb(32 59 45 / 19%);border-radius:9px;background:transparent;font-weight:800;cursor:pointer}.dock-tabs button.is-active{color:#fff;background:var(--leaf)}.dock-panel{display:none}.dock-panel.is-active{display:block}.dock-note{font-size:11px;line-height:1.6;color:#203b2dab}.purchase-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.purchase-card{min-height:74px;display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:11px;text-align:left;border:1px solid rgb(32 59 45 / 16%);border-radius:11px;background:#ffffff87;cursor:pointer}.purchase-card__name{align-self:end;font-size:12px;font-weight:800}.purchase-card__status{color:var(--leaf);font-size:8px}.purchase-card strong{grid-row:1 / 3;grid-column:2;align-self:center;color:var(--tomato);font:800 17px Fraunces,serif}.purchase-card small{font-size:8px}.purchase-card.is-owned{opacity:.58;background:#dfe7ce}.purchase-card.is-locked{filter:grayscale(1);opacity:.45}.settings-grid,.dock-actions{display:grid;gap:8px}.setting-toggle,.utility-button{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border:1px solid rgb(32 59 45 / 16%);border-radius:10px;background:#ffffff91;cursor:pointer}.setting-toggle span{color:var(--leaf);font-size:10px;font-weight:800}.dock-actions{margin-top:18px}.utility-button--danger{color:#993e31}.dock-scrim{position:absolute;z-index:29;inset:0;background:#18302261;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dock-scrim[hidden],.dock-handle{display:none}#loading-screen{position:absolute;z-index:50;inset:0;display:grid;place-content:center;gap:8px;text-align:center;background:#b8d9c5;transition:opacity .3s ease}#loading-screen:before{content:"☀";color:var(--sun);font-size:44px;animation:sun-turn 2.3s linear infinite}#loading-screen strong{font:800 25px Fraunces,Noto Sans KR,serif}#loading-screen span{font-size:11px;color:#203b2da8}#loading-screen.is-hidden{opacity:0;pointer-events:none}@keyframes sun-turn{to{transform:rotate(1turn)}}#debug-root{position:absolute;z-index:100;left:8px;bottom:8px;max-width:48vw;max-height:42vh;overflow:auto;padding:8px;background:#000000bf;color:#d6ffd8;font:9px/1.3 monospace;-webkit-user-select:text;user-select:text}@media(max-width:920px){.brand-plaque{display:none}.task-card{top:86px}}@media(max-width:720px){.top-hud{top:max(8px,env(safe-area-inset-top));width:calc(100% - 16px);justify-content:center;padding:5px;gap:5px;border-radius:14px}.metric-card{min-width:0;flex:1;padding:4px 7px}.metric-card--carry{max-width:108px}.metric-card strong{font-size:16px}.metric-card--carry strong{font-size:10px}.settings-button{width:44px;min-height:44px;overflow:hidden;padding:0;justify-content:center;font-size:0}.settings-button:before{content:"☰";font-size:17px}.settings-button kbd{display:none}.task-card{top:calc(max(8px,env(safe-area-inset-top)) + 65px);left:9px;width:176px;padding:11px 13px}.task-card strong{margin:3px 0 7px;font-size:14px}.event-ribbon{top:auto;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 90px);max-width:calc(100vw - 32px);padding:6px 11px;font-size:9px;border-radius:9px}.seed-rail{left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));transform:none;overflow-x:auto;justify-content:center;padding:5px;border-radius:13px;scrollbar-width:none}.seed-chip{min-width:78px;min-height:44px;grid-template-columns:27px auto;padding:4px 18px 4px 5px}.seed-chip>span{width:27px;height:27px;font-size:15px}.seed-chip kbd{display:none}.joystick{position:absolute;z-index:12;left:18px;bottom:calc(max(9px,env(safe-area-inset-bottom)) + 70px);display:grid;place-items:center;width:112px;height:112px;border:1px solid rgb(255 255 255 / 70%);border-radius:50%;background:#fff8dd6b;box-shadow:inset 0 0 0 9px #fff8dd3d,var(--shadow);touch-action:none}.joystick__ring{position:absolute;inset:18px;border:1px dashed rgb(32 59 45 / 38%);border-radius:50%}.joystick__knob{width:48px;height:48px;border:5px solid rgb(255 248 221 / 82%);border-radius:50%;background:var(--leaf);box-shadow:0 5px #234634;will-change:transform}.joystick small{position:absolute;bottom:-14px;font:500 8px DM Mono,monospace;color:var(--leaf)}.management-dock{top:auto;bottom:0;width:100%;height:min(76vh,650px);padding:10px 14px max(16px,env(safe-area-inset-bottom));border:0;border-top:5px solid var(--leaf);border-radius:24px 24px 0 0;transform:translateY(105%)}.management-dock.is-open{transform:translateY(0)}.dock-handle{display:block;width:44px;height:5px;margin:0 auto 8px;border-radius:99px;background:#203b2d40}.purchase-list{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}