:root{font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#33463c;background:#f3eee3;font-synthesis:none;font-weight:400;--green:#506d59;--line:#d8d9ca;--paper:#fffcf5}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d08b69;outline-offset:3px}button{border:0}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100svh;display:flex;flex-direction:column}.topbar{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f3e9}.brand{display:flex;align-items:center;gap:16px}.brand-icon{width:43px;height:43px;border:1px solid #829b80;border-radius:13px;display:grid;place-items:center;color:var(--green);font-size:25px}.brand h1{font-family:"Noto Serif SC",serif;font-size:25px;font-weight:600;letter-spacing:3px;margin:0}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#859280;margin-top:4px}.toptools{display:flex;gap:9px;align-items:center}.icon-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--green);display:grid;place-items:center;font-size:18px}.icon-btn:hover{background:#e4e9dc}.save-status{color:#8c9487;font-size:12px;margin-right:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:30px 5vw 20px;flex:1;max-width:1700px;width:100%;margin:auto}.play-column{min-width:0}.scene-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.eyebrow{font-size:10px;letter-spacing:3px;color:#899582;text-transform:uppercase}.scene-header h2{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:500;margin:5px 0;color:#4e6553}.phase-badge{display:flex;gap:7px;align-items:center;border:1px solid #d4dbcd;border-radius:30px;padding:8px 13px;font-size:12px;color:#718369}.phase-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#88a583}.viewport{position:relative;min-height:390px;height:clamp(400px,56vh,650px);overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 48% 55%,#efe6d7 0,#f3eee3 68%);touch-action:none}.viewport canvas{width:100%;height:100%;display:block;cursor:grab}.viewport canvas:active{cursor:grabbing}.scene-note{position:absolute;left:22px;bottom:16px;font-size:11px;color:#999989;pointer-events:none;letter-spacing:1px}.scene-controls{position:absolute;right:17px;bottom:14px;display:flex;gap:5px}.scene-controls{z-index:2}.scene-controls button{background:#fffcf2ce;border:1px solid #d9dccb;width:40px;height:40px;border-radius:11px;color:var(--green);font-size:17px}.toast{position:absolute;top:14px;left:50%;transform:translate(-50%);max-width:90%;padding:10px 16px;background:#fffcf3ef;border:1px solid #dbe1d1;border-radius:30px;color:#6a7d5f;font-size:12px;text-align:center;box-shadow:0 3px 15px #535b3f0b;pointer-events:none;transition:opacity .2s}.toast.error{border-color:#e3bda7;color:#a56d56}.interaction-bar{display:flex;gap:8px;align-items:center;min-height:58px;padding:8px 10px;border-top:1px solid var(--line)}.interaction-bar .selection{flex:1;font-size:13px;color:#64765d}.selection strong{color:#3f594a}.small-btn{min-height:40px;background:#e7eadd;color:#546d55;border-radius:9px;padding:8px 13px;font-size:12px;white-space:nowrap}.small-btn:hover{background:#d8e2cd}.primary{background:var(--green);color:#fffaf0;border-radius:12px;padding:13px 18px;min-height:44px;font-size:13px;letter-spacing:.5px}.primary:hover{background:#3d5947}.side{padding-top:12px}.journal-title{font-family:"Noto Serif SC",serif;font-size:17px;margin:0 0 20px;letter-spacing:1px}.progress-row{display:flex;justify-content:space-between;font-size:12px;color:#7c8a71;margin-bottom:10px}.progress-row b{font-weight:500;color:#526d55}.progress-track{height:5px;background:#dce0d1;border-radius:5px;overflow:hidden;margin-bottom:24px}.progress-track i{display:block;height:100%;background:#829b74;transition:width .4s}.task-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e2e3d6;font-size:13px}.task-row .check{width:22px;height:22px;border:1px solid #bbc8ae;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#829477;flex-shrink:0}.task-row.done .check{background:#7e9b75;color:#fff;border-color:transparent}.task-row .task-text{flex:1}.task-row small{display:block;color:#939b89;font-size:10px;margin-top:4px}.task-row em{font-style:normal;font-size:11px;color:#8b987e}.tip{margin-top:23px;background:#e9ecdf;border-radius:12px;padding:17px;font-size:12px;line-height:1.9;color:#6e7f61}.tip strong{display:block;font-weight:500;color:#537052;margin-bottom:5px}.side-actions{display:flex;gap:8px;margin-top:20px}.side-actions .primary{flex:1}.panel-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.targets-title{font-size:12px;color:#7e8c73;margin:10px 0}.target-buttons{display:flex;flex-wrap:wrap;gap:7px}.target-btn{background:#fbf9f0;border:1px solid #d7dfce;border-radius:8px;padding:10px 12px;font-size:12px;color:#5e7956;min-height:44px}.target-btn:hover{background:#e2ebd7}.collection{padding:16px 0 0}.collection-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#657c5c;margin-bottom:12px}.collection-head span:last-child{font-size:10px;color:#99a18f}.item-tray{display:flex;gap:9px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.item-card{min-width:72px;width:72px;min-height:78px;border-radius:12px;border:1px solid #d8ddcc;background:#faf7ed;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#748667;flex-shrink:0}.item-card:hover{background:#e8eddf}.item-card.active{border-color:#688b5e;background:#e3ebd7;box-shadow:0 0 0 1px #688b5e}.item-card.done{background:#edf0e5}.item-card.done:after{content:"✓";position:absolute;right:6px;top:4px;color:#6e8c65;font-size:10px}.item-card .item-emoji{font-size:25px;line-height:30px}.item-card .item-name{font-size:9px;max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decor-tray{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.decor-tray button{border:1px solid #d8ddcc;background:#faf8ed;padding:10px 12px;border-radius:10px;color:#61755b;font-size:12px;min-height:44px}.footer{padding:15px 5vw 22px;color:#a2a692;font-size:10px;display:flex;justify-content:space-between;letter-spacing:1px;border-top:1px solid #e0e2d3}.footer a{color:inherit;text-decoration:none}.overlay{position:fixed;inset:0;background:#334a3c3b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:10;padding:20px}.overlay[hidden]{display:none}.dialog{background:#fffaf0;border:1px solid #e3e2cf;border-radius:24px;padding:34px;max-width:450px;width:100%;text-align:center;box-shadow:0 20px 90px #314a392b}.dialog .dialog-icon{font-size:39px;color:#7a9b71;margin:7px}.dialog h2{font-family:"Noto Serif SC",serif;font-size:27px;font-weight:500;color:#465e47;margin:14px 0}.dialog p{font-size:13px;line-height:1.9;color:#7a8771}.dialog .primary{width:100%;margin:10px 0}.dialog .small-btn{width:100%;margin-top:4px}.dialog label{display:flex;gap:12px;align-items:center;justify-content:space-between;text-align:left;color:#6b7e60;font-size:13px;margin:16px 0}.dialog input{accent-color:#668658}.dialog .subtle{font-size:11px;color:#a2aa96}.hidden{display:none!important}.photo-flash{position:absolute;inset:0;background:#fff;pointer-events:none;opacity:0}.photo-flash.active{animation:flash .5s}@keyframes flash{0%{opacity:.85}to{opacity:0}}.viewport canvas.dragging{cursor:grabbing!important}.item-card img{width:54px;height:54px;object-fit:contain;pointer-events:none}.item-card{min-height:90px}.interaction-bar{background:#f5f2e8;border-radius:0 0 12px 12px}.viewport{background:radial-gradient(ellipse at 48% 62%,#dfd3bd 0,#efe8da 62%,#f3eee3);box-shadow:inset 0 0 80px #c8b99c13}.toast{max-width:420px;font-size:11px;top:8px;padding:8px 14px}.phase-badge{white-space:nowrap}.scene-header{gap:12px}.tip{border-left:2px solid #8aa071}.brand-icon{background:#e9eddf}.item-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #52603e10}.small-btn:disabled{background:#e3e4d7}.selection{min-height:20px}.target-btn{box-shadow:0 1px #c3cbb6}.progress-track{height:6px}.scene-note{color:#738369}.topbar{height:78px}.eyebrow{color:#6f806c}.save-status{color:#738269}@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 310px;gap:44px}.viewport{height:650px}}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px;padding:24px 3vw 16px}.topbar{padding:0 3vw}.save-status{display:none}.viewport{height:470px}.dialog{padding:25px}}@media(max-width:650px){.topbar{height:72px;padding:0 18px}.brand{gap:10px}.brand-icon{width:36px;height:36px;font-size:21px}.brand h1{font-size:21px}.brand small{font-size:8px;letter-spacing:2px}.toptools{gap:6px}.icon-btn{width:40px;height:40px}.layout{display:flex;flex-direction:column;padding:18px 15px 16px;gap:5px}.scene-header h2{font-size:19px}.phase-badge{font-size:10px;padding:7px 10px}.viewport{height:380px;min-height:310px;margin:0 -8px}.scene-note{font-size:9px;left:14px;bottom:16px}.scene-controls{right:10px}.scene-controls button{width:36px;height:36px}.interaction-bar{flex-wrap:wrap;padding:10px 0}.interaction-bar .selection{font-size:12px;min-width:155px}.small-btn{min-height:44px;padding:8px 10px}.side{padding-top:12px}.journal-title{font-size:15px;margin:0 0 12px}.progress-track{margin-bottom:9px}.tasks{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.task-row{padding:9px 0;font-size:12px}.task-row small{font-size:9px}.tip{margin-top:12px;padding:12px;font-size:11px}.side-actions{margin-top:12px}.panel-divider{margin:15px 0}.footer{padding:14px 18px;font-size:9px}.collection{padding-top:10px}.item-card{min-width:64px;width:64px;min-height:72px}.scene-controls{bottom:10px}.target-buttons{gap:5px}.target-btn{padding:8px 10px;font-size:11px}}@media(max-height:700px)and (max-width:650px){.viewport{height:320px;min-height:300px}}body{padding-bottom:env(safe-area-inset-bottom)}.viewport canvas:focus-visible{outline:3px solid #d08b69;outline-offset:-4px}.scene-controls button{min-width:44px;min-height:44px}.interaction-bar{flex-wrap:wrap}.interaction-bar .selection{min-width:200px}.play-column #targets{border:1px solid #d9dfce;border-radius:12px;padding:10px 12px;min-height:44px;margin:4px 0 8px;background:#f9f7ee}.play-column #targets:has(.target-buttons:empty){display:none}.targets-title{margin:0 0 5px;font-size:11px}.target-buttons{gap:6px}.target-btn{min-height:44px}.phase-badge{font-variant-numeric:tabular-nums}.item-card{transition:background .15s,box-shadow .15s}.item-card.active{box-shadow:0 0 0 2px #688b5e}.dialog{max-height:calc(100svh - 32px);overflow-y:auto}.item-tray{position:relative;scroll-snap-type:x proximity}.item-card{scroll-snap-align:start}.topbar{height:68px}.layout{padding-top:18px}.tip{line-height:1.7}@media(min-width:901px){.side{position:sticky;top:18px;align-self:start}.viewport{height:clamp(400px,60svh,650px)}.collection-head{margin-bottom:8px}.item-card{min-width:80px;width:80px}}@media(max-width:650px){.topbar{height:56px;padding:0 12px}.brand h1{font-size:19px}.brand small{display:none}.icon-btn{width:44px;height:44px}.layout{padding:10px 12px 14px}.scene-header{margin-bottom:4px}.scene-header .eyebrow{display:none}.scene-header h2{font-size:16px;margin:4px 0}.phase-badge{font-size:10px;padding:6px 8px}.viewport{height:clamp(265px,43svh,380px);min-height:265px;margin:0 -5px}.scene-note{display:none}.scene-controls{right:8px;bottom:8px;gap:4px}.scene-controls button{width:44px;height:44px}.interaction-bar{padding:7px 0;gap:5px;min-height:0}.interaction-bar .selection{flex-basis:100%;font-size:12px;min-height:18px}.small-btn{padding:8px 10px}.play-column #targets{padding:8px;margin-top:0}.targets-title{font-size:10px}.collection{padding-top:6px}.collection-head{margin-bottom:6px}.collection-head span:last-child{display:none}.item-card{min-width:68px;width:68px;min-height:78px}.item-card img{width:46px;height:46px}.side{padding-top:8px}.side .tip{display:none}.journal-title{margin-bottom:8px}.tasks{column-gap:12px}.task-row small{display:none}.task-row{font-size:11px}.footer{padding:10px 12px}.toast{max-width:95%;width:max-content;top:8px;font-size:10px;padding:7px 10px}}@media(max-height:500px)and (min-width:651px){.topbar{height:52px}.layout{grid-template-columns:minmax(0,1fr) 200px;padding:8px 18px;gap:14px}.scene-header .eyebrow{display:none}.scene-header h2{font-size:16px}.viewport{height:calc(100svh - 100px);min-height:230px}.scene-controls button{width:44px;height:44px}.side{padding:0}.tip{display:none}.task-row{padding:6px 0;font-size:11px}.task-row small{display:none}.journal-title{font-size:14px;margin-bottom:8px}.side-actions{margin-top:8px}.panel-divider{margin:8px 0}.collection-head{margin-bottom:5px}.collection{padding-top:4px}.item-card{min-width:68px;min-height:75px;width:68px}.footer{display:none}.interaction-bar{gap:5px;padding:5px 0}.interaction-bar .selection{min-width:140px;font-size:11px}.play-column #targets{margin-top:0;padding:6px}.scene-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-height:500px)and (min-width:651px){.layout{grid-template-columns:minmax(0,1fr) 210px}.side{display:none}.viewport{height:calc(100svh - 95px);min-height:230px}.interaction-bar{position:fixed;right:18px;top:58px;width:210px;min-height:65px;gap:4px;padding:4px;background:#f3eee3;z-index:3;border-radius:10px}.interaction-bar .selection{flex-basis:100%;font-size:10px;min-height:16px}.interaction-bar .small-btn{padding:6px 9px;font-size:11px;min-height:44px}.play-column #targets{position:fixed;right:18px;top:135px;width:210px;z-index:3;margin:0}.targets-title{font-size:10px}.target-btn{padding:7px 8px;font-size:10px}.collection{position:fixed;right:18px;bottom:8px;width:210px;padding:0;z-index:2}.collection-head{font-size:10px;margin-bottom:5px}.collection-head span:last-child{display:none}.item-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:145px;overflow-y:auto;overflow-x:hidden;padding:3px 0}.item-card{min-width:0;width:100%;min-height:66px;gap:2px}.item-card img{width:38px;height:38px}.item-card .item-name{font-size:8px;max-width:60px}.decor-tray{max-height:74px;overflow-y:auto;gap:4px}.decor-tray button{padding:6px;min-height:44px;font-size:10px}.scene-header{min-height:25px}.phase-badge{font-size:10px}.scene-header h2{font-size:15px}.scene-controls{right:8px;bottom:8px}}.compact-actions{display:none}@media(max-width:650px){.collection-head .tray-note{display:none}}@media(max-height:500px)and (min-width:651px){.compact-actions{display:flex;gap:4px}.compact-actions button{width:44px;min-height:44px;padding:8px;font-size:18px}.collection-head .tray-note{display:none}.collection-head{margin-bottom:3px;gap:4px}.item-tray{max-height:120px}}