@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;color:#29443f;background:#d9e9e6;font-synthesis:none;--ink:#29443f;--muted:#7b8980;--green:#477a68;--line:#e0e5dc;--paper:#fffef8;--shadow:0 12px 38px #29443f13}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible{outline:3px solid #bd8f54;outline-offset:3px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}#app,#world{position:absolute;inset:0}#world canvas{display:block;touch-action:none}.topbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;background:#fffef8ed;padding:10px 18px 11px 12px;border-radius:16px;box-shadow:var(--shadow)}.brand-mark{font-size:38px;line-height:40px;color:#639582}.brand strong{font-size:20px;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.clock{display:flex;align-items:center;gap:12px;background:#fffef8eb;box-shadow:var(--shadow);padding:9px 22px;border-radius:15px;position:absolute;left:50%;transform:translate(-50%)}.clock>span{font-size:28px;color:#bba16a}.clock b{font-size:22px;font-weight:600;letter-spacing:2px;font-variant-numeric:tabular-nums}.clock small{display:block;color:#7e8a7d;font-size:10px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.ai-button{background:#fffef8ec;height:42px;border-radius:12px;box-shadow:var(--shadow)}.icon-btn{width:42px}.ai-button{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11px}.ai-button i{width:7px;height:7px;border-radius:50%;background:#b7bdad}.ai-button.connected i{background:#73aa77;box-shadow:0 0 0 4px #73aa7718}.places{position:absolute;top:115px;left:24px;display:flex;flex-direction:column;gap:5px;z-index:2}.tiny{font-size:9px;color:var(--muted);letter-spacing:1.4px}.places>.tiny{padding:0 12px 7px}.places button{display:flex;align-items:center;gap:11px;background:#fffef8db;padding:12px 15px;border-radius:11px;text-align:left;font-size:11px;box-shadow:0 4px 15px #29443f06}.places button span{width:18px;text-align:center;font-size:19px;color:#648878}.places button:hover{background:var(--paper)}.camera-tip{position:absolute;bottom:218px;left:25px;font-size:10px;color:#526b5e;background:#fffef8b8;padding:7px 12px;border-radius:8px}.side-panel{position:absolute;right:24px;top:105px;bottom:224px;width:302px;padding:22px;background:#fffef8f2;border:1px solid #ffffffe0;border-radius:18px;box-shadow:var(--shadow);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5d1bf transparent}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.8px;color:#91a18d;display:block}.side-panel h2{font-size:19px;line-height:1.5;margin:10px 0 9px;letter-spacing:-.6px}.panel-heading p,.muted{font-size:11px;line-height:1.8;color:#879084}.panel-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:23px 0 9px}.panel-tabs button{font-size:11px;background:none;padding:0 0 10px;color:#95a18f}.panel-tabs .active{color:#4e7c68;border-bottom:2px solid #6e927a}.milestone{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.milestone>span{font-size:20px;color:#a4b29c}.milestone b{font-size:11px;font-weight:500;display:block}.milestone small{font-size:9px;color:#9aa38f;display:block;margin-top:5px}.milestone em{margin-left:auto;font-size:9px;color:#ae956b;font-style:normal}.milestone.done>span{color:#6d976d}.milestone.done b{text-decoration:line-through;color:#9ca894}.note{background:#eef2e6;padding:15px;border-radius:11px;margin-top:20px}.note b{font-size:10px;color:#7d936c}.note p{font-size:10px;line-height:1.85;color:#929e84;margin:6px 0 0}.back{background:none;color:#8d9d8b;font-size:10px;padding:0;margin-bottom:20px}.action-list{display:grid;gap:8px;margin-top:18px}.action-option{display:flex;text-align:left;align-items:center;gap:10px;padding:12px;background:#f1f3eb;border:1px solid #e7ebdf;border-radius:11px}.action-option>span{display:grid;place-items:center;width:31px;height:33px;background:#e1ead9;border-radius:8px;font-size:13px;color:#739263}.action-option strong{font-size:11px;font-weight:600;display:block}.action-option small{font-size:8px;display:block;color:#96a08c;margin-top:5px}.action-option>b{margin-left:auto;font-size:14px;color:#8ca37b}.person-heading{display:flex;align-items:center;gap:13px}.person-heading h2{margin:5px 0}.person-heading small{font-size:9px;color:#9ca88e}.thought{font-size:11px;line-height:1.9;background:#f1f3e9;border-radius:10px;padding:12px;margin:18px 0;color:#819276}.relationship{display:flex;justify-content:space-between;font-size:10px;color:#8f9f83}.relationship b{color:#5e856c}.compact{gap:5px}.compact .action-option{padding:9px}.conversation{margin:14px 0;max-height:155px;overflow-y:auto;scrollbar-width:thin}.conversation p{font-size:10px;line-height:1.8;border-radius:9px;padding:10px;margin:7px 0;background:#eaf0e3;color:#61765b;overflow-wrap:anywhere}.conversation p.you{background:#edece2;color:#8b8470;margin-left:25px}.conversation b{display:block;font-size:8px;margin-bottom:3px;color:#98a58c}#chat-form label{font-size:10px;color:#8c9c80}#chat-form>div{display:flex;margin:8px 0;gap:5px}#chat-input{width:100%;min-width:0;background:#fffef8;border:1px solid #d9e0cf;border-radius:9px;padding:10px;font-size:10px;color:#526d4d}#chat-form button{background:#779775;color:#fff;min-width:33px;border-radius:9px;font-size:17px}#chat-form small{font-size:8px;color:#a4ad9c}.citizen-list{display:grid;gap:10px;margin-top:20px}.citizen-list button{display:flex;align-items:center;gap:10px;text-align:left;background:#f0f2e9;padding:11px;border-radius:11px}.citizen-dot{color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:13px}.citizen-list b{font-size:11px}.citizen-list small{font-size:8px;display:block;color:#98a28f;margin-top:4px}.citizen-list button>span:last-child{margin-left:auto;color:#8fa181}.journal article{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.journal time{font-size:9px;color:#9cad92;padding-top:3px}.journal p{font-size:10px;line-height:1.8;margin:0;color:#7d9074}.world-tools{position:absolute;right:345px;bottom:220px;display:flex;gap:7px}.world-tools button{font-size:10px;background:#fffef8d9;border-radius:10px;padding:9px 13px}.hud{position:absolute;bottom:18px;left:24px;right:24px;display:grid;grid-template-columns:235px minmax(350px,1fr) 300px;gap:0;background:#fffef8f7;border:1px solid white;border-radius:20px;box-shadow:var(--shadow);min-height:180px;padding:23px 0 21px}.identity{padding:0 22px;display:grid;grid-template-columns:64px 1fr;gap:10px 14px;border-right:1px solid var(--line);align-content:center;align-items:center}.identity h2{font-size:22px;margin:4px 0 6px;letter-spacing:2px;font-weight:600}.mood{font-size:9px;color:#759063;background:#e8efdd;padding:4px 8px;border-radius:5px}.mood.low{background:#f3e2d6;color:#b58163}.wallet{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:13px;border-top:1px solid var(--line)}.wallet strong{font-size:19px;font-weight:500;letter-spacing:.5px}.wallet span{font-size:10px;color:#96a28b}.portrait{width:61px;height:73px;background:#e5ecd8;border-radius:16px 16px 23px 23px;position:relative;overflow:hidden;flex-shrink:0}.portrait i{position:absolute;top:14px;left:19px;width:25px;height:32px;background:#deb99a;border-radius:45% 45% 43% 43%;z-index:1;border-top:9px solid #514c41}.portrait i:after{content:"· ·";position:absolute;top:5px;left:7px;color:#594c3b;font-style:normal;font-size:9px;font-weight:700;white-space:pre}.portrait b{position:absolute;top:45px;left:7px;width:50px;height:50px;background:#c78d90;border-radius:22px 22px 0 0}.portrait.female:before{content:"";position:absolute;top:12px;left:15px;width:33px;height:42px;border-radius:45% 45% 30% 30%;background:#514c41}.portrait.male{background:#e0e9e8}.portrait.male b{background:#718fa8}.needs{padding:0 25px;border-right:1px solid var(--line)}.section-label{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.section-label>span{font-size:8px;color:#a3ad98}.needs-grid{display:grid;grid-template-columns:repeat(4,minmax(65px,1fr));gap:21px 19px}.need{background:transparent;display:flex;gap:7px;align-items:center;text-align:left;padding:0;min-width:0}.need-icon{background:#eef1e6;width:25px;height:27px;border-radius:7px;flex-shrink:0;text-align:center;line-height:27px;font-size:10px;color:#8fa07d}.need>div{flex:1;min-width:0}.need>div>span{font-size:9px;display:flex;justify-content:space-between;color:#7d8e70}.need b{font-size:8px;font-weight:400;color:#a0aa93}.bar{height:5px;background:#e7ecdf;margin-top:7px;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#7ba591;border-radius:5px;transition:width .25s}.activity{padding:0 22px}.time-controls{display:flex;gap:5px;align-items:center;margin-top:-3px}.time-controls button{font-size:10px;background:#eef1e7;color:#91a080;height:27px;min-width:34px;border-radius:7px}.time-controls button.active{background:#477a68;color:#fff}.time-controls>span{font-size:9px;color:#a3ae97;margin-left:auto}.current-action{display:flex;gap:10px;align-items:center;margin:18px 0 12px}.current-action>span{width:34px;height:34px;border-radius:10px;background:#eeeede;display:grid;place-items:center;color:#aba37b;font-size:12px}.current-action small{display:block;font-size:8px;color:#a0aa94}.current-action strong{font-size:10px;font-weight:500;display:block;margin-top:4px}.current-action button{margin-left:auto;background:none;color:#abb29f;font-size:20px}.action-bar{height:3px;border-radius:5px;background:#e9ede1;overflow:hidden}.action-bar i{display:block;background:#8ba67c;height:100%;transition:width .15s}.queue{font-size:8px;line-height:1.7;color:#a7af9b;margin-top:9px;max-height:29px;overflow:hidden}#toast{position:absolute;left:50%;bottom:220px;transform:translate(-50%,10px);background:#36594fee;color:#f5f9eb;padding:13px 22px;border-radius:12px;font-size:12px;box-shadow:var(--shadow);pointer-events:none;opacity:0;transition:.2s;z-index:15;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%)}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#e2eaddf2,#dfe8df55 45%,transparent 65%);z-index:10;display:flex;align-items:center;padding-left:6vw}.start-screen[hidden]{display:none}.start-card{width:390px;padding:32px;background:#fffef8f2;border-radius:22px;border:1px solid white;box-shadow:0 25px 100px #2c55401b}.start-card h1{font-size:36px;font-weight:600;letter-spacing:-1px;line-height:1.5;margin:16px 0}.start-card h1 span{color:#91b487}.start-card>p{font-size:12px;line-height:2.1;color:#8d9c82}.starter-gifts{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:22px 0}.starter-gifts span{font-size:9px;color:#899a7a}.start-card h3{font-size:11px;font-weight:500;margin:0 0 12px}.character-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.character-options button{border:1px solid #e0e6d7;background:#f5f6ed;border-radius:12px;padding:14px;text-align:left;position:relative}.character-options button.selected{border-color:#799a6d;background:#eaf0df}.character-options button.selected:after{content:"✓";position:absolute;top:9px;right:11px;font-size:12px;color:#6e925c}.character-options .portrait{margin:0 auto 8px}.character-options strong{display:block;text-align:center;font-size:12px}.character-options span{display:block;text-align:center;font-size:8px;color:#9cab8e;margin-top:5px}.primary{background:#3f7562;color:#f6f8e9;border-radius:10px;padding:15px 18px;width:100%;font-size:12px;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:17px}.continue{width:100%;background:transparent;font-size:10px;padding:13px;color:#839572}.start-note{font-size:8px;color:#acb69f;display:block;text-align:center;margin-top:14px}.scene-caption{position:absolute;right:7%;bottom:15%;text-align:right;color:#426b59;text-shadow:0 1px 15px #fff}.scene-caption span{display:block;font-size:10px;letter-spacing:3px;margin-bottom:15px}.scene-caption strong{display:block;font-size:24px;font-weight:500;letter-spacing:2px}.scene-caption small{display:block;font-size:10px;margin-top:12px}#app:not(.playing)>.side-panel,#app:not(.playing)>.hud,#app:not(.playing)>.places,#app:not(.playing)>.world-tools,#app:not(.playing)>.camera-tip{visibility:hidden}#app:not(.playing)>.topbar{z-index:11;pointer-events:none}#app:not(.playing) .top-actions,#app:not(.playing) .clock{display:none}dialog{border:1px solid white;border-radius:20px;background:var(--paper);color:var(--ink);width:540px;max-width:90vw;padding:30px;max-height:85vh;box-shadow:var(--shadow)}dialog::backdrop{background:#294a416b;backdrop-filter:blur(5px)}dialog h2{font-size:23px}dialog p,dialog li{font-size:12px;line-height:2;color:#7f9273}dialog ul{padding-left:18px}.close-dialog{position:absolute;top:12px;right:17px;font-size:23px;background:none;color:#9bab8b}.danger{margin-top:15px;background:#f0e6da;color:#9c8261;border-radius:8px;padding:12px;font-size:11px}.render-error{padding:30vh 20vw;color:#3c6051}.render-error p{font-size:14px}@media(min-width:1600px){.hud{grid-template-columns:280px minmax(350px,1fr) 350px}.side-panel{width:330px}.world-tools{right:375px}.needs-grid{gap:21px 30px}.need>div>span{font-size:11px}.side-panel h2{font-size:21px}.start-card{width:420px;padding:36px}.start-card h1{font-size:40px}}@media(max-width:1100px){.hud{grid-template-columns:190px 1fr 240px;padding:18px 0;min-height:165px}.identity,.activity{padding:0 15px}.identity{grid-template-columns:53px 1fr;gap:8px}.identity .portrait{transform:scale(.85);transform-origin:left center}.identity h2{font-size:19px}.needs{padding:0 17px}.needs-grid{gap:17px 10px}.need-icon{display:none}.section-label>span{display:none}.side-panel{width:260px;bottom:205px;padding:18px}.world-tools{right:297px;bottom:200px}.camera-tip{bottom:195px}.places button{padding:10px 12px}.scene-caption{right:4%;bottom:10%}#toast{bottom:200px}}@media(max-width:800px){.topbar{top:12px;left:12px;right:12px}.brand{padding:8px 12px}.brand strong{font-size:15px}.brand small{font-size:6px}.brand-mark{font-size:28px}.clock{padding:7px 12px;left:49%}.clock b{font-size:17px}.clock>span{font-size:20px}.ai-button{padding:0 8px}.ai-button span{font-size:0}.ai-button span:after{content:"AI";font-size:10px}.icon-btn{width:32px;height:36px}.places{top:83px;left:12px;gap:4px}.places>.tiny{display:none}.places button{font-size:0;padding:8px}.places button span{font-size:19px}.side-panel{top:83px;right:12px;width:235px;bottom:225px;padding:15px}.side-panel h2{font-size:17px}.hud{bottom:10px;left:12px;right:12px;grid-template-columns:140px 1fr;min-height:196px;padding:15px 0}.identity{grid-row:1/3;display:flex;flex-wrap:wrap;align-content:center;gap:5px}.identity .portrait{display:none}.wallet{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:7px}.needs{border-right:0;padding:0 16px}.needs-grid{gap:12px 14px}.section-label{margin-bottom:11px;font-size:10px}.activity{grid-column:2;padding:12px 16px 0;border-top:1px solid var(--line);margin:10px 0 0;display:flex;gap:10px;align-items:center}.time-controls{margin:0;gap:3px}.time-controls button{min-width:26px;font-size:8px;height:25px}.time-controls>span,.activity .queue,.activity .action-bar,.current-action>span,.current-action small{display:none}.current-action{margin:0;flex:1;gap:5px}.current-action strong{font-size:9px;margin:0}.current-action button{font-size:16px}.world-tools{right:auto;left:12px;bottom:219px;flex-direction:column}.world-tools button{font-size:9px}.camera-tip{display:none}.start-screen{padding:90px 20px 20px;align-items:flex-start;overflow:auto;background:linear-gradient(90deg,#e2eaddd9,transparent)}.start-card{width:340px;padding:25px}.start-card h1{font-size:29px}.start-card>p{font-size:11px}.scene-caption{display:none}.start-screen .eyebrow{font-size:7px}.starter-gifts{margin:16px 0;padding:12px 0}.character-options{margin-bottom:15px}.character-options button{padding:10px}.start-card .portrait{height:63px}#toast{bottom:218px;font-size:10px}}@media(max-width:480px){.side-panel{width:210px;max-height:calc(100dvh - 315px)}.hud{grid-template-columns:100px 1fr}.identity{padding:0 11px}.identity h2{font-size:17px}.wallet strong{font-size:16px}.needs{padding:0 11px}.needs-grid{gap:13px 9px}.need>div>span{font-size:8px}.need b{font-size:7px}.clock{left:52%;gap:4px}.clock small{font-size:8px}.brand strong{font-size:12px;letter-spacing:1px}.brand small{display:none}.brand-mark{font-size:23px}.top-actions{gap:4px}.topbar .brand{gap:5px}.icon-btn{width:27px}.activity{padding:10px 9px 0;gap:5px}.time-controls button{min-width:23px}.current-action strong{max-width:70px}.start-card{width:100%;padding:22px}.start-screen{padding:80px 20px 20px}}.panel-collapsed .side-panel{display:none}.panel-collapsed .world-tools{right:24px}#app:not(.playing) #panel-toggle{display:none}@media(max-width:800px){.panel-collapsed .world-tools{right:auto}.topbar .clock{left:48%}.topbar .brand{padding:8px}.topbar .top-actions{gap:4px}}@media(max-width:480px){.topbar .clock{left:46%;padding:6px 8px}.clock>span{display:none}.topbar .brand small{display:none}.ai-button{height:34px}.top-actions .icon-btn{height:34px;width:26px}.brand strong{font-size:11px}.brand-mark{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.portrait.kaykit-portrait:before{display:none}.portrait.kaykit-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.character-options .kaykit-portrait{width:82px;height:91px}.resident-info{display:grid;gap:7px;padding:15px;background:#edf1e7;border-radius:12px;margin:16px 0}.resident-info>span,.resident-info>strong{font-size:11px;line-height:1.6}.building-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.building-actions button{border:1px solid #c8d3c4;background:#fffdf5;color:#365c51;border-radius:8px;padding:9px 11px;font:inherit;font-size:11px;cursor:pointer}.resident-details{display:grid;gap:8px}.resident-row{display:grid;gap:5px;text-align:left;background:#edf1e7;border:0;border-radius:10px;padding:12px;color:inherit;cursor:pointer}.resident-row span,.resident-row small{font-size:11px}.citizen-list small[data-citizen-status]{color:#557b64;font-size:10px}