:root{--ink:#294f43;--muted:#788574;--paper:#faf7ed;--green:#436954;--line:#dce2d2;--gold:#c3a266;font-family:ui-rounded,'Hiragino Sans GB','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a9cdd2}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #b77b42;outline-offset:3px}button:disabled{opacity:.48;cursor:default}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}#island{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}header{position:fixed;top:28px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:baseline;gap:15px;text-shadow:0 1px 12px #f8f6e0}.brand strong{font-family:serif;font-size:34px;letter-spacing:3px}.brand span{font-size:13px;letter-spacing:3px}.header-actions{display:flex;align-items:center;gap:22px;font-size:13px}header button{pointer-events:auto;background:#faf7ede8;border:1px solid #fff8;border-radius:24px;padding:11px 19px;min-height:44px;box-shadow:0 4px 20px #45685112}#memory-count{margin-left:5px;color:#849277}#quest{position:fixed;top:102px;left:34px;width:286px;border-radius:23px;background:#faf7edf0;box-shadow:0 6px 32px #3a625912;backdrop-filter:blur(12px)}#quest-toggle{background:none;border:0;width:100%;padding:20px;display:flex;text-align:left;gap:12px;align-items:flex-start}.quest-icon{font-size:28px;color:#bb9758;line-height:1}#quest-toggle small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:6px}#quest-title{font-size:16px;display:block;font-weight:600}#quest-sub{display:block;font-size:11px;color:var(--muted);font-style:normal;margin-top:7px;line-height:1.5}#quest-arrow{font-size:18px;color:#82927b;font-weight:400;margin-left:auto}#quest-details{padding:0 20px 20px}#quest-details p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}ul{list-style:none;padding:0;margin:0}#checklist li{display:flex;gap:10px;font-size:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e4e7d9}#checklist li i{font-style:normal;color:#9ba68d}#checklist li.done i{color:#477c53}#checklist li span:last-child{margin-left:auto;color:var(--muted);font-size:11px}.primary{background:var(--green);border:0;color:var(--paper);border-radius:16px;padding:15px 20px;min-height:49px;font-weight:500;display:flex;justify-content:center;gap:25px;align-items:center;box-shadow:0 4px 12px #294e4310}.compact{width:100%;margin-top:14px;font-size:12px;padding:12px;min-height:44px}.text-button{border:0;background:none;padding:11px;font-size:12px;color:var(--muted);min-height:44px}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.world-label{position:absolute;transform:translate(-50%,-100%);font-size:11px;font-weight:500;background:#fff9e7e8;border-radius:10px;padding:5px 9px;white-space:nowrap;box-shadow:0 2px 7px #45684116;transition:opacity .2s}.world-label.bubble{white-space:normal;width:175px;text-align:center;line-height:1.5;padding:10px 12px;font-size:12px;background:#fffaf0;z-index:2}.world-label.bubble:after{content:'';position:absolute;bottom:-5px;left:50%;width:10px;height:10px;background:inherit;transform:rotate(45deg)}#ambient{position:fixed;left:50%;transform:translateX(-50%);bottom:158px;max-width:540px;font-size:12px;color:#315748;background:#f9f5e8d4;padding:10px 18px;border-radius:18px;text-align:center;line-height:1.6;pointer-events:none}#ambient:empty{display:none}#neighbors{position:fixed;bottom:52px;left:50%;transform:translateX(-50%);display:flex;gap:10px;background:#f8f5e8ed;border:1px solid #fff9;padding:8px;border-radius:24px;box-shadow:0 7px 32px #44665718;backdrop-filter:blur(12px)}.neighbor{background:transparent;border:0;border-radius:17px;display:flex;align-items:center;gap:11px;text-align:left;padding:9px 14px;min-width:125px;min-height:57px}.neighbor .portrait{display:grid;place-items:center;width:33px;height:37px;border-radius:45% 45% 40% 40%;font-size:17px;color:#fff7df;box-shadow:inset 0 -7px #00000009}.neighbor strong{display:block;font-size:13px;font-weight:500}.neighbor small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.neighbor.invited{background:#e7ecd9}.neighbor:hover{background:#ebeedf}#camera-controls{position:fixed;right:28px;bottom:74px;display:flex;flex-direction:column;gap:6px}#camera-controls button{width:44px;height:44px;border:1px solid #fff7;border-radius:50%;background:#f8f5e8d9;font-size:21px;box-shadow:0 3px 14px #305c4e0b}#walk-pad{position:fixed;bottom:68px;left:28px;text-align:center;opacity:.8}#walk-pad>button{margin-bottom:4px}#walk-pad div{display:flex;gap:4px}#walk-pad button{width:42px;height:42px;border:1px solid #fff7;border-radius:13px;background:#f8f5e8c9;font-size:19px}footer{position:fixed;bottom:16px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#426757;pointer-events:none}footer button{pointer-events:auto;border:0;background:#f8f5e8c9;border-radius:14px;padding:7px 12px;font-size:10px;min-height:32px}#welcome{position:fixed;left:50%;bottom:164px;transform:translateX(-50%);width:400px;background:var(--paper);padding:29px 30px 17px;border:1px solid #fffc;border-radius:28px;box-shadow:0 14px 70px #2c4f3e30;z-index:8;text-align:center}.welcome-leaf{color:#a4b58a;font-size:35px;display:block;margin-bottom:8px}#welcome small{font-size:10px;letter-spacing:2px;color:#8b937b}#welcome h1{font-family:serif;font-size:25px;font-weight:500;margin:12px 0}#welcome p{font-size:13px;line-height:1.9;color:var(--muted);margin:10px 0 24px}#welcome .primary{width:100%}#panel{position:fixed;right:34px;top:100px;bottom:150px;width:355px;max-height:620px;background:var(--paper);border-radius:27px;box-shadow:0 15px 80px #24453630;z-index:12;padding:29px 25px;overflow-y:auto;overscroll-behavior:contain}#panel .close{position:absolute;right:12px;top:10px;width:42px;height:42px;border:0;background:transparent;font-size:25px;color:#8f9b88}#panel h2{font-family:serif;font-size:27px;font-weight:500;margin:9px 0}#panel h3{font-size:14px;font-weight:500;margin:20px 0 10px}#panel p{font-size:13px;line-height:1.85;color:var(--muted)}.role{font-size:11px;color:#8d967f;letter-spacing:1px}.portrait.big{width:48px;height:54px;border-radius:45%;display:grid;place-items:center;font-size:25px;color:#fff5df;margin-bottom:17px}.say{font-size:16px;line-height:1.8;margin:20px 0 18px;color:#3c5b4a;min-height:72px}.choices{display:flex;flex-direction:column;gap:8px}.choice{border:1px solid var(--line);background:#edf0e4;padding:13px 14px;border-radius:13px;text-align:left;font-size:12px;min-height:45px}.choice.primary{background:var(--green);color:var(--paper);justify-content:space-between}.memory-entry{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.memory-entry small{display:block;font-size:10px;color:#95a18c}.reflection{padding:14px;background:#e9eedf;border-radius:15px;font-size:12px;line-height:1.8}.field{width:100%;border:1px solid #d4ddca;background:#fffdf6;border-radius:12px;padding:12px;color:var(--ink);font-size:13px;min-height:45px}.chat-form{display:flex;gap:6px;margin-top:10px}.chat-form button{border:0;background:var(--green);color:white;border-radius:12px;padding:10px 13px;min-width:54px}.model-note{font-size:10px!important;line-height:1.7!important;color:#959d8a!important}.pill-count{font-size:12px;color:#829174;margin-bottom:8px}#toast{position:fixed;left:50%;bottom:142px;transform:translateX(-50%);max-width:440px;background:#355d4ded;color:#fff9e9;border-radius:17px;padding:13px 20px;font-size:13px;line-height:1.6;z-index:25;box-shadow:0 5px 25px #173e3420;pointer-events:none}#loading{position:fixed;inset:0;background:#f6f2e5;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50}#loading h1{font-family:serif;font-size:29px;font-weight:400;letter-spacing:2px}#loading p{color:var(--muted);font-size:13px}.loading-flower{font-size:60px;color:#a7b688;animation:breathe 2s infinite}@keyframes breathe{50%{transform:rotate(30deg);opacity:.5}}#fatal{position:fixed;z-index:100;inset:25% 15%;background:var(--paper);border-radius:24px;padding:40px;line-height:1.9;color:#805840}
@media(max-width:760px){header{top:19px;left:20px;right:20px}.brand{gap:9px}.brand strong{font-size:27px}.brand span{font-size:10px;letter-spacing:1px}.header-actions{gap:8px}.header-actions #clock{display:none}header button{font-size:11px;padding:9px 13px}#quest{top:80px;left:16px;width:242px;border-radius:19px}#quest-toggle{padding:15px;gap:9px}.quest-icon{font-size:24px}#quest-title{font-size:14px}#quest-toggle small{font-size:9px}#quest-sub{font-size:10px}#quest-details{padding:0 15px 15px}#neighbors{bottom:58px;width:calc(100% - 30px);max-width:440px;gap:2px;padding:5px;border-radius:21px}.neighbor{min-width:0;flex:1;padding:9px 8px;gap:8px;min-height:55px}.neighbor .portrait{width:28px;height:32px;font-size:15px}.neighbor strong{font-size:12px}.neighbor small{font-size:9px}.brand span{display:none}#camera-controls{bottom:155px;right:15px;gap:4px}#camera-controls button{width:40px;height:40px;font-size:19px}#walk-pad{bottom:161px;left:15px;opacity:.85}#walk-pad button{width:36px;height:36px;font-size:16px;border-radius:11px}footer{bottom:15px;left:18px;right:18px;font-size:9px;gap:12px}#movement-hint{max-width:155px;line-height:1.6}footer button{font-size:9px;padding:7px 9px;min-height:35px}#ambient{bottom:129px;max-width:calc(100% - 32px);width:max-content;padding:8px 12px;font-size:10px}#welcome{width:calc(100% - 40px);max-width:380px;bottom:147px;padding:24px 24px 15px}#welcome h1{font-size:22px}#welcome p{font-size:12px;margin-bottom:17px}.welcome-leaf{font-size:29px;margin-bottom:4px}#panel{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:min(70vh,620px);padding:25px 23px;border-radius:25px}#panel h2{font-size:24px;margin:5px 0}.portrait.big{width:37px;height:42px;font-size:20px;margin-bottom:9px}.say{font-size:14px;min-height:40px;margin:15px 0}.choice{min-height:44px;padding:12px}#toast{bottom:134px;width:max-content;max-width:calc(100% - 40px);font-size:12px}.world-label{font-size:10px}.world-label.bubble{width:135px;font-size:10px;padding:8px}#fatal{inset:18% 8%;padding:27px}}
@media(max-height:650px){#quest{top:75px}#quest-toggle{padding:12px}#quest-sub{display:none}#welcome{bottom:129px;padding:15px 23px 10px}.welcome-leaf{display:none}#welcome p{margin:8px 0 12px;font-size:11px}#welcome h1{font-size:20px;margin:8px 0}#panel{max-height:80vh}#camera-controls{bottom:145px}#camera-controls button{width:35px;height:35px}#walk-pad{bottom:150px}}

/* Consistent touch targets at all sizes. */
#camera-controls button,#walk-pad button{min-width:44px;min-height:44px}footer button{min-height:44px}