:root{--bg: #f4f1e8;--card: #ffffff;--ink: #2b2a26;--muted: #615d55;--line: #ddd6c6;--primary: #2f6b45;--primary-ink: #ffffff;--warn: #a3361f;--chip: #ece6d7;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input,textarea{font:inherit;color:inherit}#hud{position:fixed;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:center;height:calc(58px + var(--safe-t));padding:var(--safe-t) 16px 0;background:var(--primary);color:#fff}.hud-lv b{font-size:16px}.hud-lv .bar{display:block;margin-top:4px;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden}.hud-lv .bar i{display:block;height:100%;background:#ffd25a}.hud-money{display:flex;flex-direction:column;line-height:1.2}.hud-money span{font-size:11px;opacity:.85}.hud-money b{font-size:14px;white-space:nowrap}main{position:fixed;top:calc(58px + var(--safe-t));bottom:calc(60px + var(--safe-b));left:0;right:0}.view{position:absolute;inset:0;overflow-y:auto;padding:14px 16px 24px;visibility:hidden}.view.active{visibility:visible}#view-village{padding:0;overflow:hidden}#village-canvas{position:absolute;inset:0}#village-canvas canvas{display:block;touch-action:none}nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:var(--safe-b);background:var(--card);border-top:1px solid var(--line)}nav button{height:60px;border:0;background:none;font-weight:600;color:var(--muted)}nav button.on{color:var(--primary);background:#e6efe5}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}#task-title,#ed-name,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:10px}.due{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.due input{padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 12px;padding:0 16px}.chip{flex:none;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--chip);font-size:13px}.chip.on{background:var(--c, var(--primary));border-color:var(--c, var(--primary));color:#fff;font-weight:600}.btn{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.sm{padding:7px 12px;font-size:13px}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.btn:disabled{background:#eeeae0;border-color:#ddd6c6;color:#5f5b53}.warn{color:var(--warn);font-weight:600;margin:0 0 8px}.sub{font-size:14px;color:var(--muted);margin:18px 0 8px}.meta{color:var(--muted);margin:4px 0 12px}.empty{color:var(--muted);justify-content:center}.tasks,.items,.owned{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tasks li,.items li,.owned li{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:54px}.tasks li.late{border-color:#e2a99b;background:#fff6f3}.tasks.done li{opacity:.75;min-height:42px}.t{flex:1;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.t small{color:var(--muted);font-size:12px;margin-top:2px;display:flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background:var(--c);display:inline-block;flex:none}.check{width:30px;height:30px;flex:none;border-radius:50%;border:2px solid var(--primary);background:#fff}.check:active{background:var(--primary)}.x{width:38px;height:32px;flex:none;border:0;border-radius:8px;background:none;color:var(--muted);font-size:18px}.x.danger{background:var(--warn);color:#fff;font-size:13px;font-weight:700}.swatch{width:34px;height:34px;border-radius:10px;flex:none;border:1px solid rgba(0,0,0,.12)}.items li.have{background:#f1f6ef}.tag{font-size:12px;color:var(--primary);font-weight:700}.tag.muted{color:var(--muted);white-space:nowrap}.hud-lv small{font-size:12px;opacity:.9}.stats{display:flex;flex-direction:column;gap:8px}.stat{display:grid;grid-template-columns:70px 1fr 32px;gap:8px;align-items:center;font-size:13px}.stat .bar{height:10px;background:#e8e2d4;border-radius:5px;overflow:hidden}.stat .bar i{display:block;height:100%;border-radius:5px}.stat b{text-align:right}.me-top{display:flex;gap:14px;align-items:center}.me-top canvas{width:88px;height:88px;flex:none}.me-top h2{margin:0;font-size:20px}#sheet{position:fixed;inset:0;z-index:20;background:#14141459;display:flex;align-items:flex-end}#sheet[hidden]{display:none}.sheet-body{width:100%;max-height:80%;overflow-y:auto;background:var(--card);border-radius:18px 18px 0 0;padding:18px 16px calc(16px + var(--safe-b));display:flex;flex-direction:column;gap:6px}.sheet-body h2{margin:0;font-size:19px}#editor{position:fixed;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column}#editor[hidden]{display:none}#editor-preview{height:34vh;min-height:200px;flex:none;background:linear-gradient(#cfe8f3,#eaf4e4)}#editor-preview canvas{display:block;width:100%;height:100%}#editor-form{flex:1;overflow-y:auto;padding:8px 16px 16px}.field{padding:10px 0;border-bottom:1px solid var(--line)}.field>span{font-size:13px;color:var(--muted);font-weight:600}.field .chips{margin-top:6px}.colors{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.color{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.15)}.color.on{outline:3px solid var(--primary);outline-offset:2px}.editor-foot{padding:10px 16px calc(10px + var(--safe-b));background:var(--card);border-top:1px solid var(--line)}.editor-foot .btn{width:100%;padding:13px}#toasts{position:fixed;left:16px;right:16px;bottom:calc(72px + var(--safe-b));z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#2b2a26;color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;animation:rise .25s ease-out}@keyframes rise{0%{transform:translateY(10px);opacity:0}}#celebrate{position:fixed;inset:0;z-index:45;display:grid;place-items:center;pointer-events:none}#celebrate[hidden]{display:none}.burst{background:#ffd25a;color:#3a2a00;padding:22px 30px;border-radius:20px;font-size:22px;box-shadow:0 10px 30px #0003;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}}#stick{position:absolute;right:20px;bottom:20px;width:116px;height:116px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.8);touch-action:none;z-index:2}#stick i{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#fffffff2;box-shadow:0 2px 6px #0003}#stick[hidden],.float[hidden],#dialog[hidden]{display:none}.float{position:absolute;z-index:2}#cam-toggle{top:12px;right:16px}#talk-btn{left:16px;bottom:44px;padding:14px 18px;border-radius:999px;box-shadow:0 4px 12px #0003}#dialog{position:absolute;left:16px;right:16px;bottom:16px;z-index:3;background:#fffdf6;border:2px solid #2b2a26;border-radius:18px;padding:14px 16px}#dialog b{color:var(--primary)}#dialog p{margin:6px 0 10px;font-size:16px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}#showcase{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 45%,#fff6d8,#f2c867 70%,#d99a3a)}#showcase[hidden]{display:none}#showcase .stage,#showcase canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#showcase .label{position:absolute;left:16px;right:16px;bottom:calc(60px + var(--safe-b));text-align:center;font-size:22px;color:#3a2a00;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}#showcase.done .label{opacity:1;transform:none}#pick-bar{position:absolute;top:12px;left:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffdf6;border:2px solid #2b2a26;border-radius:14px;padding:8px 8px 8px 14px;font-weight:600}#pick-bar[hidden]{display:none}.home-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.home-actions .btn{width:100%;padding:13px}.seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border:0;background:none;padding:8px 12px;font-size:13px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--primary);color:#fff}.cal{padding:10px 10px 12px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-head .btn{font-size:20px;padding:4px 14px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-grid.wd span{text-align:center;font-size:12px;color:var(--muted);padding-bottom:2px}.day{aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:#f3efe5;font-size:14px;padding:0}.day:disabled{background:none;color:#767065}.day.r0{background:#f1dcd5;color:#6d2b1c}.day.r1{background:#d6e6cf}.day.r2{background:#8fc28a;color:#102a12}.day.r3{background:#2f6b45;color:#fff;font-weight:700}.day.today{border-color:#2b2a26}.day.sel{outline:3px solid #e0a63a;outline-offset:1px}.cal-legend{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;font-size:11px;color:var(--muted);flex-wrap:wrap}.cal-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:3px;vertical-align:-1px}.cal-legend .r0{background:#f1dcd5}.cal-legend .r1{background:#d6e6cf}.cal-legend .r2{background:#8fc28a}.cal-legend .r3{background:#2f6b45}.day-head{display:flex;align-items:baseline;justify-content:space-between}.day-head .meta{margin:0;font-size:12px}.check.on{background:var(--primary);box-shadow:inset 0 0 0 4px #fff}.check:disabled{border-color:#b8b2a5}.tasks li.is-done .t{color:var(--muted)}.btn.wide{width:100%;margin-top:12px;padding:13px}.field-label{font-size:12px;color:var(--muted);font-weight:600;margin-top:12px}.chip.wdc{min-width:40px}.bar.thin{display:block;height:6px;background:#e8e2d4;border-radius:3px;overflow:hidden;margin-top:6px}.bar.thin i{display:block;height:100%;background:var(--primary)}.icon{width:44px;height:44px;flex:none;display:inline-block}.icon svg{width:100%;height:100%;display:block}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:var(--card);border:1px solid var(--line);border-radius:12px}.slot .icon{width:52px;height:52px;border-radius:14px;background:#f3efe5}.slot small{color:var(--muted);font-size:11px}.slot b{font-size:12px;text-align:center;overflow-wrap:anywhere}.items.pick li{padding:0}.pick-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;text-align:left}#hud{grid-template-columns:1.2fr 1fr 1fr 40px}.music{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#ffffff1f;color:#fff;font-size:18px}.music.on{background:#ffffff47}.chip{min-height:40px}.seg button{min-height:40px;padding:8px 14px}.btn.sm{min-height:40px}.check{width:36px;height:36px}.day{min-height:40px}.sheet-body{transition:transform .18s ease-out;touch-action:pan-y}.grip{display:block;width:40px;height:5px;border-radius:3px;background:#c9c2b3;margin:-6px auto 8px}#sheet.peek{background:transparent;pointer-events:none}#sheet.peek .sheet-body{pointer-events:auto;max-height:46%;box-shadow:0 -6px 24px #0000002e}li.swipe{position:relative;overflow:hidden;padding:0}li.swipe .row-body{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--card);position:relative;z-index:1;transition:transform .15s ease-out}li.swipe .swipe-del{position:absolute;right:0;top:0;bottom:0;width:96px;border:0;background:#b3261e;color:#fff;font-weight:700}li.swipe.open .row-body{transform:translate(-96px)}.seg,#pick-bar,#dialog{background:#fffdf6b8;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}.seg button.on{background:var(--primary)}#stick{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#skeleton{position:absolute;inset:0;background:#dfe9dc;z-index:1;overflow:hidden}#skeleton i{position:absolute;background:linear-gradient(90deg,#d3ddd0 25%,#e6eee4,#d3ddd0 75%);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:12px}#skeleton .sk-hud{top:12px;right:16px;width:220px;height:40px}#skeleton .sk-road{left:40%;top:20%;width:20%;height:60%}#skeleton .sk-stick{right:20px;bottom:20px;width:116px;height:116px;border-radius:50%}@keyframes sk{to{background-position:-200% 0}}.icon img.bl-icon{width:100%;height:100%;display:block;object-fit:contain}.icon:has(img.bl-icon){background:#f6f1e4;border-radius:14px}@media(min-width:720px){#view-tasks,#view-shop,#view-me{padding-left:calc((100% - 640px)/2);padding-right:calc((100% - 640px)/2)}.chips.scroll{margin:0 0 12px;padding:0}.sheet-body{max-width:640px;margin:0 auto}#sheet{justify-content:center}#dialog{left:50%;right:auto;width:min(640px,calc(100% - 32px));transform:translate(-50%)}#editor-form,.editor-foot{padding-left:calc((100% - 640px)/2);padding-right:calc((100% - 640px)/2)}}