:root{--ink:#e7ecf3;--muted:#9bacbe;--card:#1a1f2b;--line:#2b3342;--accent:#5cc8ff;--accent-strong:#7ad6ff;--danger:#ff7b72;--editor-bg:#0d121b;--editor-ink:#dce6f4}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(160deg,#0f1115 0%,#141a24 100%);margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif}#root{min-height:100dvh}.page-shell{gap:.7rem;width:min(960px,93vw);margin:24px auto;display:grid}.header-card,.workspace-card{border:1px solid var(--line);background:var(--card);border-radius:10px;box-shadow:0 0 0 1px #0000000f}.header-card{justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.header-copy{min-width:0}.workspace-card{padding:12px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#9ec8f0;margin:0;font-size:.8rem;font-weight:700}h1{margin:.2rem 0 0;font-size:24px}h2{margin:0 0 .45rem;font-size:16px}.lede{color:var(--muted);margin:.5rem 0 0;font-size:.9rem}.header-map-editor-btn{color:#f3fff8;isolation:isolate;background:linear-gradient(135deg,#219256eb 0%,#186c7beb 100%);border:1px solid #6effad7a;border-radius:12px;min-width:168px;padding:12px 18px;font-size:.98rem;font-weight:700;animation:3.8s ease-in-out infinite headerMapEditorGlow;position:relative;overflow:hidden;box-shadow:0 0 0 1px #a1ffce24,0 0 18px #34d3993d,inset 0 1px #ffffff1f}.header-map-editor-btn:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#0000 0%,#ffffff29 35%,#0000 62%);animation:3.6s ease-in-out infinite headerMapEditorShine;position:absolute;inset:0;transform:translate(-140%)}.header-map-editor-btn-label{z-index:1;position:relative}.header-map-editor-btn:not(:disabled):hover{background:linear-gradient(135deg,#26a360f5 0%,#1b7a8bf5 100%);box-shadow:0 0 0 1px #baffdc33,0 0 24px #34d39957,inset 0 1px #ffffff29}.header-map-editor-btn:disabled{opacity:.58;box-shadow:none}@keyframes headerMapEditorGlow{0%,to{box-shadow:0 0 0 1px #a1ffce24,0 0 18px #34d3993d,inset 0 1px #ffffff1f}50%{box-shadow:0 0 0 1px #c4ffe42e,0 0 26px #34d39961,inset 0 1px #ffffff29}}@keyframes headerMapEditorShine{0%,14%{transform:translate(-140%)}38%,to{transform:translate(160%)}}.toolbar{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.55rem;display:flex}.toolbar-error{color:var(--danger);margin:0 0 0 auto;font-size:13px}.top-nav-tabs{border:1px solid var(--line);background:var(--card);border-radius:10px;gap:8px;margin-bottom:10px;padding:10px;display:grid}.nav-cluster{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-cluster-title{color:#b8cced;min-width:88px;margin:0;font-size:13px;font-weight:400}.nav-tab-row{flex-wrap:wrap;gap:8px;display:flex}.nav-pill{color:#e8f2ff;background:#1d2432;border:1px solid #364154;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:400}.nav-pill.is-active{background:#17466a;border-color:#2e7bb6}label{font-size:13px;font-weight:400}select,button,textarea{font:inherit}input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#0d121b;border-radius:8px;padding:8px}select,button{border:1px solid var(--line);color:var(--ink);background:#1d2432;border-radius:8px;padding:8px 10px;font-size:13px}button{color:var(--ink);cursor:pointer;background:#1d2432;border-color:#364154;font-weight:400}button:disabled{cursor:not-allowed;opacity:.6}button:not(:disabled):hover{background:#263149}button.primary{background:#17466a;border-color:#2e7bb6}button.primary.save-dirty{background:#1b5f8f;border-color:#8fdcff;box-shadow:0 0 0 1px #8fdcff73,0 0 14px #8fdcff8c}button.primary.save-dirty:not(:disabled):hover{background:#2474ac;box-shadow:0 0 0 1px #8fdcff99,0 0 18px #8fdcffb3}button.success{background:#184f2c;border-color:#2d7d46}button.danger{background:#5a1f29;border-color:#8b2f3c}button.success:not(:disabled):hover{background:#20623a}button.danger:not(:disabled):hover{background:#763040}.json-editor{border:1px solid var(--line);width:100%;min-height:30dvh;color:var(--editor-ink);background:#0b1424;border-radius:9px;padding:10px;font-family:Consolas,Courier New,monospace;font-size:.89rem;line-height:1.5}.status-row{gap:.25rem;margin-top:.5rem;display:grid}.wiki-link-row{color:var(--muted);margin:.6rem 0 0;font-size:.92rem}.wiki-link-row a{color:#8fcaff;font-weight:700}.status-text{color:var(--muted);margin:0}.status-error{color:var(--danger);margin:0}.validation-list{color:var(--danger);gap:.2rem;margin:0;padding-left:1.1rem;display:grid}.structured-layout{grid-template-columns:230px 1fr;gap:.6rem;margin-bottom:.6rem;display:grid}.record-list-panel,.record-editor-panel{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px}.records-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.record-actions{gap:6px;margin-left:auto;display:flex}.record-list-tools{grid-template-columns:1fr auto;gap:6px;margin-bottom:8px;display:grid}.record-list-search{width:100%;min-width:0}.record-filter-dropdown{align-items:stretch;gap:6px;display:flex;position:relative}.record-filter-toggle{white-space:nowrap;height:100%;min-height:36px}.record-filter-clear{min-height:36px;padding:6px 10px;font-size:12px}.record-filter-menu{z-index:12;border:1px solid var(--line);background:#141c2b;border-radius:8px;gap:4px;min-width:220px;max-height:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 8px 20px #00000059}.record-filter-section-title{text-transform:uppercase;letter-spacing:.05em;color:#9db4d8;margin:2px 2px 0;font-size:11px}.record-filter-divider{background:#2a3448;height:1px;margin:4px 0}.record-rule-builder{gap:4px;display:grid}.record-rule-builder select,.record-rule-builder input{width:100%;min-width:0}.record-rule-add-btn{justify-self:start;padding:5px 9px;font-size:12px}.record-suggestion-list{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.record-suggestion-chip{background:#17233a;border-color:#2f4266;border-radius:999px;padding:3px 7px;font-size:11px}.active-rule-list{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.active-rule-chip{background:#163454;border-color:#39608f;border-radius:999px;padding:4px 8px;font-size:11px}.edit-page-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.edit-tab{color:#dce9ff;background:#1d2432;border:1px solid #364154;font-size:13px;font-weight:400}.edit-tab.is-active{background:#17466a;border-color:#2e7bb6}.record-list{gap:6px;max-height:38dvh;display:grid;overflow:auto}.record-row{text-align:left;border-color:var(--line);color:var(--ink);background:#1d2432;padding-left:20px;font-size:13px;font-weight:400;position:relative}.record-row-with-thumb{align-items:center;gap:8px;display:inline-flex}.faction-record-label{text-shadow:0 1px 1px #000000bf;font-weight:600}.sprite-thumb{image-rendering:pixelated;background:#0d121b;border:1px solid #3a465b;border-radius:4px}.sprite-thumb-list{flex:0 0 28px;width:28px;height:28px}.sprite-thumb-info{width:56px;height:56px}.sprite-thumb-empty{display:inline-block}.sprite-preview-field{margin-top:2px}.npc-sprite-picker{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.npc-sprite-search{margin-bottom:6px}.sprite-picker-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#111d38;border:1px solid #2e426c;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:5px 8px;display:flex}.sprite-picker-header:hover{background:#172745}.sprite-picker-header-label{color:#9bb5e3;flex-shrink:0;font-size:12px}.sprite-picker-header-preview{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.sprite-picker-header-id{color:#d6e7ff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sprite-picker-header-chevron{color:#6b8fc5;flex-shrink:0;margin-left:auto;font-size:10px}.npc-sprite-card{text-align:left;background:#1d2432;border:1px solid #364154;align-items:center;gap:8px;display:flex}.npc-sprite-card.is-active{background:#17466a;border-color:#2e7bb6;box-shadow:0 0 0 1px #7ad6ff66}.npc-sprite-card-label{color:var(--ink);font-size:12px;line-height:1.2}.sprite-data-editor{justify-items:center;gap:10px;margin-top:4px;display:grid}.sprite-data-card{border:1px solid var(--line);text-align:center;background:#141a25;border-radius:9px;justify-items:center;gap:8px;padding:8px;display:grid}.sprite-data-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sprite-data-head h4{margin:0;font-size:13px;font-weight:400}.sprite-palette-list,.sprite-rows-list{gap:6px;display:grid}.sprite-paint-swatches{flex-wrap:wrap;gap:6px;display:flex}.sprite-tool-row{gap:6px;display:flex}.faction-color-row{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.faction-color-row input[type=color]{width:44px;height:34px;padding:2px}.sprite-brush,.sprite-paint-swatches{display:none}.sprite-color-current{background:#1d2432;border:1px solid #364154;border-radius:8px;flex-direction:column;align-items:center;gap:6px;margin-bottom:4px;padding:10px 12px;display:flex}.sprite-color-current-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sprite-color-current-swatch{background:#0d121b;border:2px solid #5a6f88;border-radius:6px;width:48px;height:48px}.sprite-color-current-swatch.is-transparent{background:0 0;border-color:#000}.sprite-color-current-value{color:var(--accent-strong);font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:600}.sprite-painter-grid{border:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#0d121b;border-radius:8px;justify-content:center;gap:2px;max-width:100%;padding:6px;display:grid;overflow:auto}.sprite-cell{background-color:var(--paint-color,transparent);background-image:linear-gradient(var(--paint-color,transparent), var(--paint-color,transparent));border:1px solid #2f394c;border-radius:2px;width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.sprite-cell.is-transparent{background-color:#0000;background-image:linear-gradient(var(--cell-bg,silver), var(--cell-bg,silver)), linear-gradient(var(--paint-color,transparent), var(--paint-color,transparent));background-position:0 0,0 0;background-size:40px 40px,100% 100%;border-color:#000}.sprite-palette-row,.sprite-row-editor{grid-template-columns:56px 1fr auto;align-items:center;gap:6px;display:grid}.sprite-row-index{color:var(--muted);text-align:right;padding-right:2px;font-size:12px}.record-row.has-pending:before{content:"";background:#37cb69;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:6px;transform:translateY(-50%);box-shadow:0 0 0 1px #102018,0 0 8px #37cb698c}.record-row.is-active{background:#17466a;border-color:#2e7bb6}.fields-grid{gap:8px;display:grid}.color-palette-grid5{grid-template-columns:repeat(5,45px);grid-auto-rows:45px;gap:4px;margin:8px 0 12px;display:grid}.color-pixel-btn{cursor:pointer;border:1px solid #ffffff29;border-radius:2px;width:45px;height:45px;margin:0;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000004d}.color-pixel-btn.is-transparent{border-color:#000;box-shadow:inset 0 0 0 1px #000}.color-pixel-spacer{width:45px;height:45px;display:block}.color-pixel-btn.is-active{outline-offset:1px;outline:2px solid #8fcaff}.color-pixel-label{color:#ffffffeb;text-shadow:0 1px 1px #000c;pointer-events:none;font-size:8px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-palette-editor{max-width:340px}.field-row{gap:4px;display:grid}.condition-key-mapping{flex-wrap:wrap;gap:18px;margin-top:4px;display:flex}.condition-key-column{gap:4px;min-width:220px;display:grid}.muted{color:var(--muted);margin:0;font-size:.92rem}.raw-heading{margin-top:.35rem}.dialogue-editor{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.dialogue-editor-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.dialogue-editor-head h3{margin:0;font-size:16px;font-weight:400}.dialogue-actions{flex-wrap:wrap;gap:8px;display:flex}.dialogue-layout{grid-template-columns:260px 1fr;gap:8px;display:grid}.dialogue-node-list{border:1px solid var(--line);background:var(--card);border-radius:10px;gap:6px;max-height:30dvh;padding:8px;display:grid;overflow:auto}.dialogue-node-fields{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px}.mini-editor{border-top:1px dashed var(--line);margin-top:10px;padding-top:8px}.mini-editor-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.mini-editor-head h4{margin:0;font-size:13px;font-weight:400}.flow-add-buttons{flex-wrap:wrap;gap:6px;display:flex}.flow-step{border:1px solid var(--line);background:var(--card);border-radius:9px;margin-bottom:6px;padding:8px}.flow-step.collapsed{background:var(--card)}.flow-step.drop-target{border-color:var(--accent);box-shadow:0 0 0 2px #006d5b2e}.flow-step-collapsed{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.flow-summary,.flow-next-preview{color:var(--muted);margin:.2rem 0 0;font-size:.88rem}.flow-next-preview{text-align:right;white-space:nowrap;text-overflow:ellipsis;opacity:.85;max-width:min(46%,420px);margin:0 0 0 auto;font-size:12px;overflow:hidden}.flow-step-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:6px;display:flex}.flow-step-toggle{cursor:pointer}.flow-step-actions{gap:6px;display:flex}.flow-expanded-actions{justify-content:flex-end;margin-bottom:0}.flow-step-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:6px;display:grid}.mini-row{grid-template-columns:repeat(5,minmax(120px,1fr)) auto auto auto;align-items:center;gap:.35rem;margin-bottom:.35rem;display:grid}.inline-check{align-items:center;gap:.25rem;font-size:.9rem;display:inline-flex}.condition-composite{grid-template-columns:1fr 80px;gap:.3rem;display:grid}.dialogue-sim{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-top:10px;padding:8px}.dialogue-sim-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:6px;display:flex}.dialogue-sim-head h3{margin:0;font-size:1rem}.sandbox-row{grid-template-columns:auto auto auto auto auto minmax(80px,110px);align-items:center;gap:6px;margin-bottom:6px;display:grid}.sim-box{border:1px solid var(--line);background:var(--card);border-radius:10px;gap:6px;padding:8px;display:grid}.sim-node{color:var(--muted);margin:0;font-size:.9rem}.sim-text{white-space:pre-wrap;margin:0}.sim-choices{gap:.35rem;display:grid}.sim-choices button{text-align:left}@media (width<=720px){.page-shell{width:96vw;margin:1rem auto}.workspace-card,.header-card{border-radius:10px}.header-card{flex-direction:column;align-items:flex-start}.header-map-editor-btn{width:100%;min-width:0}.json-editor{min-height:28dvh}.structured-layout{grid-template-columns:1fr}.record-list{max-height:26dvh}.dialogue-layout{grid-template-columns:1fr}.dialogue-node-list{max-height:24dvh}.sandbox-row{grid-template-columns:auto auto}.mini-row,.flow-step-grid{grid-template-columns:1fr}}.map-layout-panel{flex-direction:column;gap:16px;display:flex}.map-rows-field{flex-direction:column;gap:4px;display:flex}.map-rows-field>label{color:#c8d9ff;font-size:13px;font-weight:600}.map-rows-textarea{color:#c8deff;resize:vertical;white-space:pre;tab-size:1;background:#0a1020;border:1px solid #2e426c;border-radius:8px;width:100%;min-height:280px;padding:10px 12px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;overflow:auto}.map-rows-textarea:focus{border-color:#6fc2ff;outline:none}.map-preview-panel .map-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040814d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.map-preview-panel .map-modal{background:#0d1528;border:1px solid #3a5080;border-radius:12px;flex-direction:column;width:min(96vw,1280px);height:min(92vh,900px);display:flex;overflow:hidden;box-shadow:0 24px 64px #000000b3}.map-preview-panel .map-modal-titlebar{background:linear-gradient(90deg,#152240 0%,#0f1c38 100%);border-bottom:1px solid #2d4270;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.map-preview-panel .map-modal-title{color:#dce8ff;font-size:14px}.map-preview-panel .map-modal-meta{gap:12px;margin-left:auto;font-size:12px;display:flex}.map-preview-panel .map-modal-close{color:#d0deff;cursor:pointer;background:#1a2e55;border:1px solid #3d5080;border-radius:6px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:18px;line-height:1}.map-preview-panel .map-modal-close:hover{color:#fff;background:#8b0000;border-color:#c0392b}.map-preview-panel .map-modal-viewport{flex:1;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;min-height:0!important;max-height:none!important}.map-preview-panel .map-preview-legend{background:#0d1528;border:1px solid #2b3a5c;border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px 10px;display:flex}.map-preview-panel .map-legend-entry{align-items:center;gap:5px;display:flex}.map-preview-panel .map-legend-swatch{border:1px solid #ffffff26;border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block}.map-preview-panel .map-legend-label{color:#a8bde8;font-size:11px}.map-preview-panel .map-preview-viewport{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#060a14;border:1px solid #2e426c;border-radius:8px;min-height:200px;max-height:62vh;overflow:auto}.map-preview-panel .map-preview-viewport canvas{display:block}