:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 system-ui,Segoe UI,Noto Sans SC,Hiragino Sans,sans-serif}*{box-sizing:border-box}body{background:#1a1a2e;min-height:100vh;margin:0}#root{min-height:100vh}.game-root{justify-content:center;align-items:center;min-height:100vh;padding:24px 0;display:flex}.game-stage{aspect-ratio:16/9;background:#000;border-radius:16px;flex-direction:row;width:min(1100px,96vw);max-height:96vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.stage-left{background:#111;flex:6;position:relative;overflow:hidden}.stage-left-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.stage-left-placeholder{color:#ffffffd9;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative}.stage-placeholder-overlay{background:linear-gradient(160deg,#14101c8c 0%,#0f0c14bf 100%);position:absolute;inset:0}.stage-placeholder-icon{font-size:48px;position:relative}.stage-placeholder-text{letter-spacing:2px;font-size:14px;position:relative}.stage-left-gradient{pointer-events:none;background:linear-gradient(90deg,#0000 70%,#00000040 100%);position:absolute;inset:0}.stage-right{background:#f7f4ef;flex-direction:column;flex:4;min-width:320px;display:flex}.title-screen{aspect-ratio:auto;text-align:center;background:linear-gradient(160deg,#ffd9e6 0%,#d6e4ff 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:min(480px,96vw);padding:40px 24px;display:flex;box-shadow:0 20px 60px #00000080}.title-logo{color:#4a2c52;margin:0 0 8px;font-size:40px}.title-sub{color:#6b5568;margin-bottom:32px}.title-actions{flex-direction:column;gap:12px;width:100%;display:flex}.restore-panel{flex-direction:column;gap:6px;width:100%;margin-top:12px;display:flex}.save-code-block{width:100%;margin-top:16px}.save-code-hint{color:#6b5568;font-size:12px;line-height:1.6}.ai-disclosure{color:#4a2c5273;margin-top:20px;font-size:11px}.save-code-edit-btn{color:#a1425a;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:12px;text-decoration:underline}.save-code-value{letter-spacing:1px;color:#4a2c52;font-weight:700}.app-topbar{color:#fff;background:#ff6f91;padding:14px 18px}.app-topbar-title{font-size:18px;font-weight:700}.app-topbar-sub{opacity:.9;margin-top:2px;font-size:12px}.affection-bar{background:#fff0f3;border-bottom:1px solid #f4d8de;align-items:center;gap:10px;padding:8px 16px;display:flex}.affection-track{background:#f0d9de;border-radius:4px;flex:1;height:8px;overflow:hidden}.affection-fill{background:linear-gradient(90deg,#ff6f91,#ff9ab5);height:100%;transition:width .4s}.affection-label{color:#a15468;white-space:nowrap;font-size:12px}.chat-feed{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.bubble-row{display:flex}.bubble-row.left{justify-content:flex-start}.bubble-row.right{justify-content:flex-end}.bubble{border-radius:16px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5}.bubble-npc{background:#fff;border:1px solid #eee;border-bottom-left-radius:4px}.bubble-typing{align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-dot{background:#ccc;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.bubble-player{color:#fff;background:#ff6f91;border-bottom-right-radius:4px}.bubble-system{color:#5b5470;background:#e8e3f5;border-radius:12px;align-self:center;padding:6px 12px;font-size:12px}.bubble-ja{font-size:16px;font-weight:600;line-height:2.1}.bubble-ja rt{color:inherit;opacity:.75;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:400}.bubble-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.bubble-action-btn{color:#a1425a;cursor:pointer;background:#fff0f3;border:1px solid #f0d9de;border-radius:8px;padding:3px 8px;font-size:11px}.bubble-zh{opacity:.85;margin-top:4px;font-size:13px}.bubble-vocab{flex-direction:column;gap:4px;margin-top:8px;display:flex}.vocab-chip{text-align:left;cursor:pointer;color:#a1425a;background:#fff3f6;border:1px dashed #ffb8c9;border-radius:8px;padding:4px 8px;font-size:12px}.profile-card{flex-direction:column;gap:8px;max-width:92%;display:flex}.profile-card-title{color:#a1425a;font-size:13px;font-weight:700}.profile-rows{border-top:1px dashed #eee;border-bottom:1px dashed #eee;flex-direction:column;gap:4px;padding:6px 0;display:flex}.profile-row{gap:10px;font-size:12px;display:flex}.profile-label{color:#999;flex-shrink:0;width:64px;line-height:1.9}.profile-value{color:#333;font-weight:600;line-height:1.9}.profile-bio-ja{font-size:14px;font-weight:600;line-height:2}.profile-bio-zh{color:#888;font-size:12px}.bubble-photo{color:#a1425a;background:#fff0f3;border:1px dashed #ffb8c9;font-size:13px}.chat-controls{background:#fff;border-top:1px solid #eee;flex-shrink:0;max-height:46%;padding:12px 16px 18px;overflow-y:auto}.advance-btn{color:#fff;cursor:pointer;background:#ff6f91;border:none;border-radius:12px;width:100%;padding:12px;font-size:15px;font-weight:600}.advance-btn.secondary{color:#555;background:#eee;margin-top:8px}.choice-panel,.quiz-panel,.chapter-end-card{flex-direction:column;gap:8px;display:flex}.choice-prompt,.quiz-question{color:#333;font-size:14px;font-weight:600}.quiz-badge{color:#d63a63;background:#ffe0e9;border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:11px}.quiz-hint{color:#999;font-size:12px}.choice-btn,.quiz-choice{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:10px 14px;font-size:14px}.choice-btn:hover,.quiz-choice:hover{border-color:#ff6f91}.quiz-choice.correct{background:#e5f8ec;border-color:#4caf50}.quiz-choice.wrong{background:#fdeaea;border-color:#e57373}.quiz-feedback p{color:#555;margin:4px 0 8px;font-size:13px}.chapter-end-card{text-align:center}.coming-soon{color:#999;font-size:12px}.mic-btn{color:#fff;cursor:pointer;background:#ff6f91;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:600}.mic-btn.small{color:#d63a63;background:#fff0f3;border:1px dashed #ffb8c9;padding:8px;font-size:13px}.name-input-panel{gap:10px}.name-input-row{gap:8px;display:flex}.name-input-field{border:1px solid #eee;border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.name-input-confirm{width:auto;padding:10px 16px}.name-preset-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.name-preset-hint{color:#999;margin-right:2px;font-size:12px}.name-preset-chip{color:#a1425a;cursor:pointer;background:#fff0f3;border:1px dashed #ffb8c9;border-radius:8px;padding:4px 12px;font-size:13px}.mic-btn.listening{animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.6}}.voice-target{color:#d63a63;background:#fff0f3;border-radius:8px;padding:8px 10px;font-size:15px;font-weight:600}.voice-status{color:#999;font-size:12px}.route-select{text-align:center;background:linear-gradient(160deg,#ffd9e6 0%,#d6e4ff 100%);border-radius:16px;flex-direction:column;align-items:center;width:min(560px,96vw);padding:32px 24px;display:flex;box-shadow:0 20px 60px #00000080}.route-select-title{color:#4a2c52;margin:0 0 4px}.route-select-sub{color:#6b5568;margin:0 0 24px;font-size:13px}.route-cards{gap:16px;width:100%;display:flex}.route-card{cursor:pointer;background:#fff;border:none;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px 0 16px;transition:transform .15s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.route-card:hover{transform:translateY(-2px)}.gender-avatar{object-fit:cover;border-radius:50%;width:120px;height:120px}.route-card-name{color:#333;font-weight:700}.route-card-desc{color:#888;margin-top:2px;font-size:12px}