:root{--bg:#fffbf1;--panel:#fffbf1;--panel-stripe:#faf4df;--card:#fff;--card-edge:#f1eada;--wood:#e7c595;--wood-line:#deb273;--wood-face:#edcfa7;--wood-face-2:#f4dec0;--ink:#9a784c;--ink-strong:#7a5a34;--muted:#b39a78;--mint:#96e5c1;--mint-rim:#b9f0d7;--mint-ink:#4aa57d;--red:#ff7c79;--red-rim:#fd9997;--lime-rim:#91ca3e;--lime-ink:#41aa12;--good:#41aa12;--warn:#ef5f5c;--radius-s:10px;--radius-m:12px;--radius-l:18px;--soft-shadow:0 3px 8px #6e502838;--font:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--hit:44px;--white-edge:0 0 2px #fff, 1.5px 0 0 #fff, -1.5px 0 0 #fff, 0 1.5px 0 #fff, 0 -1.5px 0 #fff, 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#92cb6e;margin:0;font-weight:700}button{font-family:inherit}[hidden]{display:none!important}.field-app{touch-action:none;background:#92cb6e;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.field-stage{position:absolute;inset:0;overflow:hidden}.field-map{position:absolute;inset:0}.hud-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-layer>*{pointer-events:none}.hud-layer button,.hud-layer .hud-clickable{pointer-events:auto}.wood-btn{border:4px solid var(--wood);background:repeating-linear-gradient(180deg, var(--wood-face) 0 5px, #f1d8b4 5px 6px, var(--wood-face) 6px 11px);width:49px;height:49px;box-shadow:inset 0 0 0 1px var(--wood-line), 0 2px 0 #c9a46c, 0 4px 8px #5a3c1e40;cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .12s;display:grid;position:relative;overflow:hidden}.wood-btn:before{content:"";pointer-events:none;background:#ffffff6b;border-radius:50%;width:40%;height:40%;position:absolute;top:10%;left:12%}.wood-btn svg{width:64%;height:64%;display:block;position:relative}.wood-btn.is-small{border-width:3px;width:38px;height:38px}.wood-btn.is-small:after{content:"";width:var(--hit);height:var(--hit);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.wood-btn:active,.hud-tool:active .wood-btn{transform:scale(.92)}.hud-topleft{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));align-items:center;display:flex;position:absolute}.hud-portrait{z-index:1;border:4px solid var(--wood);width:54px;height:54px;box-shadow:inset 0 0 0 1px var(--wood-line), 0 2px 0 #c9a46c, 0 4px 8px #5a3c1e40;background:radial-gradient(circle at 50% 40%,#fffaf0 0 55%,#f6e7cc 100%);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}button.hud-portrait{cursor:pointer;padding:0;transition:transform .12s}button.hud-portrait:active{transform:scale(.94)}.menu-scrim{z-index:0;background:0 0;position:fixed;inset:0}.menu-pop{z-index:2;background:repeating-linear-gradient(90deg, var(--panel) 0 6.5px, var(--panel-stripe) 6.5px 11.5px);border:4px solid var(--wood);border-radius:var(--radius-l);width:188px;box-shadow:inset 0 0 0 1.5px var(--wood-line), 0 3px 0 #c9a46c, 0 8px 20px #462d144d;transform-origin:26px -8px;gap:6px;padding:8px;animation:.16s ease-out menu-drop;display:grid;position:absolute;top:60px;left:0}.menu-pop:before{content:"";background:var(--panel);border-left:4px solid var(--wood);border-top:4px solid var(--wood);border-radius:3px 0 0;width:14px;height:14px;position:absolute;top:-11px;left:20px;transform:rotate(45deg)}@keyframes menu-drop{0%{opacity:0;transform:scale(.85)translateY(-6px)}}.menu-row{width:100%;min-height:var(--hit);border:2.5px solid var(--card-edge);border-radius:var(--radius-m);background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:10px;padding:6px 12px 6px 8px;font-size:15px;font-weight:800;display:flex}.menu-row:active{background:#fbf5e4}.menu-row-icon{border:3px solid var(--wood);background:var(--wood-face-2);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.menu-row-icon svg{width:20px;height:20px;display:block}.hud-portrait img{width:118%;display:block;position:absolute;top:6%;left:50%;transform:translate(-50%)}.hud-area-name{color:var(--ink);white-space:nowrap;background:linear-gradient(#fff,#f3fedc);border:3px solid #cee75d;border-left-width:0;border-radius:0 999px 999px 0;margin-left:-10px;padding:4px 14px 4px 16px;font-size:13px;font-weight:800;line-height:18px;box-shadow:0 2px 6px #5a3c1e2e}.hud-area-name:empty{visibility:hidden}.hud-topright{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud-topbtns{gap:8px;display:flex}.hud-gauges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.gauge{--rim:#5ec4fe;--rim-hi:#addffe;--fill-top:#87c4df;--fill-bottom:#4398e4;align-items:center;width:128px;height:30px;display:flex;position:relative}.gauge-bar{background:linear-gradient(var(--rim-hi) 0 3px, var(--rim) 3px);border-radius:999px;flex:1;height:22px;margin-left:-14px;padding:3px 3px 4px 16px;position:relative;box-shadow:0 2px 4px #3c281440}.gauge-track{background:linear-gradient(#725439,#926e4a);border-radius:999px;height:100%;display:block;position:relative;overflow:hidden}.gauge-fill{background:linear-gradient(var(--fill-top), var(--fill-bottom));border-radius:999px;transition:width .25s;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 2px #ffffff59}.gauge-text{text-align:center;color:#fff;letter-spacing:.02em;text-shadow:0 1px 1px #3c281473;white-space:nowrap;font-size:13px;font-weight:800;line-height:15px;display:block;position:absolute;inset:3px 3px 4px 16px}.gauge-icon{z-index:1;filter:drop-shadow(0 1px 1px #3c281459);flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.gauge-icon svg{width:100%;height:100%;display:block}.gauge-badge{color:#fff;text-shadow:0 0 2px #1d7a20,1.5px 0 #1d7a20,-1.5px 0 #1d7a20,0 1.5px #1d7a20,0 -1.5px #1d7a20;font-size:14px;font-weight:800;line-height:1;position:absolute;bottom:-4px;left:0}.gauge.is-level{--rim:#3fda43;--rim-hi:#7ce87d;--fill-top:#a7ef8a;--fill-bottom:#47c43a}.gauge.is-level .gauge-bar{background:linear-gradient(var(--rim-hi) 0 3px, var(--rim) 3px 17px, #1aaf1f 17px)}.gauge.is-xp{--rim:#8992e6;--rim-hi:#b5bbf5;--fill-top:#8f78d4;--fill-bottom:#7a60c2}.gauge-note{color:#fff;white-space:nowrap;background:#32281e8c;border-radius:6px;margin-top:-4px;padding:1px 8px;font-size:10px;font-weight:700;line-height:14px}.hud-rightcol{bottom:calc(12px + env(safe-area-inset-bottom));right:calc(8px + env(safe-area-inset-right));flex-direction:row;align-items:flex-end;gap:4px;display:flex;position:absolute}.hud-tool{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:64px;padding:0;display:flex;position:relative}.hud-tool .wood-btn{width:54px;height:54px}.hud-tool-label{z-index:1;color:#8a6640;text-shadow:var(--white-edge);white-space:nowrap;margin-top:-9px;font-size:12px;font-weight:800;line-height:14px;position:relative}.hud-tool.is-active .wood-btn{border-color:var(--lime-rim);background:linear-gradient(#eee24b,#c5e460 55%,#96e977);box-shadow:inset 0 0 0 1px #6fae2a,0 2px #6fae2a,0 4px 8px #3c5a1e4d}.hud-tool.is-active .hud-tool-label{color:var(--lime-ink)}.dev-pill{left:calc(10px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));border:2px solid var(--wood);font:inherit;color:var(--ink);cursor:pointer;opacity:.85;background:#fffbf1d9;border-radius:999px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute}.dev-pill:active{opacity:.5}.fail-toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#32281eb8;border-radius:10px;max-width:calc(100% - 24px);padding:7px 16px;font-size:13px;font-weight:700;position:absolute;overflow:hidden;transform:translate(-50%)}.levelup-banner{top:calc(186px + env(safe-area-inset-top));width:max-content;max-width:calc(100% - 32px);color:var(--ink);text-align:center;background:linear-gradient(#fff,#f3fedc);border:3px solid #cee75d;border-radius:16px;padding:10px 20px;font-size:14px;font-weight:800;line-height:1.5;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #503c1440}.levelup-banner>div:first-child{color:var(--lime-ink);font-size:17px}.overlay{z-index:20;background:#46321e61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet{background:repeating-linear-gradient(90deg, var(--panel) 0 6.5px, var(--panel-stripe) 6.5px 11.5px);border:5px solid var(--wood);border-radius:var(--radius-l);box-shadow:inset 0 0 0 1.5px var(--wood-line), 0 3px 0 #c9a46c, 0 10px 28px #462d1452;flex-direction:column;gap:12px;width:min(92vw,420px);max-height:min(80dvh,620px);padding:18px 16px;display:flex;position:relative}.close-btn{border:4px solid var(--wood);background:radial-gradient(circle at 34% 30%, #fd9592 0 26%, transparent 27%), var(--red);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:transform .12s;display:grid;position:absolute;top:-14px;right:-12px;box-shadow:0 2px 4px #5032144d}.close-btn:after{content:"";width:var(--hit);height:var(--hit);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-btn svg{width:26px;height:26px;display:block}.close-btn:active{transform:scale(.9)}.sheet-title{color:var(--ink);text-align:center;margin:0;padding:0 24px;font-size:19px;font-weight:800}.sheet-subtitle{color:var(--ink);margin:6px 0 0;font-size:14px;font-weight:800}.sheet-text{color:var(--ink);margin:0;font-size:13px;font-weight:500;line-height:1.65}.help-list{color:var(--ink);gap:8px;margin:0;padding-left:1.15em;font-size:14px;font-weight:500;line-height:1.65;display:grid}.help-list li::marker{color:#8ccf4e}.help-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wood) transparent;gap:14px;margin:0 -2px;padding:2px 2px 4px;display:grid;overflow-y:auto}.help-sec{border:2.5px solid var(--card-edge);border-radius:var(--radius-m);background:var(--card);gap:6px;padding:10px 12px 12px;display:grid}.help-sec h3{color:var(--ink-strong);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.help-sec h3 svg{flex:none;width:26px;height:26px;display:block}.help-sec p{color:var(--ink);margin:0;font-size:13px;font-weight:500;line-height:1.7}.help-sec .help-list{gap:4px;font-size:13px}.help-sec b{color:var(--ink-strong);font-weight:800}.sheet-row{border:2.5px solid var(--card-edge);border-radius:var(--radius-m);background:var(--card);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.sheet-row:active{transform:scale(.985)}.sheet-row:disabled{opacity:.5;cursor:default}.sheet-row.static{cursor:default}.sheet-row.static:active{transform:none}.sheet-row.danger{color:var(--warn);border-color:#ffd2d1}.sheet-row.is-selected{border-color:var(--lime-rim);color:var(--lime-ink);background:linear-gradient(#fbffe6,#f1fbd6)}.switch{border:3px solid var(--wood);background:var(--wood-face-2);cursor:pointer;border-radius:999px;flex:none;width:50px;height:28px;padding:0;transition:background-color .18s,border-color .18s;position:relative}.switch[aria-checked=true]{background:var(--mint);border-color:#7fd3ad}.switch:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .18s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #50321459}.switch[aria-checked=true]:after{transform:translate(22px)}.sheet-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wood) transparent;flex-direction:column;gap:6px;margin:0 -2px;padding:2px;display:flex;overflow-y:auto}.sheet-btn{border:3.5px solid var(--mint-rim);min-height:40px;font:inherit;color:#fff;text-shadow:0 1px #28785059;background:var(--mint);cursor:pointer;border-radius:14px;padding:7px 26px;font-size:15px;font-weight:800;transition:transform .12s;position:relative;overflow:hidden;box-shadow:0 3px #74c39f,0 4px 8px #285a3c33}.sheet-btn:before{content:"";pointer-events:none;border-top:3px solid #fffc;border-left:3px solid #fffc;border-top-left-radius:10px;width:16px;height:9px;position:absolute;top:3px;left:6px}.sheet-btn:active{transform:translateY(2px);box-shadow:0 1px #74c39f}.sheet-btn.quiet{border-color:var(--wood);color:var(--ink);text-shadow:none;background:linear-gradient(var(--wood-face) 0 48%, var(--wood-face-2) 48%);min-height:36px;padding:6px 16px;font-size:14px;box-shadow:0 3px #cfa874,0 4px 8px #5a3c1e26}.sheet-btn.quiet:active{box-shadow:0 1px #cfa874}.sheet-btn:disabled{opacity:.45;cursor:default;transform:none}.sheet-link{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:2px;padding:4px 12px;font-size:13px;font-weight:700}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:4px;display:grid}.icon-cell{border:2.5px solid var(--card-edge);border-radius:var(--radius-m);background:var(--card);color:var(--ink);flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;font-size:12px;font-weight:700;display:flex;position:relative}.icon-cell img{object-fit:contain;width:38px;height:38px}.icon-cell-count{color:var(--ink-strong);font-size:13px;font-weight:800}.skill-branch{margin-bottom:6px}.skill-row{border:2.5px solid var(--card-edge);border-radius:var(--radius-m);background:var(--card);margin-top:6px;padding:10px 12px 12px}.skill-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-name{color:var(--ink);font-size:14px;font-weight:800}.pips{flex:none;gap:4px;display:flex}.pip{background:#f1eada;border:2px solid #e4d9c4;border-radius:999px;width:13px;height:13px}.pip.is-filled{background:radial-gradient(circle at 35% 30%,#fff6a8 0 25%,#ffcf3a 26%);border-color:#e9a92b}.pip.is-locked{opacity:.45}.skill-desc{color:var(--ink);margin:4px 0 8px;font-size:12px;font-weight:500;line-height:1.5}.skill-buy{width:100%}.craft-row{border:2.5px solid var(--card-edge);border-radius:var(--radius-m);background:var(--card);align-items:center;gap:10px;padding:10px;display:flex}.craft-row.is-locked{opacity:.6;background:#f4f0e8}.craft-icon{object-fit:contain;flex:none;width:44px;height:44px}.craft-info{flex:1;min-width:0}.craft-name{color:var(--ink);font-size:14px;font-weight:800}.craft-meta{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:500}.craft-locked-text{color:var(--muted);font-size:11px;font-weight:500}.cost-chips{flex-wrap:wrap;gap:4px;display:flex}.cost-chip{color:var(--ink);background:#f6f0e2;border-radius:999px;align-items:center;gap:3px;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.cost-chip img{width:15px;height:15px}.cost-chip.is-short{color:var(--warn);background:#fff0ef}.cost-chip.is-ok{color:var(--good);background:#effae4}.stamina-chip{color:#3b8fc9;background:#e8f6ff}.craft-job{border-color:#7ce87d;margin-bottom:8px}.craft-job-bar{height:14px}.craft-btn{flex:none;min-height:36px;padding:6px 16px;font-size:14px}.goal-progress{margin-bottom:4px}.goal-progress-bar{background:linear-gradient(#725439,#926e4a);border:3px solid #3fda43;border-top-color:#7ce87d;border-radius:999px;height:18px;overflow:hidden}.goal-progress-fill{background:linear-gradient(#a7ef8a,#47c43a);border-radius:999px;height:100%;transition:width .3s;box-shadow:inset 0 2px #ffffff59}.goal-area-row{gap:12px}.goal-open{color:var(--good);flex:none;font-size:13px;font-weight:800}.goal-locked{color:var(--muted);text-align:right;font-size:12px}.place-current{margin-bottom:4px}.place-owned-count{color:var(--muted);font-size:12px}.sign-grow-time{color:var(--muted);font-size:12px;font-weight:500}.help-credit{color:var(--muted);text-align:center;margin-top:12px;font-size:11px;font-weight:500}@media (width<=360px){.sheet{padding:16px 12px 14px}.hud-tool{width:58px}.hud-tool .wood-btn{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}