@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#354940;background:#f7f8f4;font-synthesis:none;font-weight:400;--green: #52775e;--ink: #354940;--muted: #879086;--line: #e7e9df}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,a{transition:background .18s,transform .18s,box-shadow .18s}button:focus-visible,a:focus-visible{outline:3px solid #9cb99b;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,p{margin:0}h1{font-size:27px;font-weight:600;letter-spacing:.025em;line-height:1.6}h2{font-size:21px;font-weight:600}h3{font-size:16px;font-weight:600}p{font-size:13px;line-height:1.9}small{font-size:11px}svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:234px;background:#fdfdf9;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:20;padding:36px 20px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:600;line-height:1.2;padding:0 8px}.brand-icon{display:grid;place-items:center;width:43px;height:46px;background:#edf1e5;border-radius:15px;color:#5a795d}.brand-town{display:block;font-size:10px;letter-spacing:.3em;margin-top:6px}.sidebar-caption{font-size:9px;letter-spacing:.19em;color:#a1a89b;margin:46px 15px 16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;background:transparent;text-align:left;border-radius:9px;padding:13px 15px;color:#818b80}.nav-item span{font-size:13px;font-weight:500}.nav-item small{display:block;font-size:8px;letter-spacing:.12em;margin-top:5px;opacity:.72}.nav-item:hover{background:#f1f3ec}.nav-item.active{background:#eaf0e4;color:#496a4e}.active-dot{width:6px;height:6px;border-radius:50%;background:#6e916c;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:45px}.gentle-note{margin:0 12px 25px;padding:20px 6px;border-top:1px solid var(--line);color:#9aa58e}.gentle-note p{font-size:12px;margin-top:9px;line-height:1.9;color:#8c9685}.profile{border-top:1px solid var(--line);margin-top:18px;padding-top:22px;display:flex;align-items:center;gap:10px;font-size:11px}.profile small{display:block;color:#9aa092;font-size:9px;margin-top:5px}.avatar{width:35px;height:35px;border-radius:50%;background:#e3e8d7;display:grid;place-items:center;color:#7f8c6f;font-family:serif;font-size:17px}.main-shell{margin-left:234px;width:calc(100% - 234px)}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:9px;letter-spacing:.14em;color:#9aa293}.breadcrumb span{margin:0 13px;color:#bac0b3}.top-status{display:flex;gap:9px;align-items:center;font-size:10px;color:#81907b}.live-dot,.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d9c6e}.top-divider{height:14px;width:1px;background:#dce2d3;margin:0 8px}.level-pill{display:flex;gap:6px;align-items:center;background:#ecf0e5;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:.06em;color:#718163}main{padding:34px 42px 0;max-width:1550px;margin:auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:.19em;color:#89947b;margin-bottom:10px}.page-heading{margin-bottom:26px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.page-heading p{color:#91998a;font-size:12px;margin-top:8px}.date-chip{border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:12px 14px;color:#8c947e;font-size:9px}.date-chip span:first-child{font-size:10px;font-weight:600;color:#7b8a6d}.date-chip span:last-child{color:#c1a365;font-size:19px}.town-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.town-card{border:1px solid #e0e5d8;border-radius:13px;overflow:hidden;background:#fff}.scene{height:405px;position:relative;background:#e1e8d8}.scene canvas{position:absolute!important;inset:0}.scene-top{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.scene-badge{font-size:9px;letter-spacing:.15em;background:#fffdf4d9;padding:9px 12px;border-radius:5px;display:flex;gap:7px;align-items:center;color:#728164}.scene-badge span{height:5px;width:5px;background:#819675;border-radius:50%}.weather{font-size:10px;color:#6d7c65;background:#f7f8efb0;border-radius:5px;padding:8px 10px}.scene-caption{position:absolute;bottom:65px;left:25px;pointer-events:none;text-shadow:0 1px 8px #fffff7}.scene-caption .eyebrow{font-size:8px;color:#697957;margin-bottom:7px}.scene-caption h2{font-size:22px;font-weight:600}.scene-caption p{font-size:10px;margin-top:4px;color:#6e7e60}.scene-actions{position:absolute;left:25px;bottom:17px;display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;font-size:12px;font-weight:500;border-radius:7px;white-space:nowrap;min-height:42px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#55765d;color:#fff}.btn.primary:hover{background:#44664d}.btn.secondary{background:#eef1e9;border:1px solid #dfe5d7;color:#5e775c}.btn.light{background:#fffef6ef;color:#536949;font-size:11px;padding:10px 13px;box-shadow:0 3px 12px #3747320c}.btn.compact{padding:8px 11px}.full{width:100%}.scene-footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:15px 20px;color:#8e9783;background:#fdfef9}.scene-footer .green-dot{margin-right:7px;width:5px;height:5px}.today-card{background:#f0f2e8;border:1px solid #e5e9db;border-radius:13px;padding:25px 22px;text-align:center}.today-card .eyebrow{font-size:8px;color:#899679}.level-orbit{position:relative;width:135px;height:135px;margin:13px auto 8px}.level-orbit>svg{position:absolute;width:100%;height:100%;inset:0;transform:rotate(-90deg);fill:none;stroke:#dfe5d3;stroke-width:3}.level-orbit svg circle+circle{stroke:#8b9f73;stroke-linecap:round}.level-orbit>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d9368}.level-orbit strong{font-size:36px;line-height:1.2;font-weight:500}.level-orbit span{font-size:8px;letter-spacing:.15em;margin-top:4px}.today-card h3{font-size:14px;margin-top:12px}.today-card p{font-size:11px;color:#8a957c;margin:9px 0 12px;line-height:1.8}.text-button{background:none;display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:5px 0;color:#6f8861}.today-divider{height:1px;background:#dfe5d3;margin:17px 0}.tiny-stat{display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:10px;color:#87947a}.tiny-stat strong{font-size:17px;color:#6e8260;font-weight:500}.tiny-stat small{font-size:10px;color:#98a18b}.subtle{font-size:10px;color:#99a08f;line-height:1.7}.today-card>.subtle{font-size:8px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:29px 0 17px;gap:10px}.section-title .eyebrow{font-size:8px;margin-bottom:6px}.section-title h2{font-size:19px}.section-description{font-size:10px;color:#939c87}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.place-card{border-radius:11px;border:1px solid #e2e6da;background:#fffefb;overflow:hidden;text-align:left;padding:0}.place-card:hover{transform:translateY(-3px);box-shadow:0 8px 23px #4b634a0d}.place-art{height:105px;background:#efe4d4;position:relative;display:flex;align-items:center;justify-content:center;color:#ad8761;overflow:hidden}.place-art:before,.place-art:after{content:"";position:absolute;width:125px;height:125px;border:1px solid #ffffff60;border-radius:50%;left:calc(50% - 63px);top:-10px}.place-art:after{width:155px;height:155px;left:calc(50% - 78px);top:-25px}.place-shop .place-art{background:#e0e9dc;color:#79977a}.place-plaza .place-art{background:#e9ecd9;color:#9aa474}.place-art svg{margin-top:-12px}.place-number{position:absolute;left:17px;top:12px;font-family:serif;font-style:italic;font-size:17px;opacity:.5}.place-art-text{position:absolute;bottom:13px;font-size:7px;letter-spacing:.23em}.place-body{padding:18px 20px}.place-body .eyebrow{font-size:8px;color:#a2a18e;margin-bottom:7px}.place-body h3{display:flex;align-items:center;justify-content:space-between;font-size:17px;letter-spacing:-.02em;font-weight:500}.place-body h3 svg{color:#a2ad95}.place-body p{font-size:10px;color:#909985;margin:9px 0 15px}.small-tag{display:inline-flex;align-items:center;gap:8px;font-size:9px;border-radius:4px;padding:5px 8px;background:#f2f4ec;color:#819271;white-space:nowrap}.small-tag span{opacity:.4}.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:23px}.review-strip{border:1px solid #e2e7d9;border-radius:9px;padding:18px;display:flex;align-items:center;gap:14px;background:#f0f3e9}.soft-icon{color:#8e9e76;background:#e5ebd8;padding:11px;border-radius:8px;display:grid;place-items:center}.review-strip h3{font-size:11px;font-weight:500}.review-strip p{font-size:9px;color:#909c7f;margin-top:5px}.review-strip>.text-button{margin-left:auto;font-size:9px;white-space:nowrap}.journal-link{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid var(--line);background:#fdfdf7;border-radius:9px;padding:18px;color:#82936f;font-size:10px}.journal-link small{display:block;font-size:9px;color:#9ca88c;margin-top:7px}.journal-link>svg:last-child{margin-left:auto}.footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#a7ae9d;font-size:9px;padding:30px 0 22px}.footer span{margin-left:9px;font-size:8px;color:#b0b7a5}.npc-label{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 10px;background:#fffef3ee;border:1px solid #d8dece;border-radius:20px;font-size:10px;box-shadow:0 3px 10px #41533b10}.npc-label i{width:5px;height:5px;background:#7c9b69;border-radius:50%}.npc-label span{font-size:8px;color:#a4ac98;margin-left:2px}.walk-help{position:absolute;bottom:15px;right:15px;font-size:9px;color:#607451;background:#fffff1cc;padding:8px;border-radius:5px}.near-prompt{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);padding:12px 20px;background:#ffed;border-radius:20px;white-space:nowrap;font-size:12px}.scene-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:35px;text-align:center;color:#7f956e}.scene-error p{max-width:300px}.panel{background:#fffefb;border:1px solid var(--line);padding:24px;border-radius:12px}.panel h2{font-size:17px;margin-bottom:15px}.panel-heading{display:flex;gap:10px;align-items:center;margin-bottom:19px}.panel-heading h2{margin:0}.info-banner{display:flex;align-items:center;gap:14px;padding:21px 23px;background:#eaf0e3;border:1px solid #dce5d3;border-radius:10px;color:#6a8459;font-size:13px;margin-bottom:27px}.info-banner small{display:block;font-size:11px;color:#8c9a7d;margin-top:7px}.info-banner .text-button{margin-left:auto}.district{margin:31px 0}.district-heading{display:flex;align-items:center;gap:15px;margin-bottom:15px}.district-heading>span{font-size:9px;letter-spacing:.1em;color:#97a18b}.district-heading h2{font-size:17px}.district-heading small{font-size:10px;color:#9ba38f;margin-left:auto}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-card{background:#fffefb;border:1px solid var(--line);border-radius:10px;padding:17px}.level-card.current{border-color:#91a57b;box-shadow:0 0 0 2px #dce5d260}.level-card.future{background:#f0f2eb;opacity:.75}.level-card-top{display:flex;align-items:center;justify-content:space-between;color:#8c9d7a;margin-bottom:15px}.level-card-top>span:first-child{font-size:10px;letter-spacing:.07em}.level-card h3{font-size:13px;margin-bottom:15px;min-height:40px;line-height:1.8}.level-card p{font-size:11px;color:#919b85}.level-missions{display:flex;flex-direction:column;gap:7px}.level-missions button{position:relative;text-align:left;background:#f4f6ee;padding:10px;border-radius:5px}.level-missions button>span{display:block;font-size:10px;margin-right:10px;line-height:1.6}.level-missions small{display:block;font-size:9px;color:#93a07f;margin-top:4px}.level-missions svg{position:absolute;right:5px;top:16px;color:#a9b499}.history-filters{padding:18px 22px}.search-field{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 15px;color:#9ca98c}.search-field input{border:0;background:none;outline:none;width:100%;font-size:13px;color:var(--ink)}input,textarea,select{color:var(--ink);border:1px solid #dce3d3;border-radius:6px;padding:10px 12px;background:#fffefb;outline:none;font-size:12px;max-width:100%}input:focus,textarea:focus,select:focus{border-color:#8fa87c;box-shadow:0 0 0 2px #e3ebdb}input::placeholder,textarea::placeholder{color:#b1b8a8}.filter-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:15px}.filter-row label{font-size:10px;display:flex;align-items:center;gap:9px;color:#97a08c}.filter-row select,.filter-row input{font-size:10px;padding:8px}.filter-row>span{font-size:10px;color:#b5bdad}.filter-row .text-button{margin-left:auto}.list-caption{display:flex;justify-content:space-between;font-size:10px;color:#94a085;margin:21px 3px 13px}.history-list{display:flex;flex-direction:column;gap:10px}.history-row{display:flex;align-items:center;gap:17px;padding:21px 23px;background:#fffefb;border:1px solid var(--line);border-radius:10px;width:100%;text-align:left}.history-row:hover{background:#f0f4e9}.history-main{flex:1}.history-main small{color:#98a28b;font-size:10px}.history-main h3{font-size:13px;margin:7px 0}.history-main p{font-size:10px;color:#8e9c7c}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.history-meta small{display:flex;align-items:center;gap:5px;font-size:9px;color:#99a58c}.history-row>svg{color:#a6b399}.status-tag{display:inline-block;border-radius:20px;padding:5px 10px;font-size:10px;background:#edf0e5;color:#8c9b76}.status-tag.completed{background:#e7f0de;color:#6e8c54}.status-tag.interrupted{background:#f3ebdf;color:#ad9068}.pagination{display:flex;align-items:center;justify-content:center;gap:30px;margin:25px 0;color:#879b73;font-size:12px}.pagination button{display:flex;align-items:center;gap:5px;padding:10px;background:#edf2e6;border-radius:6px;font-size:11px}.empty-state{text-align:center;padding:55px 25px;border:1px dashed #dce4d1;border-radius:12px;color:#a0b18a;background:#f4f6ee}.empty-state h3{font-size:16px;margin:17px 0 11px;color:#7d9269}.empty-state p{font-size:12px;color:#99a68a;max-width:450px;margin:auto}.segmented{display:inline-flex;background:#e9eee1;padding:4px;border-radius:8px;margin-bottom:22px;gap:3px}.segmented button{font-size:11px;padding:9px 24px;background:transparent;border-radius:5px;color:#8c9c7b}.segmented button.selected{background:#fffefb;color:#688251;box-shadow:0 2px 5px #3746320a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:12px}.stat-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fffefb;border-radius:10px;padding:22px;gap:13px;color:#8aa070}.stat-card>span{font-size:11px;color:#98a789}.stat-card strong{font-size:26px;font-weight:500;color:#66804e}.growth-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px 0}.growth-grid .section-title{margin:0 0 20px}.ability{margin-bottom:20px}.ability>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}.ability small{font-size:10px;color:#a1ad91}.progress-bar{height:6px;background:#e9eede;border-radius:20px;overflow:hidden}.progress-bar i{display:block;background:#96ae7e;height:100%;border-radius:20px}.muted{color:#8f9a82;font-size:12px;line-height:1.9}.change-row{display:flex;align-items:center;gap:13px;padding:18px 0;width:100%;border-bottom:1px solid var(--line);background:none;text-align:left;color:#809c65;font-size:12px}.change-row small{display:block;font-size:10px;color:#9daa8e;margin-top:6px}.change-row>svg:last-child{margin-left:auto}.expression-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.expression-card{padding:22px;background:#fffefb;border:1px solid var(--line);border-radius:10px;text-align:left}.expression-card:hover{border-color:#a4b58d;transform:translateY(-2px)}.expression-card h3{font-size:20px;font-weight:500;margin:16px 0 11px}.expression-card p{font-size:11px;color:#98a487;margin-bottom:22px}.expression-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.expression-card>small{font-size:10px;color:#a8b297}.mastery{font-size:9px;padding:5px 9px;border-radius:4px;background:#eff2e8;color:#8d9f78}.mastery-2,.mastery-3{background:#e2edda;color:#638946}.spaced-heading{margin-top:28px!important}.connection{display:flex;gap:7px;align-items:center;background:#f1eee1;padding:11px;border-radius:6px;font-size:11px;color:#9e936e;margin-bottom:16px}.connection.connected{background:#eaf2e0;color:#78945b}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:21px 0;line-height:1.8}.checkbox-label input{accent-color:#668b4d;margin-top:5px}.checkbox-label small{display:block;color:#97a587;font-size:10px;margin-top:5px}.fields{display:flex;flex-direction:column;gap:14px;margin-top:18px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#8b9b79}.cost{display:flex;align-items:baseline;gap:13px;margin:20px 0}.cost strong{font-size:38px;font-weight:500;color:#688650}.cost span{font-size:12px;color:#9faf8c}.cost+.progress-bar{margin-bottom:20px}details{margin-top:19px;font-size:11px;color:#8da075}summary{cursor:pointer}.usage-list>div{display:flex;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;color:#7f936d}.usage-list>div>span:first-child{flex:1}.usage-list small{display:block;font-size:9px;color:#a1ae92;margin-top:5px}.modal-backdrop{position:fixed;inset:0;background:#263b2c66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:100}.modal{background:#fdfef9;width:520px;max-width:100%;max-height:92vh;overflow-y:auto;border:1px solid #e1e7d6;border-radius:18px;padding:35px;position:relative;box-shadow:0 25px 100px #1c331733}.modal.wide{width:750px}.modal h2{font-size:23px;line-height:1.6;margin-bottom:12px}.close-button{position:absolute;right:14px;top:14px;display:grid;place-items:center;border-radius:50%;padding:7px;background:#eef2e7;color:#8b9d78;z-index:1}.mission-picker{display:flex;flex-direction:column;gap:10px;margin:25px 0}.mission-picker button{display:flex;align-items:center;gap:13px;padding:17px;background:#f0f4e8;border:1px solid #e0e8d5;border-radius:8px;text-align:left}.mission-picker strong{font-size:12px;display:block}.mission-picker small{display:block;font-size:10px;color:#9aa98a;margin-top:6px}.mission-picker svg{margin-left:auto}.mission-level{font-size:23px;color:#a0b18b;font-weight:400}.welcome-icon{display:grid;place-items:center;width:80px;height:80px;background:#eaf1df;border-radius:25px;color:#8aa36d;margin:5px 0 22px}.welcome-points{display:flex;flex-direction:column;gap:13px;margin:24px 0}.welcome-points span{display:flex;gap:9px;align-items:center;font-size:12px;color:#81966a}.callout{background:#eff3e6;border:1px solid #e4eadb;border-radius:7px;padding:14px 16px;margin:18px 0;font-size:11px;color:#869872;line-height:1.9}.centered{display:flex;margin:17px auto 0}.conversation-header{display:flex;align-items:center;gap:13px;margin-bottom:18px;padding-right:20px}.conversation-header h2{font-size:20px;margin:0}.conversation-header .eyebrow{margin-bottom:4px;font-size:9px}.conversation-header>.small-tag{margin-left:auto}.npc-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eedecb;color:#a7835c;font-family:Georgia,serif;font-size:21px;flex-shrink:0}.npc-avatar.shop{background:#dfeada;color:#769468}.npc-avatar.plaza{background:#eee8ce;color:#b1a16d}.mission-goal{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#edf2e4;border-radius:8px;color:#7d9564;font-size:12px}.mission-goal small{display:block;margin-top:5px;font-size:10px;color:#a0ac8c}.chat-log{max-height:340px;min-height:170px;overflow:auto;padding:20px 5px 10px;scrollbar-width:thin}.chat-turn{margin-bottom:20px;max-width:88%}.chat-turn.user{margin-left:auto}.turn-label{font-size:8px;letter-spacing:.08em;color:#9dab8e;margin:0 3px 7px}.chat-turn.user .turn-label{text-align:right}.bubble{position:relative;font-size:15px;line-height:1.8;background:#edf2e5;border-radius:0 12px 12px;padding:13px 40px 13px 17px;white-space:pre-wrap;color:#526847;overflow-wrap:anywhere}.chat-turn.user .bubble{background:#6b8660;color:#fffdf3;border-radius:12px 0 12px 12px;padding-right:17px}.bubble button{background:none;position:absolute;right:10px;top:15px;color:#91a27c;padding:3px}.translation{font-size:10px;color:#a0ad90;padding:7px 3px 0}.chat-thinking{font-size:11px;color:#9aa98a;display:flex;gap:9px;align-items:center}.chat-thinking span{height:6px;width:6px;background:#9bae86;border-radius:50%;animation:pulse 1s infinite}.chat-tools{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.chat-tools button{display:flex;align-items:center;gap:5px;background:none;font-size:10px;color:#839a6a;padding:0}.chat-tools>span{margin-left:auto;font-size:9px;color:#acb59e}.hint-box{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7efd9;font-size:12px;border-radius:6px;margin-bottom:12px;color:#9c8f61}.hint-box button{font-size:10px;background:none;color:#9b8a50}.composer{display:flex;gap:10px;align-items:center}.composer textarea{flex:1;resize:vertical;min-height:64px;font-size:12px;padding:12px;line-height:1.6}.mic-button,.send-button{width:43px;height:43px;display:grid;place-items:center;background:#e5eedb;color:#7b9a5d;border-radius:50%;flex-shrink:0}.send-button{background:#5e8052;color:#fff}.mic-button.recording{background:#f1d8d0;color:#bd705d;animation:pulse 1s infinite}.chat-footnote{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;color:#a3af93}.chat-footnote button{font-size:10px;background:none;color:#8da074;padding:4px}.completion{text-align:center;background:#ecf2e3;padding:25px;border-radius:10px;margin-top:10px;color:#7f9a64}.completion h3{margin:12px 0;color:#607e49}.completion p{font-size:11px;color:#91a17d;margin-bottom:20px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:19px 0}.completion .button-row{justify-content:center;margin-bottom:0}.detail-meta{display:flex;align-items:center;gap:15px;font-size:10px;color:#98a98a;flex-wrap:wrap}.detail-meta>span{display:inline-flex;align-items:center;gap:5px}.detail-chat{max-height:400px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px}.detail-grid h4{font-size:11px;color:#90a27d;margin-bottom:7px}.detail-grid p{font-size:11px;color:#7f956a}.evidence-box{margin-top:20px;border:1px solid #dae5ce;background:#f0f5e8;border-radius:8px;padding:17px}.evidence-box strong{font-size:15px;display:block;margin-bottom:8px}.evidence-box>span{font-size:10px;color:#8ca374}.evidence-box p{font-size:11px;margin-top:8px}.evidence-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:9px;color:#8ba070}.evidence-box>small{font-size:9px;color:#a1b090;display:block;margin-top:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#48673f;color:#fff;padding:14px 22px;border-radius:10px;font-size:12px;display:flex;gap:10px;align-items:center;box-shadow:0 5px 35px #27422122;z-index:200;max-width:90vw}.toast.error{background:#9e6955}.toast button{background:none;color:#fff;padding:0}.inline-error{font-size:11px;color:#ae7561;background:#f7eae1;border-radius:6px;padding:12px 15px;margin:13px 0}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#809967}.loading-page p{max-width:500px}.loading-page h1{font-family:Georgia,serif;font-size:32px}@keyframes pulse{50%{opacity:.45}}@media(min-width:1500px){.scene{height:460px}.today-card{padding-top:35px}.level-orbit{margin-top:24px}.place-art{height:125px}}@media(max-width:1200px){.sidebar{width:200px;padding:28px 15px}.brand{font-size:16px}.main-shell{margin-left:200px;width:calc(100% - 200px)}main{padding:28px 26px 0}.topbar{padding:0 26px}.town-grid{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.date-chip{display:none}.scene{height:395px}.scene-footer span:last-child{display:none}.bottom-grid{grid-template-columns:1fr}.place-body{padding:15px}.place-body p{min-height:30px}.level-grid{grid-template-columns:repeat(2,1fr)}.walk-help{bottom:65px;font-size:8px}.review-strip>.text-button{font-size:10px}.expression-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:76px;padding:25px 10px}.brand{padding:0;justify-content:center}.brand>span:last-child,.sidebar-caption,.nav-item>span,.gentle-note,.profile{display:none}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:15px}.sidebar-bottom{padding:0}.main-shell{margin-left:76px;width:calc(100% - 76px)}.town-grid{grid-template-columns:1fr}.today-card{display:none}.place-grid{gap:12px}.place-body h3{font-size:14px}.scene{height:420px}.topbar{height:60px}.settings-grid,.growth-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:24px}}@media(max-width:600px){main{padding:23px 16px 0}.sidebar{width:58px;padding:20px 5px}.brand-icon{width:36px;height:38px}.main-shell{margin-left:58px;width:calc(100% - 58px)}.nav-item{padding:14px 8px}.topbar{padding:0 15px}.breadcrumb{font-size:7px}.top-status{font-size:8px}.top-divider,.level-pill{display:none}h1{font-size:20px}.page-heading p{font-size:11px}.place-grid,.expression-grid,.level-grid{grid-template-columns:1fr}.scene{height:360px}.scene-top{left:12px;right:12px;top:12px}.weather{display:none}.scene-caption{left:16px;bottom:82px}.scene-caption h2{font-size:20px}.scene-caption p{font-size:9px}.scene-actions{left:12px;bottom:23px;gap:4px}.scene-actions .btn{font-size:9px;padding:8px}.scene-footer{font-size:8px;padding:12px}.section-description{display:none}.place-card{display:flex}.place-art{width:90px;min-height:150px;height:auto;flex-shrink:0}.place-art-text{font-size:5px;bottom:20px;letter-spacing:.04em}.place-body{flex:1}.review-strip{flex-wrap:wrap}.review-strip h3{font-size:10px}.review-strip p{font-size:8px}.journal-link{font-size:10px}.footer span{display:none}.district-heading{flex-wrap:wrap;gap:8px}.district-heading small{margin-left:0;width:100%}.info-banner{padding:15px;font-size:11px;flex-wrap:wrap}.history-row{padding:14px 10px;gap:10px}.history-main small{font-size:8px}.history-main h3{font-size:11px}.history-main p{font-size:9px}.history-meta small{font-size:8px}.history-row>.npc-avatar{display:none}.panel{padding:17px}.stats-grid{gap:10px}.stat-card{padding:17px}.stat-card strong{font-size:22px}.modal-backdrop{padding:10px}.modal{padding:28px 18px;max-height:95vh}.modal h2{font-size:20px}.chat-tools{gap:10px}.chat-tools>span{display:none}.bubble{font-size:13px}.conversation-header h2{font-size:17px}.chat-log{max-height:38vh}.detail-grid{grid-template-columns:1fr}.button-row .btn{font-size:10px;padding:10px 12px}.mission-picker button{padding:13px}.mission-picker small{font-size:9px}.walk-help{right:10px;bottom:70px}.filter-row input{width:135px}}.scene{isolation:isolate}.scene.walking .scene-caption{display:none}.scene canvas:focus{outline:none}.npc-label{font-size:11px}.town-progress{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:#eef1df;border:1px solid #dce2c9;border-radius:20px;margin-bottom:24px}.town-progress h2{font-size:21px;margin:8px 0 12px}.town-progress p{margin:8px 0}.town-progress small{color:#596d5c}.town-progress progress{width:min(100%,360px);accent-color:#6c8966;height:12px}.town-celebration{position:absolute;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:28px;background:linear-gradient(transparent 20%,#f7f3e3e8 85%);text-align:center}.town-celebration h2{font-size:38px;margin:0;color:#567553}.town-celebration p{margin:0 0 10px;font-size:18px}.construction-label{background:#fff8e9ed;border:1px dashed #9a977b;border-radius:10px;padding:8px 14px;white-space:nowrap;font-size:12px;color:#53614f;pointer-events:none}.construction-label small{display:block;margin-top:4px}.intro-question{background:#edf1e4;border-radius:18px;padding:20px;margin:20px 0}.intro-question h3{font-size:28px;margin:8px 0}.introduction input{display:block;width:100%;padding:14px;margin:10px 0;border:1px solid #bdc9b6;border-radius:10px;font-size:18px}.introduction .btn{margin:6px 8px 6px 0}.place-card:disabled{opacity:.55;cursor:default}@media(max-width:650px){.town-progress{flex-direction:column;align-items:stretch;padding:18px}.town-celebration{padding:16px}.town-celebration h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.town-celebration *,.town-progress *{animation:none!important;transition:none!important}}.introduction input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}