:root{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--bg-deep:#e8edf3;--bg-elevated:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#3b82f6;--accent-dim:#3b82f61a;--accent-glow:#3b82f61f;--border:#e5e7eb;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;--font-display:"Noto Serif SC","Source Han Serif SC","STSong",serif;--font-body:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-size-xs:.72rem;--font-size-sm:.78rem;--font-size-base:.82rem;--font-size-md:.88rem;--font-size-lg:.95rem;--font-size-xl:1.1rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000029;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--right-panel-width:340px;--bp-375:375px;--bp-480:480px;--bp-640:640px;--bp-768:768px;--bp-900:900px;--bp-1024:1024px;--touch-min:44px;--touch-spacing:8px;--mobile-nav-height:56px;--mobile-header-height:48px;--font-family:"Microsoft YaHei","PingFang SC",sans-serif;--ui-font-size:14px;--body-font-size:15px;--body-line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-size:var(--ui-font-size,14px);-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border,#d1d5db);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#9ca3af)}.btn-primary{background:var(--accent);color:#fff;font-weight:600;font-size:var(--font-size-md);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;transition:all .15s}.btn-primary:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f640}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);font-size:var(--font-size-md);cursor:pointer;border-radius:6px;padding:8px 16px;transition:all .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;transition:all .15s}.btn-ghost:hover{color:var(--accent);background:var(--accent-dim)}.input-field{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:var(--font-size-md);outline:none;border-radius:6px;width:100%;padding:8px 12px;transition:border-color .15s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:var(--text-muted)}select.input-field{cursor:pointer}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes launcherFadeIn{0%{opacity:0}to{opacity:1}}@keyframes launcherTitleIn{0%{opacity:0;transform:translateY(-20px);letter-spacing:.3em}to{opacity:1;transform:translateY(0);letter-spacing:.12em}}@keyframes launcherLineExpand{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes launcherItemSlide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes launcherSubtitleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gentlePulse{0%,to{opacity:.4}50%{opacity:.7}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.wizard-sidebar{display:flex;background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;gap:0;width:200px;padding:2rem 1.5rem}.wizard-sidebar-step{display:flex;cursor:default;align-items: flex-start;gap:12px}.wizard-sidebar-line-wrap{display:flex;flex-direction:column;flex-shrink:0;align-items: center}.wizard-sidebar-dot{display:flex;font-size:var(--font-size-md);border:2px solid var(--border);background:var(--bg-primary);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:36px;height:36px;transition:all .25s;font-weight:600}.wizard-sidebar-step.active .wizard-sidebar-dot{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--accent-dim)}.wizard-sidebar-step.completed .wizard-sidebar-dot{border-color:var(--success);background:var(--success);color:#fff}.wizard-sidebar-line{background:var(--border);width:2px;height:24px;margin:4px 0;transition:background .25s}.wizard-sidebar-line.completed{background:var(--success)}.wizard-sidebar-label{font-size:var(--font-size-base);color:var(--text-muted);white-space:nowrap;padding-top:6px;transition:color .25s}.wizard-sidebar-step.active .wizard-sidebar-label{color:var(--accent);font-weight:600}.wizard-sidebar-step.completed .wizard-sidebar-label{color:var(--success)}.wizard-main{display:flex;overflow:hidden;flex:1;min-height:0}.wizard-content{display:flex;overflow:auto;flex:1;justify-content:center;min-width:0;padding:70px 40px}@media (max-width:768px){.wizard-main{flex-direction:column}.wizard-sidebar{border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;flex-direction:row;justify-content:center;gap:8px;width:100%;padding:.75rem 1rem}.wizard-sidebar-step{align-items: center;gap:6px}.wizard-sidebar-line-wrap{flex-direction:row;align-items: center}.wizard-sidebar-dot{font-size:var(--font-size-sm);width:28px;height:28px}.wizard-sidebar-line{width:20px;height:2px;margin:0 2px}.wizard-sidebar-label{font-size:var(--font-size-xs);padding-top:0}.wizard-content{padding:1rem}}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.surface-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 3px #0000000f}.surface-card:hover{border-color:color-mix(in srgb,var(--accent)30%,var(--border))}.scenario-card{border:2px solid var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s}.scenario-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 12px #3b82f61a}.scenario-card.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 3px #3b82f614}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:600}.form-group input,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);outline:none;border-radius:8px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.gender-radio-group{display:flex;gap:8px}.gender-radio{border:2px solid var(--border);text-align:center;cursor:pointer;font-size:var(--font-size-sm);background:var(--bg-secondary);border-radius:8px;flex:1;padding:6px 8px;transition:all .2s}.gender-radio.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}.ai-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;min-height:200px;padding:20px}.ai-panel textarea{background:var(--bg-primary);border:1px solid var(--border);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);resize:vertical;outline:none;border-radius:8px;width:100%;min-height:200px;padding:12px;line-height:1.7}.ai-panel textarea:focus{border-color:var(--accent)}.ai-placeholder{display:flex;color:var(--text-muted);flex-direction:column;justify-content:center;align-items: center;gap:12px;min-height:200px}.ai-spinner{border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;border-radius:50%;width:32px;height:32px}.world-editor-overlay{position:fixed;z-index:100;display:flex;animation:fadeIn .2s ease;background:#0009;justify-content:center;align-items: center;inset:0}.world-editor-panel{background:var(--bg-primary);display:flex;overflow:hidden;animation:slideUp .3s ease;border-radius:16px 16px 0 0;flex-direction:column;width:92vw;max-width:900px;height:90vh}.world-editor-header{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items: center;padding:16px 20px}.world-editor-body{overflow-y:auto;flex:1;padding:20px}.world-editor-footer{display:flex;border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items: center;padding:12px 20px}.world-form-section{margin-bottom:20px}.world-form-section h4{font-size:var(--font-size-base);color:var(--text-secondary);display:flex;align-items: center;gap:6px;margin-bottom:8px;font-weight:600}.world-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.world-form-row.three{grid-template-columns:1fr 1fr 1fr}.world-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.world-form-group label{font-size:var(--font-size-base);color:var(--text-muted);font-weight:500}.world-form-group input,.world-form-group textarea,.world-form-group select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);outline:none;border-radius:6px;padding:8px 10px;transition:border-color .2s}.world-form-group input:focus,.world-form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f614}.world-form-group textarea{resize:vertical;min-height:70px;line-height:1.5}.world-form-group input[type=color]{cursor:pointer;border-radius:6px;width:40px;height:32px;padding:2px}.world-dynamic-list{display:flex;flex-direction:column;gap:8px}.world-dynamic-item{background:var(--bg-tertiary);position:relative;border-radius:8px;padding:10px}.world-dynamic-item .remove-btn{position:absolute;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-md);background:0 0;border:none;border-radius:4px;padding:2px 6px;top:6px;right:6px}.world-dynamic-item .remove-btn:hover{color:#ef4444;background:#ef444422}.scenario-card.create-world{display:flex;color:var(--text-muted);border-style:dashed;flex-direction:column;justify-content:center;align-items: center;gap:6px;min-height:80px}.scenario-card.create-world:hover{color:var(--accent);border-color:var(--accent)}.mode-toggle{display:flex;border:1px solid var(--border);overflow:hidden;border-radius:8px;gap:0;margin-bottom:16px}.mode-toggle button{background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-base);border:none;flex:1;padding:8px 16px;transition:all .2s}.mode-toggle button.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.message-html-content p{margin:0 0 .85em}.message-html-content p:last-child{margin-bottom:0}.message-html-content .text-colorized-fragment{white-space:pre-wrap;text-shadow:0 1px #ffffff29;font-weight:600}.message-html-content h1,.message-html-content h2,.message-html-content h3,.message-html-content h4,.message-html-content h5,.message-html-content h6{margin:1em 0 .5em;font-weight:700;line-height:1.3}.message-html-content h1{font-size:1.5em}.message-html-content h2{font-size:1.3em}.message-html-content h3{font-size:1.15em}.message-html-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.message-html-content a:hover{opacity:.8}.message-html-content .inline-code{background:var(--bg-tertiary);border-radius:4px;padding:.15em .4em;font-family:Consolas,Monaco,monospace;font-size:.88em}.message-html-content .code-block-wrapper{overflow:hidden;border:1px solid var(--border);border-radius:8px;margin:.8em 0}.message-html-content .code-block-header{display:flex;background:var(--bg-tertiary);font-size:var(--font-size-sm);color:var(--text-muted);justify-content:space-between;align-items: center;padding:6px 12px}.message-html-content .code-block-header .code-lang{font-weight:600}.message-html-content .code-block-header .code-copy-btn{border:1px solid var(--border);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px}.message-html-content .code-block-header .code-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.message-html-content pre{overflow-x:auto;margin:0;padding:12px;font-size:.85em;line-height:1.5}.message-html-content pre code{font-family:Consolas,Monaco,monospace}.message-html-content .md-blockquote{border-left:3px solid var(--accent);background:var(--accent-dim);color:var(--text-secondary);border-radius:0 6px 6px 0;margin:.8em 0;padding:.6em 1em}.message-html-content .table-wrapper{overflow-x:auto;margin:.8em 0}.message-html-content .md-table{border-collapse:collapse;width:100%;font-size:.88em}.message-html-content .md-table th,.message-html-content .md-table td{border:1px solid var(--border);text-align:left;padding:8px 12px}.message-html-content .md-table th{background:var(--bg-tertiary);font-weight:600}.message-html-content img{border-radius:8px;max-width:100%;margin:.5em 0}.message-html-content ul,.message-html-content ol{margin:.5em 0;padding-left:1.5em}.message-html-content li{margin:.2em 0}.message-html-content hr{border:none;border-top:1px solid var(--border);margin:1em 0}.message-html-content .action-options-container{overflow:hidden;background:linear-gradient(135deg,#f8faff 0%,#fff 100%);border:1px solid #3b82f626;border-radius:16px;margin-top:20px;box-shadow:0 2px 12px #3b82f60f}.message-html-content .action-options-header{font-size:var(--font-size-sm);color:var(--accent);letter-spacing:.5px;background:linear-gradient(90deg,#3b82f614,#0000);border-bottom:1px solid #3b82f61a;padding:12px 18px;font-weight:600}.message-html-content .action-options-list{display:flex;flex-direction:column;gap:6px;padding:10px}.message-html-content .action-option-item{display:flex;cursor:pointer;background:#fff9;border:1px solid #3b82f614;border-radius:12px;flex-direction:column;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-html-content .action-option-item:hover{background:linear-gradient(135deg,#3b82f60f 0%,#3b82f605 100%);border-color:#3b82f633;transform:translate(4px);box-shadow:0 2px 8px #3b82f614}.message-html-content .action-option-item:active{transform:translate(2px)scale(.99)}.message-html-content .action-option-title{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600;line-height:1.4}.message-html-content .action-option-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:4px;line-height:1.5}@media (max-width:768px){.message-html-content .action-options-container{border-radius:12px;margin-top:16px}.message-html-content .action-option-item{border-radius:10px;padding:14px 16px}}.world-browser{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.6fr);gap:var(--space-8);height:100%;min-height:0}@media (max-width:900px){.world-browser{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--space-4)}}.world-browser-left{display:flex;gap:var(--space-3);overflow:hidden;flex-direction:column;min-height:0}.world-browser-toolbar{display:flex;gap:var(--space-2);flex-shrink:0;align-items: center}.world-search-box{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-2)var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-muted);transition:border-color var(--duration-fast);flex:1}.world-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.world-search-box input{color:var(--text-primary);font-size:var(--font-size-base);outline:none;background:0 0;border:none;width:100%}.world-search-box input::placeholder{color:var(--text-muted)}.world-diff-filters{display:flex;gap:var(--space-1);flex-shrink:0}.diff-filter-btn{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--duration-fast)}.diff-filter-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.diff-dot{border-radius:50%;width:5px;height:5px}.world-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);overflow-y:auto;flex:1;align-content: start;min-height:0;padding-right:2px}@media (max-width:640px){.world-card-grid{grid-template-columns:1fr}}.world-card-grid::-webkit-scrollbar{width:4px}.world-card-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.world-card{display:flex;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-secondary);position:relative;box-shadow:var(--shadow-sm);flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1)}.world-card:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.world-card.selected{border-color:var(--accent);border-left:3px solid var(--accent);box-shadow:0 4px 16px #3b82f62e,0 0 0 1px var(--accent-dim);z-index:1;background:linear-gradient(135deg,var(--bg-secondary)0%,color-mix(in srgb,var(--accent)5%,var(--bg-secondary))100%);transform:translateY(-2px)}.world-card.selected .world-card-header{filter:brightness(1.1)}.world-card.selected .world-card-desc{color:var(--text-secondary)}.world-card-header{display:flex;align-items: center;gap:var(--space-2);padding:0 var(--space-3);background:linear-gradient(135deg,var(--cover-color,var(--accent)),color-mix(in srgb,var(--cover-color,var(--accent))60%,#000));position:relative;flex-shrink:0;height:44px}.world-card-header svg{color:#fff;flex-shrink:0}.world-card-name{font-weight:600;font-size:var(--font-size-md);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d}.world-card-header .world-card-difficulty{font-size:var(--font-size-xs);padding:2px var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;margin-left:auto;font-weight:500}.world-card-actions{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;gap:3px}.world-card-delete{border-radius:var(--radius-sm);cursor:pointer;display:flex;color:#fff;transition:background var(--duration-fast);background:#ef444440;border:none;justify-content:center;align-items: center;width:22px;height:22px}.world-card-delete:hover{background:#ef444499}.world-card-edit{border-radius:var(--radius-sm);cursor:pointer;display:flex;color:#fff;transition:background var(--duration-fast);background:#ffffff40;border:none;justify-content:center;align-items: center;width:22px;height:22px}.world-card-edit:hover{background:#fff6}.world-card-body{padding:var(--space-3);display:flex;gap:var(--space-1);flex-direction:column;flex:1}.world-card-desc{font-size:var(--font-size-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;flex:1;line-height:1.5}.world-card-footer{display:flex;align-items: center;gap:var(--space-1);flex-wrap:wrap}.world-card-difficulty{font-size:var(--font-size-xs);padding:2px var(--space-1);border-radius:var(--radius-sm);font-weight:500}.world-card-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.world-card-tag{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--bg-tertiary,var(--bg-secondary));color:var(--text-muted);border:1px solid var(--border)}.world-card.create{color:var(--text-muted);justify-content:center;align-items: center;gap:var(--space-1);box-shadow:none;border-style:dashed;flex-direction:column;min-height:68px}.world-card.create:hover{color:var(--accent);border-color:var(--accent);box-shadow:none}.world-browser-right{display:flex;gap:var(--space-3);border-left:1px solid var(--border);padding-left:var(--space-8);flex-direction:column;min-width:0;min-height:0}.world-detail{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden;display:flex;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;min-height:0}.world-detail-header{padding:var(--space-5)var(--space-6);background:linear-gradient(135deg,var(--cover-color,var(--accent)),color-mix(in srgb,var(--cover-color,var(--accent))50%,#000));color:#fff;display:flex;gap:var(--space-3);flex-shrink:0;align-items: flex-start}.world-detail-header svg{color:#fff;filter:drop-shadow(0 1px 3px #0000004d);flex-shrink:0}.world-detail-title{font-size:var(--font-size-xl);margin:0 0 var(--space-1);font-weight:700}.world-detail-desc{font-size:var(--font-size-base);opacity:.9;margin:0 0 var(--space-2);line-height:1.5}.world-detail-meta{display:flex;gap:var(--space-1);flex-wrap:wrap}.world-detail-meta .world-card-tag{color:#fff;background:#fff3;border:none}.world-detail-empty{display:flex;justify-content:center;align-items: center;gap:var(--space-3);color:var(--text-muted);font-size:var(--font-size-md);flex-direction:column;flex:1}.world-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 var(--space-4);flex-shrink:0}.world-tab{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-2)var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.world-tab:hover{color:var(--text-primary)}.world-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.world-tab-content{overflow-y:auto;padding:var(--space-4);flex:1;min-height:0}.tab-section{display:flex;gap:var(--space-4);flex-direction:column}.detail-block{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.detail-block-title{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary,#00000008);border-bottom:1px solid var(--border);font-weight:600}.detail-block-body{padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);color:var(--text-secondary,var(--text-muted));line-height:1.6}.detail-block-body p{margin:0 0 var(--space-2)}.detail-row{display:flex;align-items: flex-start;gap:var(--space-1);margin-bottom:var(--space-1);font-size:var(--font-size-base);line-height:1.5}.detail-row strong{color:var(--text-primary);white-space:nowrap}.detail-rule{display:flex;align-items: flex-start;gap:var(--space-1);padding:var(--space-1)var(--space-3);margin:var(--space-1)0;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary,var(--text-muted));background:#eab3080f;line-height:1.5}.detail-badges{display:flex;gap:var(--space-1);flex-wrap:wrap}.detail-badge{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-primary)}.detail-pills{display:flex;gap:var(--space-1);padding:var(--space-3)var(--space-4);flex-wrap:wrap}.detail-pill{display:flex;align-items: center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--font-size-xs);background:var(--accent-dim);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent)20%,transparent);border-radius:6px}.detail-flags{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.detail-flag{display:flex;align-items: center;gap:var(--space-1);font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:var(--radius-sm)}.detail-flag.danger{color:#ef4444;background:#ef44441a}.detail-flag.safe{color:#22c55e;background:#22c55e1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);padding:var(--space-3)var(--space-4)}.stat-card{padding:var(--space-3)var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary)}.stat-card.important{border-color:var(--accent);background:var(--accent-dim)}.stat-name{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:2px}.stat-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.stat-range{font-size:var(--font-size-xs);color:var(--text-muted);opacity:.7;margin-top:4px}.progression-ladder{display:flex;flex-direction:column;gap:2px}.progression-tier{display:flex;align-items: center;gap:var(--space-3);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-primary);border:1px solid var(--border)}.tier-number{background:var(--accent);color:#fff;font-size:var(--font-size-sm);display:flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:28px;height:28px;font-weight:600}.tier-name{color:var(--text-primary);font-weight:600}.tier-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:6px}.events-list{display:flex;gap:var(--space-1);padding:var(--space-3)var(--space-4);flex-direction:column}.event-item{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary)}.event-item.major{border-color:var(--accent);border-left:3px solid var(--accent)}.event-header{display:flex;margin-bottom:var(--space-1);justify-content:space-between;align-items: center}.event-name{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.event-trigger{font-size:var(--font-size-xs);color:var(--accent);background:var(--accent-dim);padding:1px var(--space-1);border-radius:var(--radius-sm)}.event-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.resources-list{display:flex;gap:var(--space-1);margin-top:var(--space-2);flex-direction:column}.resource-item{padding:var(--space-2)var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary)}.resource-item.scarce{border-color:#ef4444;border-left-style:solid;border-left-width:3px}.resource-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:2px}.resource-name{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.resource-scarce{font-size:var(--font-size-xs);color:#ef4444;padding:1px var(--space-1);border-radius:var(--radius-sm);background:#ef44441a;font-weight:500}.resource-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.factions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);padding:var(--space-3)var(--space-4)}.faction-card{padding:var(--space-3)var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary)}.faction-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:4px}.faction-name{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.faction-alignment{font-size:var(--font-size-xs);padding:1px var(--space-1);border-radius:var(--radius-sm);font-weight:500}.faction-alignment.friendly{color:#22c55e;background:#22c55e1f}.faction-alignment.neutral{color:#eab308;background:#eab3081f}.faction-alignment.hostile{color:#ef4444;background:#ef44441f}.faction-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.npcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);padding:var(--space-3)var(--space-4)}.npc-card{padding:var(--space-3)var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary)}.npc-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.npc-name{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.npc-role{font-size:var(--font-size-sm);color:var(--accent)}.npc-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.npc-personality{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:4px;font-style:italic}.world-browser-nav{display:flex;padding-top:var(--space-2);justify-content:flex-end}.world-browser-nav .btn-primary{display:flex;align-items: center;gap:var(--space-1)}.world-browser-nav.mobile{padding:var(--space-3)0;justify-content:center}.world-browser-nav.mobile .btn-primary{justify-content:center;width:100%;padding:12px}.mobile-detail-overlay{position:fixed;background:var(--bg-primary);z-index:1000;display:flex;animation:slideInRight .25s ease;flex-direction:column;inset:0}.mobile-detail-header{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items: center;padding:12px 16px}.mobile-detail-back{display:flex;color:var(--accent);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items: center;gap:6px;padding:8px 12px}.mobile-detail-back:active{background:var(--accent-dim)}.mobile-detail-next{font-size:var(--font-size-sm)!important;padding:8px 16px!important}.mobile-detail-content{overflow-y:auto;flex:1;padding:16px}.mobile-detail-content .world-detail{max-width:100%}.mobile-detail-content .world-detail-header{border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:20px 16px}.personal-info-layout{display:grid;grid-template-columns:1fr 1fr;align-content: start;gap:16px;height:100%}@media (max-width:768px){.personal-info-layout{grid-template-columns:1fr}}.personal-info-box{display:flex;border:1px solid var(--border);background:var(--bg-secondary);overflow:hidden;border-radius:10px;flex-direction:column;height:min(560px,75vh)}.pi-box-header{display:flex;font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-tertiary,#00000008);border-bottom:1px solid var(--border);flex-shrink:0;align-items: center;gap:6px;padding:10px 14px;font-weight:600}.pi-right-tabs{display:flex;background:var(--bg-tertiary,#00000008);border-bottom:1px solid var(--border);align-items: center;gap:2px;width:100%;padding:6px 8px}.pi-right-tab{display:flex;align-items: center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;min-width:0;font-weight:500}.pi-right-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.pi-right-tab.active{color:var(--accent);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.pi-ai-btn{padding:var(--space-1)var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;display:flex;transition:all var(--duration-fast);flex-shrink:0;justify-content:center;align-items: center;margin-left:auto}.pi-ai-btn:hover{border-color:var(--accent);color:var(--accent)}.pi-ai-btn:disabled{opacity:.5;cursor:not-allowed}.pi-box-body{overflow-y:auto;padding:var(--space-4);display:flex;gap:var(--space-3);flex-direction:column;flex:1}.personal-info-nav{grid-column:1/-1;display:flex;padding-top:var(--space-1);justify-content:space-between}.confirm-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-content: start}@media (max-width:768px){.confirm-layout{grid-template-columns:1fr}}.confirm-left,.confirm-right{display:flex;gap:var(--space-3);flex-direction:column}.confirm-nav{grid-column:1/-1;display:flex;padding-top:var(--space-1);justify-content:space-between}.confirm-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden}.confirm-card-header{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-weight:600;font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-tertiary,#00000008);border-bottom:1px solid var(--border)}.confirm-count{font-size:var(--font-size-xs);color:var(--accent);background:var(--accent-dim);padding:1px var(--space-1);border-radius:var(--radius-sm);margin-left:auto;font-weight:500}.confirm-card-body{padding:var(--space-3)var(--space-4);display:flex;gap:var(--space-1);flex-direction:column}.confirm-empty{display:flex;justify-content:center;align-items: center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-md);flex-direction:column;flex:1}.confirm-row{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-1)0}.confirm-row-label{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:80px}.confirm-row-value{font-size:var(--font-size-base)}.confirm-npc-row{display:flex;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-base)}.confirm-segment{display:flex;gap:var(--space-1);flex-direction:column}.confirm-segment-title{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items: center;gap:var(--space-1);font-weight:600}.confirm-segment-content{font-size:var(--font-size-base);color:var(--text-muted);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);overflow-y:auto;max-height:300px;line-height:1.6}.history-layout{display:flex;flex-direction:column;gap:12px;height:750px}@media (max-width:768px){.history-layout{height:auto;min-height:600px}}.history-topbar{display:flex;flex-shrink:0;justify-content:flex-end;align-items: center;gap:8px}.history-tabs{display:flex;border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;flex-shrink:0;gap:4px;padding:8px 12px}.history-tab{display:flex;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items: center;gap:6px;min-width:0;padding:8px 14px;transition:all .12s}.history-tab:hover{background:var(--bg-tertiary,#0000000a);color:var(--text-primary)}.history-tab.active{background:var(--accent-dim,#6366f11a);color:var(--accent);font-weight:600}.history-tab-icon{display:flex;flex-shrink:0}.history-tab-title{overflow:hidden;text-overflow:ellipsis}.history-tab-status{font-size:var(--font-size-xs);color:var(--success,#22c55e);flex-shrink:0}@media (max-width:768px){.history-tabs{gap:2px;padding:6px 8px}.history-tab{font-size:var(--font-size-xs);gap:4px;padding:6px 8px}.history-tab-title{display:none}}.history-content{display:flex;border:1px solid var(--border);background:var(--bg-secondary);overflow:hidden;border-radius:10px;flex-direction:column;flex:1;min-height:0}.history-content-header{display:flex;font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-tertiary,#00000008);border-bottom:1px solid var(--border);flex-shrink:0;align-items: center;gap:8px;padding:10px 14px;font-weight:600}.history-content-icon{display:flex}.history-content-body{overflow-y:auto;flex:1;padding:14px}.history-textarea{border:1px solid var(--border);background:var(--bg-primary);font-size:var(--font-size-lg);resize:none;line-height:1.75;font-family:var(--font-family);color:var(--text-primary);border-radius:8px;width:100%;height:100%;min-height:200px;padding:14px 16px}.history-nav{display:flex;justify-content:space-between;align-items: center;gap:12px;padding-top:12px}@media (max-width:768px){.history-nav{flex-direction:row;gap:8px}.history-nav .btn-primary,.history-nav .btn-secondary{flex:1;justify-content:center;padding:12px 20px}}.full-height{height:100vh;height:100dvh}*{touch-action:manipulation}.mobile-header{display:none;background:var(--bg-secondary);border-bottom:1px solid var(--border);height:var(--mobile-header-height);flex-shrink:0;justify-content:space-between;align-items: center;padding:8px 12px}.mobile-header-btn{width:var(--touch-min);height:var(--touch-min);display:flex;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items: center}.mobile-header-btn:active{background:var(--bg-tertiary)}.mobile-header-title{font-size:var(--font-size-md);color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 8px;font-weight:600}.mobile-tab-bar{display:none;position:fixed;height:var(--mobile-nav-height);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:50;justify-content:space-around;align-items: flex-start;padding-top:4px;bottom:0;left:0;right:0}.mobile-tab-item{display:flex;min-width:var(--touch-min);min-height:var(--touch-min);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;flex-direction:column;align-items: center;gap:2px;padding:6px 8px}.mobile-tab-item.active{color:var(--accent)}.mobile-tab-item:active{opacity:.7}.mobile-overlay{position:fixed;z-index:100;animation:fadeIn var(--duration-fast)ease;background:#00000080;inset:0}.mobile-overlay-panel{position:absolute;background:var(--bg-secondary);display:flex;box-shadow:var(--shadow-lg);flex-direction:column;width:280px;max-width:80vw;top:0;bottom:0}.mobile-overlay-left{animation:slideInLeft var(--duration-normal)cubic-bezier(.4,0,.2,1);left:0}.mobile-overlay-right{animation:slideInRight var(--duration-normal)cubic-bezier(.4,0,.2,1);right:0}.mobile-overlay-header{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items: center;padding:12px 16px}.mobile-overlay-header h2{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.mobile-overlay-header button{width:var(--touch-min);height:var(--touch-min);display:flex;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items: center}.mobile-overlay-header button:active{background:var(--bg-tertiary)}.mobile-overlay-content{overflow-y:auto;flex:1;padding:12px}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width:900px){.mobile-header,.mobile-tab-bar{display:flex}}@supports (padding: env(safe-area-inset-bottom)){.mobile-tab-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}