:root{--ink:#3a2f25;--cream:#fbf3e2;--cream-2:#f3e6cd;--leaf:#6b8e5a;--leaf-dark:#4f6e43;--sun:#e9a23b;--berry:#c2607a;--shadow:0 6px 18px #3c281438;--round:16px;--fs-display:28px;--fs-title:20px;--fs-h3:17px;--fs-body:16px;--fs-sub:13px;--fs-caption:12px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--e1:0 6px 18px #3c281438;--e2:0 14px 34px #3c281447;--r-card:16px;--r-tile:16px;--r-pill:999px;--cream-3:#d8c6a4;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#cfe8ff;margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#scene{position:absolute;inset:0}canvas{display:block}.hud{pointer-events:none;align-items:center;gap:14px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud .title{color:#fff;text-shadow:0 2px 6px #00000059;letter-spacing:.2px;font-size:20px;font-weight:800}.pill{background:var(--cream);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex}.spacer{flex:1}.btn{cursor:pointer;background:var(--cream);color:var(--ink);box-shadow:var(--shadow);border:none;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700;transition:transform 80ms,background .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--leaf);color:#fff}.btn.sun{background:var(--sun);color:#fff}.btn:disabled{opacity:.5;cursor:default}.streak{gap:1px;font-size:15px;display:inline-flex}.dialogue{background:var(--cream);border-radius:var(--round);width:min(420px,38vw);box-shadow:var(--shadow);opacity:0;pointer-events:none;border:3px solid #fff;grid-template-columns:56px 1fr;align-items:center;gap:14px;padding:16px 18px;transition:opacity .25s,transform .25s;display:grid;position:absolute;bottom:24px;left:16px;transform:translateY(20px)}.dialogue.show{opacity:1;pointer-events:auto;cursor:pointer;transform:translateY(0)}.dialogue .avatar{background:var(--cream-2);border-radius:14px;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.dialogue .who{color:var(--leaf-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:13px;font-weight:800}.dialogue .text{font-size:16px;line-height:1.4}.panel{background:var(--cream);border-radius:var(--round);width:min(300px,88vw);box-shadow:var(--shadow);opacity:0;pointer-events:none;border:3px solid #fff;padding:16px;transition:opacity .2s,transform .2s;position:absolute;bottom:24px;right:16px;transform:translateY(16px)}.panel.show{opacity:1;pointer-events:auto;transform:translateY(0)}.panel h3{margin:0 0 4px;padding-right:28px;font-size:17px}.panel .sub{color:#7a6a55;margin-bottom:12px;font-size:13px}.panel .actions{flex-wrap:wrap;gap:8px;display:flex}.panel .actions .btn{min-height:44px;padding:12px 16px}.panel-close{border-radius:var(--r-pill);background:var(--cream-3);width:28px;height:28px;color:var(--ink);cursor:pointer;border:none;place-items:center;font-size:13px;line-height:1;transition:background .15s,transform 80ms;display:grid;position:absolute;top:10px;right:10px}.panel-close:hover{background:#cbb894}.panel-close:active{transform:translateY(1px)}.crop-picker{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.crop-btn{text-align:left;background:var(--cream-2);cursor:pointer;border:2px solid #0000;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700}.crop-btn small{color:#7a6a55;margin-top:2px;font-size:11px;font-weight:500;display:block}.crop-btn:hover{border-color:var(--leaf)}.overlay{opacity:0;pointer-events:none;z-index:20;background:#281c1273;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.overlay.show{opacity:1;pointer-events:auto}.book{background:var(--cream);border-radius:var(--round);width:min(560px,92vw);max-height:78vh;box-shadow:var(--shadow);border:4px solid #fff;padding:22px 24px;overflow-y:auto}.book h2{color:var(--leaf-dark);margin:0 0 14px}.entry{border-bottom:1px dashed #d8c6a4;padding:8px 0;font-size:14px;line-height:1.4}.entry:last-child{border-bottom:none}.note-row{gap:8px;margin-top:14px;display:flex}.note-row input{border:2px solid #d8c6a4;border-radius:10px;flex:1;padding:8px 10px;font-family:inherit;font-size:14px}.toast{background:var(--leaf-dark);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:30;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:64px;left:50%;transform:translate(-50%)translateY(-10px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hint{color:#7a6a55;box-shadow:var(--shadow);background:#fbf3e2e6;border-radius:12px;max-width:220px;padding:8px 12px;font-size:12px;position:absolute;bottom:24px;left:16px}.time-panel{background:var(--cream);border-radius:var(--r-card);box-shadow:var(--e2);padding:var(--sp-3) var(--sp-4) var(--sp-4);z-index:10;border:3px solid #fff;min-width:220px;position:absolute;top:60px;right:16px}.time-panel-header{align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-sub);color:var(--ink);margin:0 28px var(--sp-3) 0;display:flex}.time-panel-icon{font-size:18px;line-height:1}.time-panel input[type=range]{cursor:pointer;width:100%;accent-color:var(--leaf);height:6px;padding:var(--sp-2) 0}.sun-arc{width:100%;height:44px;margin-bottom:var(--sp-2);border:3px solid var(--sun);box-sizing:border-box;border-bottom:none;border-radius:120px 120px 0 0;transition:border-color .3s;position:relative}.sun-arc.is-night{border-color:var(--leaf-dark);opacity:.6}.sun-arc-end{font-size:13px;line-height:1;position:absolute;bottom:-9px}.sun-arc-dawn{left:-4px}.sun-arc-night{right:-4px}.sun-arc-glyph{font-size:18px;line-height:1;transition:left 80ms linear,top 80ms linear;position:absolute;top:36px;left:6%;transform:translate(-50%,-50%)}.time-ticks{font-size:var(--fs-caption);color:#7a6a55;margin-top:var(--sp-1);justify-content:space-between;padding:0 2px;display:flex}.coachmark{background:var(--leaf);color:#fff;border-radius:var(--r-card);width:min(320px,88%);box-shadow:var(--e2);padding:var(--sp-4);z-index:15;text-align:center;position:absolute;bottom:236px;left:50%;transform:translate(-50%)}.coachmark-title{font-size:var(--fs-h3);margin-bottom:var(--sp-2);font-weight:700}.coachmark-body{font-size:var(--fs-sub);margin-bottom:var(--sp-3);line-height:1.4}.coachmark-btn{color:var(--leaf-dark);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4);background:#fff;border:none;min-height:40px;font-weight:700}.palette{background:var(--cream);border-radius:var(--r-card);width:min(740px,93%);box-shadow:var(--e2);padding:var(--sp-3) var(--sp-4) var(--sp-4);z-index:12;border:3px solid #fff;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.palette-chips{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.palette-chip{background:var(--cream-2);color:var(--ink);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sub);cursor:pointer;white-space:nowrap;border:none;font-weight:700}.palette-chip.active{background:var(--leaf);color:#fff}.palette-count{font-size:var(--fs-caption);color:#7a6a55;white-space:nowrap;padding-right:var(--sp-1);margin-left:auto;font-weight:700}.palette-tiles{gap:var(--sp-3);padding-bottom:2px;display:flex;overflow-x:auto}.palette-tile-cell{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:6px;width:78px;padding:0;display:flex}.palette-tile{border-radius:var(--r-tile);background:var(--cream-2);justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;line-height:1;display:flex;box-shadow:inset 0 0 0 2px #ece0c4}.palette-tile-cell:hover .palette-tile{box-shadow:inset 0 0 0 2px var(--leaf)}.palette-tile-cell:active .palette-tile{transform:translateY(1px)}.palette-tile-label{color:var(--ink);text-align:center;font-size:11px;font-weight:700;line-height:1.2}.item-toolbar{gap:var(--sp-2);background:var(--cream);border-radius:var(--r-pill);box-shadow:var(--e2);padding:var(--sp-2) var(--sp-2);z-index:14;border:3px solid #fff;display:flex;position:absolute;bottom:168px;left:50%;transform:translate(-50%)}.item-pill{min-height:44px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sub);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.item-pill-delete{color:#a23b3b;background:#f6ddd0}.edit-hint{max-width:280px;bottom:196px}@media (max-width:560px){.hud .title{display:none}}@media (max-width:820px){.hud{row-gap:var(--sp-2);flex-wrap:wrap}.edit-hint{display:none!important}.panel,.time-panel,.palette,.dialogue{border-radius:20px 20px var(--r-card) var(--r-card);width:auto;padding-top:calc(var(--sp-4) + 10px);inset:auto 10px 10px;transform:none}.panel{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.time-panel,.palette{padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom))}.dialogue{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.dialogue.show,.panel.show{transform:none}.panel:before,.time-panel:before,.palette:before,.dialogue:before{content:"";border-radius:var(--r-pill);background:var(--cream-3);width:38px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.item-toolbar{bottom:220px}.coachmark{bottom:288px}}.btn:focus-visible,.palette-chip:focus-visible,.palette-tile-cell:focus-visible,.item-pill:focus-visible,.panel-close:focus-visible,.coachmark-btn:focus-visible,.crop-btn:focus-visible,.pill-btn:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}.pill-btn{cursor:pointer;color:inherit;border:none;font-family:inherit}.pill-btn:hover{background:var(--cream-2)}#hud-mood{background:var(--cream-2);color:var(--leaf-dark)}.market-greeting{color:#7a6a55;margin:4px 0 12px;font-style:italic}.market-row{border-bottom:1px dashed var(--cream-3);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.market-row .market-name{flex:1;font-weight:700}.market-row .market-price{color:#7a6a55;font-size:12px}.market-row .market-total{color:var(--leaf-dark);font-weight:700}.market-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.crop-btn:disabled{opacity:.55;cursor:not-allowed}.crop-btn:disabled:hover{border-color:#0000}.friend-note{color:var(--leaf-dark);margin-top:6px;font-size:12px;font-weight:600;display:inline-block}.travel-fade{background:var(--cream);opacity:0;pointer-events:none;z-index:60;transition:opacity .38s;position:absolute;inset:0}.travel-fade.show{opacity:1;pointer-events:all}.row-locked{opacity:.6}.board-icon{font-size:22px}.board-ask{color:#7a6a55;margin-top:2px;font-size:12px;font-weight:500;display:block}