:root{--bg: #0a0d12;--bg-elev: #11151c;--panel: #161b24;--panel-hover: #1c222d;--panel-2: #1f2733;--border: #2a323f;--border-strong: #3a4453;--text: #e8edf2;--text-dim: #98a4b3;--text-faint: #5f6b7a;--accent: #e8b94a;--accent-soft: rgba(232, 185, 74, .12);--accent-strong: #f5cc66;--accent-dim: #8a6a1f;--danger: #e85a4a;--danger-soft: rgba(232, 90, 74, .1);--ok: #4ac08e;--ok-soft: rgba(74, 192, 142, .12);--info: #6ba8ff;--info-soft: rgba(107, 168, 255, .12);--rare: #f0c060;--unique: #c89bff;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--radius: 8px;--radius-lg: 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#131822 0%,var(--bg) 60%);min-height:100vh}#app{min-height:100vh}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-card{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-elev) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 40px;width:380px;box-shadow:var(--shadow-lg)}.login-card h1{margin:0 0 6px;font-family:Cinzel,serif;font-size:26px;font-weight:700;letter-spacing:.02em}.login-card p{margin:0 0 24px;color:var(--text-dim);line-height:1.5}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:9px 11px;font:inherit;transition:border-color .12s,box-shadow .12s}.field input:hover,.field select:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}.field input[type=checkbox]{width:auto;accent-color:var(--accent)}.field input[type=color]{padding:2px;height:36px;cursor:pointer}textarea{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px 11px;font:inherit;font-family:inherit;resize:vertical;min-height:60px}textarea:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}.button{background:var(--accent);color:#1a1308;border:none;border-radius:6px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer;transition:all .12s;box-shadow:var(--shadow-sm)}.button:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 12px #e8b94a4d}.button:active{transform:translateY(0)}.button:disabled{background:var(--panel-2);color:var(--text-faint);cursor:not-allowed;transform:none;box-shadow:none}.button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.button.secondary:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:none;box-shadow:none}.button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger);box-shadow:none}.button.danger:hover{background:var(--danger-soft);transform:none;box-shadow:none}.error{color:var(--danger);font-size:13px;margin:-8px 0 12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.shell-main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.sidebar{background:linear-gradient(180deg,var(--bg-elev) 0%,var(--bg) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 14px 16px;gap:22px}.sidebar-brand{padding:0 8px}.sidebar-brand-name{font-family:Cinzel,serif;font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--text)}.sidebar-brand-sub{font-size:11px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-tab{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--text-dim);padding:9px 12px;border-radius:6px;font:inherit;font-weight:500;cursor:pointer;text-align:left;transition:all .12s}.sidebar-tab:hover{color:var(--text);background:var(--panel-hover)}.sidebar-tab.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-tab-icon{font-size:16px;width:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.sidebar-tab-label{flex:1}.sidebar-logout{align-self:stretch}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:var(--bg-elev);border-bottom:1px solid var(--border)}.topbar-title{margin:0;font-family:Cinzel,serif;font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--text)}.topbar-actions{display:flex;gap:14px;align-items:center}.status{font-size:12px;color:var(--text-dim);padding:6px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.status.dirty{color:var(--accent);background:var(--accent-soft);border-color:#e8b94a59}.status.published{color:var(--ok);background:var(--ok-soft);border-color:#4ac08e59}.publish{padding:9px 22px;font-size:13px}.content-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.items-layout{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:22px 28px;flex:1;min-height:0}.items-list{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 130px);overflow:hidden;box-shadow:var(--shadow-sm)}.items-list-header{padding:14px 14px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.items-list-header input{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font:inherit;transition:border-color .12s}.items-list-header input:focus{outline:none;border-color:var(--accent-dim)}.items-list-rows{overflow-y:auto;flex:1;padding:4px 0}.items-list-row{padding:10px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:10px;transition:background 80ms;border-left:3px solid transparent}.items-list-row:hover{background:var(--panel-hover)}.items-list-row.active{background:var(--accent-soft);border-left-color:var(--accent)}.items-list-row .name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-list-row .id{color:var(--text-faint);font-size:11px;font-family:ui-monospace,monospace}.items-list-row.dirty .name:after{content:" ●";color:var(--accent)}.items-list-row.created .name:after{content:" +";color:var(--ok)}.editor{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;overflow-y:auto;max-height:calc(100vh - 130px);box-shadow:var(--shadow-sm)}.editor h2{margin:0 0 18px;font-family:Cinzel,serif;font-size:22px;font-weight:700;letter-spacing:.02em;padding-bottom:12px;border-bottom:1px solid var(--border)}.editor .empty{color:var(--text-faint);text-align:center;padding:80px 0;font-style:italic}.editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px;margin-bottom:6px}.editor-section{margin-bottom:22px;padding:16px 18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.editor-section h3{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.affix-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.affix-row{display:grid;grid-template-columns:130px 140px 1fr 36px;gap:10px;align-items:center}.affix-row select,.affix-row input{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 9px;font:inherit}.affix-row .button.danger{padding:5px 11px;line-height:1}.affix-no-sub{color:var(--text-faint);text-align:center}.affix-actions{margin:12px 0 6px}.affix-hint{color:var(--text-dim);font-size:12px;font-style:italic;margin-top:6px}.loot-row{display:grid;grid-template-columns:minmax(220px,1.4fr) 80px auto 60px 60px 36px;gap:10px;align-items:center}.loot-row select,.loot-row input[type=number]{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 9px;font:inherit}.loot-stack-toggle{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:12px}.loot-row .button.danger{padding:5px 11px;line-height:1}.reward-row{display:grid;grid-template-columns:110px minmax(220px,1fr) 80px 36px;gap:10px;align-items:center}.reward-row select,.reward-row input[type=number]{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 9px;font:inherit}.reward-row .button.danger{padding:5px 11px;line-height:1}.objective-row{display:grid;grid-template-columns:minmax(220px,1fr) 80px 36px;gap:10px;align-items:center}.objective-row input[type=number]{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 9px;font:inherit}.objective-row .button.danger{padding:5px 11px;line-height:1}.affix-pool-layout{padding:22px 28px;overflow-y:auto}.affix-pool-layout>.editor-section{background:var(--panel);padding:22px 26px}.affix-pool-header{margin-bottom:8px}.affix-pool-header .label{color:var(--text-dim);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.affix-pool-body{display:flex;flex-direction:column;gap:4px}.affix-pool-row{display:grid;grid-template-columns:140px 140px 100px 100px 40px;gap:10px;align-items:center;padding:6px 8px;border-radius:6px;transition:background 80ms}.affix-pool-row:hover{background:var(--panel-hover)}.affix-pool-row.dirty{background:var(--accent-soft)}.affix-pool-row.created{background:var(--ok-soft)}.affix-pool-row select,.affix-pool-row input{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 9px;font:inherit}.affix-pool-empty{color:var(--text-faint);padding:24px;font-style:italic;text-align:center}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:999px;padding:4px 8px 4px 12px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-family:ui-monospace,monospace}.chip.stale{border-color:var(--danger);color:var(--danger)}.chip-remove{background:transparent;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.chip-remove:hover{color:var(--danger)}.section-toggle{margin-bottom:12px}.section-toggle label{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text);cursor:pointer}.section-toggle input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.effect-row{display:grid;grid-template-columns:130px 1fr 36px;gap:10px;align-items:center;padding:4px}.effect-fields{display:flex;flex-wrap:wrap;gap:10px}.effect-num{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-dim)}.effect-num input{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:5px 8px;font:inherit;width:100px}.combobox{position:relative;min-width:240px}.combobox-input{width:100%;background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:7px 10px;font:inherit;font-family:ui-monospace,monospace;font-size:12px;transition:border-color .12s}.combobox-input:hover{border-color:var(--border-strong)}.combobox-input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}.combobox-input.stale{color:var(--danger);border-color:var(--danger)}.combobox-panel{position:absolute;top:100%;left:0;right:0;margin-top:2px;max-height:240px;overflow-y:auto;background:var(--panel);border:1px solid var(--border-strong);border-radius:6px;z-index:10;box-shadow:var(--shadow)}.combobox-option{padding:7px 10px;cursor:pointer;font-family:ui-monospace,monospace;font-size:12px;transition:background 80ms}.combobox-option:hover,.combobox-option.highlighted{background:var(--accent-soft);color:var(--accent)}.combobox-empty{padding:10px;color:var(--text-faint);font-style:italic;font-size:12px}.config-layout{grid-template-columns:1fr!important;max-width:720px}.config-screen .editor-section{margin-bottom:20px}.config-hint{color:var(--text-dim);font-size:13px;line-height:1.55;margin:0 0 22px;padding:14px 16px;background:var(--info-soft);border-left:3px solid var(--info);border-radius:6px}.config-preview{margin-top:12px;font-size:12px;color:var(--text-dim);padding:8px 10px;background:var(--bg);border-radius:6px}.config-preview b{color:var(--accent)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,8px);background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:12px 18px;box-shadow:var(--shadow-lg);z-index:1000;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;font-size:13px}.toast.visible{opacity:1;transform:translate(-50%)}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.success{border-color:var(--ok);color:var(--ok)}.sidebar-reboot{margin:8px 12px 4px;background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);font-size:12px;padding:6px 10px}.sidebar-reboot:hover{background:var(--danger);color:#fff}.disconnect-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;background:var(--danger);color:#fff;font-weight:600;font-size:13px;letter-spacing:.02em;box-shadow:0 4px 16px #0006;animation:disconnect-pulse 2s ease-in-out infinite}@keyframes disconnect-pulse{0%,to{background:var(--danger)}50%{background:#c64535}}.disconnect-banner-reload{background:#00000059;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 14px;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px}.disconnect-banner-reload:hover{background:#0000008c;border-color:#fff}.zone-editor{display:flex;flex-direction:column;gap:12px;overflow:auto}.zone-header{flex-shrink:0}.zone-safe-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:var(--ok-soft);color:var(--ok);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.zone-body{display:flex;gap:12px;align-items:flex-start}.zone-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.zone-side{flex:0 0 320px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:4px}.zone-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center}.zone-tool-group{display:flex;align-items:center;gap:6px}.zone-tool-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}.zone-radio{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elev);color:var(--text-dim);cursor:pointer;font-size:12px;user-select:none}.zone-radio input{display:none}.zone-radio.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.zone-layer-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.5)}.zone-swatch{width:26px;height:26px;border-radius:4px;border:2px solid transparent;cursor:pointer;font-weight:700;font-size:12px;color:#000000b3;text-shadow:0 1px 0 rgba(255,255,255,.4)}.zone-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.zone-zoom{padding:3px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-elev);color:var(--text-dim);cursor:pointer;font-size:11px}.zone-zoom.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.zone-canvas-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:6px;overflow:auto;max-height:calc(100vh - 200px);min-height:400px}.zone-canvas{display:block;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}.zone-iso-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.zone-side-title{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.zone-iso{display:block;background:#000;border-radius:4px;margin:0 auto}.zone-minimap{display:block;background:#000;border-radius:4px;margin:0 auto;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges}.zone-entity-panel{display:flex;flex-direction:column;gap:8px}.zone-entity-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.zone-section-title{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.zone-section-title .muted{color:var(--text-faint);font-weight:400;text-transform:none;letter-spacing:0}.zone-entity-row{display:flex;align-items:center;gap:4px;padding:3px 0;border-bottom:1px solid var(--border)}.zone-entity-row:last-child{border-bottom:none}.zone-entity-row .combobox{flex:1 1 auto;min-width:0}.zone-entity-row .combobox-input{width:100%;font-size:12px;padding:2px 4px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:3px}.zone-int-input{width:44px;font-size:12px;padding:2px 4px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:3px;text-align:center}.zone-select{font-size:12px;padding:2px 4px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:3px}.zone-row-delete{background:var(--danger-soft);border:1px solid transparent;color:var(--danger);width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}.zone-row-delete:hover{border-color:var(--danger)}