:root{--ink: #4a3b32;--ink-soft: #7a6555;--card: rgba(255, 243, 224, .95);--card-solid: #fff3e0;--accent: #e8722f;--accent-deep: #c9551c;--violet: #7a5ce0;--blossom: #de6fa4;--shadow: 0 8px 24px rgba(74, 59, 50, .22);--radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;background:#c9a9c4;color:var(--ink);font-family:Nunito,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0}.town-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.town-canvas:active{cursor:grabbing}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:18px}.hud-topbar{display:flex;align-items:flex-start;justify-content:space-between}.title{display:flex;flex-direction:column}.title-main{font-size:30px;font-weight:900;letter-spacing:2px;color:var(--card-solid);text-shadow:0 2px 0 var(--accent-deep),0 6px 16px rgba(74,59,50,.45)}.title-sub{font-size:11px;font-weight:800;letter-spacing:5px;color:#fff3e0d9;text-shadow:0 1px 6px rgba(74,59,50,.5);margin-top:2px}.topbar-actions{display:flex;gap:10px;pointer-events:auto}.icon-button{width:44px;height:44px;border-radius:50%;border:2px solid rgba(74,59,50,.18);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .14s ease,background .14s ease}.icon-button:hover{transform:translateY(-2px);background:var(--card-solid)}.icon-button.small{width:32px;height:32px}.npc-panel{position:absolute;left:18px;top:108px;width:232px;padding:12px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel-label{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--ink-soft);margin:2px 0 10px 4px}.npc-empty{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:8px;padding:6px 4px}.status-dot{width:9px;height:9px;border-radius:50%;background:#c9551c;box-shadow:0 0 0 3px #c9551c2e}.status-dot.online{background:#58a94b;box-shadow:0 0 0 3px #58a94b33}.npc-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:none;border-radius:12px;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .14s ease}.npc-item:hover{background:#e8722f24}.npc-item.self{background:#7a5ce01a}.npc-item.self:hover{background:#7a5ce02e}.npc-group{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--ink-soft);padding:8px 4px 2px;border-top:1px dashed rgba(74,59,50,.16);margin-top:4px}.npc-item.resident{cursor:default;opacity:.66}.npc-item.resident:hover{background:transparent}.npc-item.resident .npc-affinity{color:var(--ink-soft);background:#4a3b3217}.npc-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.45),transparent),var(--npc-color, var(--accent));box-shadow:inset 0 -4px #4a3b3224;flex:0 0 auto}.npc-avatar.has-photo{background:none;box-shadow:inset 0 -4px #4a3b3224;overflow:hidden}.npc-avatar.has-photo img{width:100%;height:100%;object-fit:cover;display:block}.npc-meta{display:flex;flex-direction:column;flex:1;min-width:0}.npc-name{font-size:14px;font-weight:800}.npc-role{font-size:11px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.npc-affinity{font-size:11px;font-weight:800;color:var(--violet);background:#7a5ce021;padding:3px 7px;border-radius:999px}.hud-hint{position:absolute;left:20px;bottom:18px;font-size:12px;font-weight:700;color:#fff3e0eb;text-shadow:0 1px 6px rgba(74,59,50,.55)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#c9a9c4;pointer-events:auto}.loading-inner{font-size:18px;font-weight:900;letter-spacing:4px;color:var(--card-solid);text-shadow:0 2px 12px rgba(74,59,50,.4)}.dialogue{position:fixed;right:18px;bottom:202px;width:min(380px,calc(100vw - 36px));max-height:52vh;display:flex;flex-direction:column;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.dialogue-head{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#e8722f33,#de6fa433)}.dialogue-name{font-size:17px;font-weight:900}.dialogue-sub{font-size:11px;color:var(--ink-soft);margin-top:2px}.dialogue-body{padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.bubble{max-width:86%;padding:8px 11px;border-radius:12px;font-size:13.5px;line-height:1.5}.bubble.npc{align-self:flex-start;background:var(--card-solid);color:var(--ink)}.bubble.player{align-self:flex-end;background:var(--accent);color:#fff6e9}.bubble.system{align-self:center;background:transparent;color:var(--ink-soft);font-size:11.5px;font-weight:700;letter-spacing:1px}.bubble.pending{color:var(--ink-soft);font-style:italic}.bubble-meta{font-size:10.5px;color:var(--violet);margin-top:4px;font-weight:700}.dialogue-input{display:flex;gap:8px;padding:10px 12px 12px;border-top:2px solid rgba(74,59,50,.08)}.dialogue-input input{flex:1;border:2px solid rgba(74,59,50,.14);border-radius:10px;padding:9px 11px;font-size:13.5px;font-family:inherit;background:var(--card-solid);color:var(--ink);outline:none}.dialogue-input input:focus{border-color:var(--accent)}.send-button{border:none;border-radius:10px;padding:0 16px;font-size:13.5px;font-weight:800;font-family:inherit;color:#fff6e9;background:var(--accent);cursor:pointer;box-shadow:0 4px 0 var(--accent-deep);transition:transform .12s ease}.send-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--accent-deep)}.send-button:disabled{opacity:.6;cursor:default}.npc-prompt{position:fixed;left:0;top:0;transform:translate(-50%,-100%);opacity:0;transition:opacity .16s ease;pointer-events:none;white-space:nowrap;padding:6px 12px 6px 8px;border-radius:999px;background:var(--card-solid);color:var(--ink);font-size:13px;font-weight:800;box-shadow:var(--shadow);will-change:transform}.npc-prompt-key{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:6px;background:var(--accent);color:#fff6e9;font-size:12px;box-shadow:0 2px 0 var(--accent-deep)}.backend-chip{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--card);box-shadow:var(--shadow);font-size:12.5px;font-weight:800;color:var(--ink-soft)}.backend-chip-text{white-space:nowrap}.backend-chip .status-dot{background:#c9551c;box-shadow:0 0 0 3px #c9551c2e}.backend-chip.online .status-dot{background:#58a94b;box-shadow:0 0 0 3px #58a94b33}.npc-avatar[data-color=aila]{--npc-color: #ff9ec4}.npc-avatar[data-color=zhang]{--npc-color: #7fb3ff}.npc-avatar[data-color=mei]{--npc-color: #ffd36e}.npc-avatar[data-color=coda]{--npc-color: #9d7bff}.dialogue-who{display:flex;align-items:center;gap:10px}.hud-hint .hint-key{display:inline-block;padding:2px 7px;margin:0 2px;border-radius:6px;background:#fff3e0e0;color:var(--ink);font-weight:900;font-size:11px}.meeting{position:fixed;right:18px;top:18px;width:min(400px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.meeting-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#7a5ce038,#e8722f38)}.meeting-title{display:flex;align-items:center;gap:10px;min-width:0}.meeting-badge{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:var(--violet);color:#fff;font-size:11px;font-weight:900;letter-spacing:1px}.meeting-topic-preview{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-body{padding:12px 14px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.meeting-label{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--ink-soft);margin-top:2px}.meeting-textarea{width:100%;min-height:92px;resize:vertical;border:2px solid rgba(74,59,50,.14);border-radius:10px;padding:9px 11px;font-family:inherit;font-size:13px;line-height:1.5;color:var(--ink);background:var(--card-solid);outline:none}.meeting-textarea:focus{border-color:var(--accent)}.meeting-row{display:flex;align-items:center;gap:10px}.meeting-note{font-size:11.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:2px solid rgba(74,59,50,.14);background:transparent;color:var(--ink-soft);font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:all .14s ease}.chip.on{border-color:transparent;background:var(--accent);color:#fff6e9;box-shadow:0 3px 0 var(--accent-deep)}.npc-avatar.tiny{width:18px;height:18px;box-shadow:none}.meeting-history{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:none;border-radius:9px;background:#7a5ce01a;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-align:left}.history-item:hover{background:#7a5ce033}.history-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{flex:0 0 auto;font-size:11px;color:var(--ink-soft)}.meeting-error{font-size:12.5px;color:#a8291f;background:#c9551c1f;border-radius:9px;padding:8px 10px}.primary-button{margin-top:4px;border:none;border-radius:11px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:900;letter-spacing:1px;color:#fff6e9;background:var(--accent);cursor:pointer;box-shadow:0 4px 0 var(--accent-deep);transition:transform .12s ease}.primary-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--accent-deep)}.primary-button:disabled{opacity:.5;cursor:default;box-shadow:0 4px #4a3b3233}.ghost-button{border:2px solid rgba(74,59,50,.16);border-radius:10px;padding:8px 13px;background:var(--card-solid);color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}.ghost-button:hover{border-color:var(--accent)}.ghost-button.full{width:100%}.transcript{display:flex;flex-direction:column;gap:9px}.line{display:flex;gap:9px;padding:8px 9px;border-radius:11px;transition:background .18s ease}.line.speaking{background:#e8722f24}.line-text{min-width:0}.line-name{font-size:12.5px;font-weight:900;margin-right:6px}.line-role{font-size:10.5px;font-weight:700;color:var(--violet)}.line-text p{margin:3px 0 0;font-size:13px;line-height:1.55;color:var(--ink)}.line.thinking{justify-content:center}.thinking-dots{font-size:12px;font-style:italic;color:var(--ink-soft)}.minutes{margin-top:6px;padding:12px;border-radius:12px;background:var(--card-solid);border:2px solid rgba(122,92,224,.22);display:flex;flex-direction:column;gap:9px}.minutes-title{font-size:14px;font-weight:900;letter-spacing:2px;color:var(--violet)}.minutes-summary{font-size:13px;line-height:1.55}.minutes-block{display:flex;flex-direction:column;gap:4px}.minutes-label{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--ink-soft)}.minutes-item{font-size:12.5px;line-height:1.5;padding-left:12px;position:relative}.minutes-item:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.minutes-foot{font-size:11.5px;color:var(--ink-soft);font-weight:700}.chat-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.chat-bubble{position:fixed;left:0;top:0;max-width:200px;padding:7px 11px;border-radius:12px;background:var(--card-solid);color:var(--ink);font-size:12.5px;line-height:1.45;font-weight:700;box-shadow:var(--shadow);white-space:normal;will-change:transform;animation:bubble-in .18s ease-out}.chat-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:var(--card-solid);transform:rotate(45deg);border-radius:2px}@keyframes bubble-in{0%{opacity:0}to{opacity:1}}.minimap{position:fixed;right:18px;bottom:18px;padding:8px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);pointer-events:none}.minimap canvas{display:block;border-radius:10px;border:2px solid rgba(74,59,50,.16)}.minimap-label{margin-top:6px;text-align:center;font-size:10.5px;font-weight:900;letter-spacing:2px;color:var(--ink-soft)}.minutes-actions{display:flex;gap:8px;align-items:center}.minutes-actions .primary-button{flex:1;margin-top:0}.minutes-actions .ghost-button{margin-top:0}.panel-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:4px 2px;border:none;background:transparent;color:inherit;font-family:inherit;font-weight:900;cursor:pointer;text-align:left}.panel-toggle .panel-label{margin:0}.toggle-caret{font-size:12px;color:var(--ink-soft);line-height:1}.panel-count{margin-left:auto;font-size:11px;font-weight:900;color:var(--violet);background:#7a5ce021;padding:2px 8px;border-radius:999px}.dialogue-head,.meeting-head,.join-head{align-items:center;gap:8px}.dialogue-head .panel-toggle,.meeting-head .panel-toggle,.join-head .panel-toggle{width:auto}.dialogue-who{flex:1;min-width:0}.meeting-title{flex:1}.name-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.name-tag{position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:center;padding:3px 9px 4px;border-radius:999px;background:#fff3e0f0;border:2px solid var(--tag-color, var(--accent));box-shadow:var(--shadow);white-space:nowrap;will-change:transform;line-height:1.12}.name-tag-name{font-size:12px;font-weight:900;color:var(--ink)}.name-tag-role{font-size:9.5px;font-weight:700;color:var(--ink-soft);max-width:116px;overflow:hidden;text-overflow:ellipsis}.name-tag.focus{box-shadow:0 0 0 3px #7a5ce047,var(--shadow)}.name-tag.self{border-style:dashed}.name-tag.self .name-tag-name{color:var(--accent-deep)}.pill-button{height:44px;padding:0 16px;border-radius:999px;border:2px solid rgba(74,59,50,.18);background:var(--card);color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer;box-shadow:var(--shadow);transition:transform .14s ease,background .14s ease}.pill-button:hover{transform:translateY(-2px);background:var(--card-solid)}.farm-chip{position:absolute;left:20px;bottom:46px;padding:6px 12px;border-radius:999px;background:#7ebf4af0;color:#1f2a12;font-size:12px;font-weight:900;box-shadow:var(--shadow)}.farm-toast{position:absolute;left:50%;bottom:104px;transform:translate(-50%);padding:9px 18px;border-radius:999px;background:#4a3b32eb;color:#fff3e0;font-size:13px;font-weight:800;box-shadow:var(--shadow);white-space:nowrap;animation:bubble-in .2s ease-out}.join{position:fixed;left:18px;top:108px;width:min(300px,calc(100vw - 36px));max-height:calc(100vh - 140px);display:flex;flex-direction:column;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.join-head{display:flex;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#7a5ce038,#2fc4ce38)}.join-title{font-size:14px;font-weight:900}.join-body{padding:12px 14px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.join-input{width:100%;border:2px solid rgba(74,59,50,.14);border-radius:10px;padding:8px 11px;font-size:13px;font-family:inherit;background:var(--card-solid);color:var(--ink);outline:none}.join-input:focus{border-color:var(--accent)}.join-avatar{display:flex;align-items:center;gap:12px}.join-avatar-cube{width:74px;height:74px;flex:0 0 auto;padding:0;border:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;border-radius:12px;background:linear-gradient(150deg,#ffd6a8,#e8722f);box-shadow:inset 0 -8px #4a3b3229,var(--shadow);display:grid;place-items:center;overflow:hidden;transform:perspective(320px) rotateY(-16deg) rotateX(6deg)}.join-avatar-cube.has-image{background:#fff3e0}.join-avatar-cube img{width:100%;height:100%;object-fit:cover}.join-avatar-hint{font-size:12px;font-weight:900;color:#fff6e9}.join-avatar-actions{display:flex;flex-direction:column;gap:6px}.join-avatar-actions .ghost-button{margin-top:0;padding:6px 12px}.join-avatar-tip{font-size:10.5px;color:var(--ink-soft);font-weight:700}.join-note{font-size:11.5px;font-weight:700;color:var(--violet)}.join-actions{display:flex;gap:8px;align-items:center}.join-actions .primary-button{flex:1;margin-top:0}.join-actions .ghost-button{margin-top:0}.join-current{font-size:11.5px;color:var(--ink-soft);font-weight:700}.minimap-toggle{pointer-events:auto;width:auto;justify-content:center}.minimap canvas.hidden{display:none}.stream-caret{display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:currentColor;animation:caret-blink .9s steps(1) infinite}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.bubble.streaming{border:1px dashed rgba(122,92,224,.45)}.transcript .line-text p{white-space:pre-wrap}.llm-fab{position:fixed;right:212px;bottom:18px;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:2px solid rgba(74,59,50,.18);background:var(--card);color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer;box-shadow:var(--shadow);transition:transform .14s ease,background .14s ease}.llm-fab:hover{transform:translateY(-2px);background:var(--card-solid)}.llm-fab-dot{width:9px;height:9px;border-radius:50%;background:#c9551c;box-shadow:0 0 0 3px #c9551c2e}.llm-fab.on .llm-fab-dot{background:#58a94b;box-shadow:0 0 0 3px #58a94b33}.llm-panel{position:fixed;right:212px;bottom:68px;width:min(320px,calc(100vw - 36px));max-height:calc(100vh - 120px);display:flex;flex-direction:column;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.llm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:linear-gradient(135deg,#7a5ce038,#2fc4ce38)}.llm-head .panel-toggle{width:auto}.llm-title{font-size:14px;font-weight:900}.llm-body{padding:12px 14px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.llm-status{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--ink-soft)}.llm-mask{font-size:11px;color:var(--violet);font-weight:700}.llm-providers{display:flex;flex-wrap:wrap;gap:6px}.llm-hint{font-size:10.5px;line-height:1.5;color:var(--ink-soft)}.llm-note{font-size:11.5px;font-weight:700;color:var(--accent-deep)}.llm-empty{font-size:11.5px;color:var(--ink-soft)}.llm-advanced{align-self:flex-start;border:none;background:transparent;padding:2px 0;color:var(--violet);font-family:inherit;font-size:11.5px;font-weight:800;cursor:pointer}.touch-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.touch-stick{position:absolute;left:22px;bottom:88px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff3e04d,#fff3e029);border:2px solid rgba(255,243,224,.6);box-shadow:0 6px 20px #4a3b3240;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-stick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--card-solid);border:2px solid rgba(74,59,50,.18);box-shadow:var(--shadow);will-change:transform}.touch-buttons{position:absolute;right:22px;bottom:88px;display:flex;align-items:flex-end;gap:14px}.touch-btn{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;min-width:74px;height:74px;padding:0 10px;border-radius:50%;border:2px solid rgba(74,59,50,.18);background:var(--card);color:var(--ink);font-family:inherit;font-size:13px;font-weight:900;box-shadow:var(--shadow);transition:transform .1s ease,background .1s ease,opacity .1s ease}.touch-btn:active{transform:scale(.94)}.touch-jump{background:linear-gradient(150deg,#ffd6a8,#e8722f);color:#fff6e9}.touch-interact{background:linear-gradient(150deg,#cfe9ff,#7fb3ff);color:#17335c}.touch-interact.active{background:linear-gradient(150deg,#ffe6a8,var(--accent));color:#4a2a10}.touch-btn:disabled{opacity:.4}.touch-zoom{position:absolute;right:22px;bottom:186px;display:flex;flex-direction:column;gap:12px}.touch-zoom-btn{width:52px;min-width:52px;height:52px;font-size:22px;line-height:1;background:linear-gradient(150deg,#eaf3ff,#b7d3f2);color:#17335c}.meeting-hint{font-size:11px;line-height:1.5;color:var(--ink-soft);margin:-2px 0 2px}@media(max-width:900px){.llm-fab{right:20px;bottom:182px}.llm-panel{left:12px;right:12px;top:12px;bottom:12px;width:auto;max-height:none}.llm-body{padding:10px 12px 12px}.llm-providers .chip,.llm-body .chip{font-size:11.5px;padding:5px 9px}}.avatar-button{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 6px;border-radius:999px;border:2px solid rgba(74,59,50,.18);background:var(--card);color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer;box-shadow:var(--shadow);transition:transform .14s ease,background .14s ease}.avatar-button:hover{transform:translateY(-2px);background:var(--card-solid)}.avatar-button img,.avatar-button .avatar-fallback{width:32px;height:32px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(150deg,#ffd6a8,#e8722f);color:#fff6e9;font-size:15px;font-weight:900;flex:0 0 auto}.avatar-button.has-role img,.avatar-button.has-role .avatar-fallback{background:linear-gradient(150deg,#cfe9ff,#7fb3ff);color:#17335c}.avatar-name{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.hud{padding:12px}.hud-topbar{align-items:center;gap:8px}.title-main{font-size:21px;letter-spacing:1px;white-space:nowrap}.title-sub{font-size:9px;letter-spacing:3px;white-space:nowrap}.backend-chip{height:44px;width:44px;padding:0;justify-content:center}.backend-chip-text{display:none}.avatar-button{padding:0 6px}.avatar-name{display:none}.npc-panel{left:12px;top:66px;width:min(200px,54vw);padding:10px}.hud-hint{left:12px;right:12px;bottom:232px;font-size:11px;line-height:1.45}.hud-hint .hint-key{font-size:10px;padding:1px 5px}.minimap{right:12px;bottom:12px}.minimap-label{font-size:10px;letter-spacing:1px}.touch-stick{left:14px;bottom:78px}.touch-buttons{right:14px;bottom:78px}.touch-btn{min-width:66px;height:66px;font-size:12px}.touch-zoom{right:14px;bottom:258px;gap:10px}.touch-zoom-btn{width:46px;min-width:46px;height:46px;font-size:20px}.llm-fab{right:14px;bottom:156px;height:36px;padding:0 12px;font-size:11.5px}}@media(max-width:720px)and (max-height:480px){.touch-stick{bottom:56px;width:112px;height:112px}.touch-buttons{bottom:56px}.touch-btn{min-width:58px;height:58px}.touch-zoom{bottom:210px}.hud-hint{display:none}}