@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Exo+2:wght@300;400;600;700&display=swap";:root{--bg-deep: #050a18;--bg-panel: #0b1428;--bg-card: #101e38;--border: rgba(80, 160, 255, .15);--accent: #f5c842;--accent-dim: rgba(245, 200, 66, .35);--cyan: #4fd1e8;--text: #c8d8f0;--text-dim: rgba(200, 216, 240, .5);--error: #ff4d4d;--success: #4caf6e;--font-mono: "Share Tech Mono", monospace;--font-body: "Exo 2", sans-serif;--left-nav-w: 140px;--right-pan-w: 160px;--topbar-h: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.thin-scroll{scrollbar-width:thin;scrollbar-color:#2a4a6a transparent}.thin-scroll::-webkit-scrollbar{width:4px}.thin-scroll::-webkit-scrollbar-track{background:transparent}.thin-scroll::-webkit-scrollbar-thumb{background:#2a4a6a;border-radius:2px}.thin-scroll::-webkit-scrollbar-thumb:hover{background:#3a6a9a}html,body,#root{height:100%;background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5}.app{display:flex;flex-direction:column;height:100%}.app-body{flex:1;display:flex;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:12px;min-width:0}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;height:var(--topbar-h);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.top-bar .nav-brand{justify-self:start}.top-bar .admin-btn{justify-self:end}.nav-brand{font-family:var(--font-mono);font-size:17px;color:var(--accent);letter-spacing:3px;text-transform:uppercase}.nav-time{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.nav-center{display:flex;align-items:center;justify-content:center;gap:10px}.nav-account{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.nav-account-row{display:flex;align-items:center;gap:6px}.nav-account-name{font-family:var(--font-mono);font-size:12px;color:var(--text);letter-spacing:.5px}.nav-divider{width:1px;height:28px;background:var(--border);opacity:.6;flex-shrink:0}.nav-char-selector{display:flex;flex-direction:row;align-items:center;gap:6px;background:#ffffff08;border:1px solid var(--border);border-radius:4px;padding:5px 10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.nav-char-selector:hover{border-color:var(--accent-dim);background:#50a0ff12}.nav-char-name{font-family:var(--font-mono);font-size:13px;color:var(--text);font-weight:500}.nav-chip-sep{width:1px;height:12px;background:var(--border);opacity:.5;flex-shrink:0}.nav-char-arrow{font-size:8px;color:var(--text-dim);opacity:.6;margin-left:2px}.nav-chip{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:.3px}.nav-chip+.nav-chip:before{content:"·";margin-right:6px;opacity:.35}.nav-player-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 5px var(--success);flex-shrink:0}.admin-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-body);font-size:12px;padding:3px 12px;cursor:pointer;border-radius:3px;transition:all .15s}.admin-btn:hover{color:var(--accent);border-color:var(--accent-dim)}.left-nav{width:var(--left-nav-w);flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:8px 0;gap:2px}.left-nav-btn{display:flex;align-items:center;gap:8px;width:100%;min-width:0;background:none;border:none;border-left:2px solid transparent;color:var(--text-dim);font-family:var(--font-body);font-size:12px;padding:9px 14px;cursor:pointer;text-align:left;transition:all .12s;border-radius:0;overflow:hidden}.left-nav-btn:hover:not(:disabled){color:var(--text);background:#50a0ff0d;border-left-color:var(--border)}.left-nav-btn.active{color:var(--cyan);background:#4fd1e812;border-left-color:var(--cyan)}.left-nav-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.left-nav-label{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.left-nav-bottom{margin-top:auto}.cl-page{height:100%;overflow-y:auto;padding:24px 32px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#2a4a6a transparent}.cl-page::-webkit-scrollbar{width:4px}.cl-page::-webkit-scrollbar-track{background:transparent}.cl-page::-webkit-scrollbar-thumb{background:#2a4a6a;border-radius:2px}.cl-page::-webkit-scrollbar-thumb:hover{background:#3a6a9a}.cl-title{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--text);max-width:720px;margin:0 auto 24px}.cl-version{max-width:720px;margin:0 auto 16px}.cl-version-toggle{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);padding:6px 0;cursor:pointer;text-align:left}.cl-version-arrow{font-size:10px;color:var(--text-dim);flex-shrink:0}.cl-version-header{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase}.cl-version-body{padding-top:8px}.cl-body{max-width:720px;margin:0 auto}.cl-body h1{display:none}.cl-body blockquote{border-left:2px solid var(--cyan);padding:4px 12px;margin:8px 0;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);font-style:italic}.cl-body h2{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.cl-body h3{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--text);margin:28px 0 8px;border-bottom:1px solid var(--border);padding-bottom:4px}.cl-body h4{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:14px 0 4px}.cl-body ul{margin:0 0 8px;padding-left:18px;list-style:disc}.cl-body li{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);line-height:1.6;margin-bottom:2px}.cl-body li strong{color:var(--text);font-weight:600}.cl-body code{font-family:var(--font-mono);font-size:11px;background:#50a0ff1a;border-radius:3px;padding:1px 4px;color:var(--cyan)}.cl-body hr{border:none;border-top:1px solid var(--border);margin:20px 0}.cl-body p{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);margin:4px 0}.cl-loading,.cl-error{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);padding:16px 0}.guide-page{height:100%;overflow-y:auto;padding:24px 32px;box-sizing:border-box}.guide-body{max-width:720px;margin:0 auto}.guide-title{font-family:var(--font-body);font-size:20px;font-weight:700;color:var(--accent);margin-bottom:8px}.guide-intro-body{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);line-height:1.7;margin-bottom:32px}.guide-section{margin-bottom:36px}.guide-section-title{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--border)}.guide-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px}.guide-step-num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);background:#f5c84214;border:1px solid var(--accent-dim);border-radius:4px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.guide-step-content h4{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.guide-step-content p{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);line-height:1.6}.guide-concepts-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-concept{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:14px 16px}.guide-concept h4{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--cyan);margin-bottom:6px}.guide-concept p{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);line-height:1.6}.guide-faq{display:flex;flex-direction:column;gap:3px}.guide-faq-item{border:1px solid var(--border);border-radius:4px;overflow:hidden}.guide-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-card);border:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text)}.guide-faq-q:hover{background:#50a0ff0f}.guide-faq-arrow{font-size:10px;color:var(--text-dim);flex-shrink:0}.guide-faq-a{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);line-height:1.65;padding:10px 14px 12px;background:var(--bg-panel);border-top:1px solid var(--border)}.right-panel{width:var(--right-pan-w);flex-shrink:0;background:var(--bg-panel);border-left:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.side-section{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px}.side-label{font-family:var(--font-mono);font-size:9px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.side-time{font-family:var(--font-mono);font-size:11px;color:var(--text)}.side-btn-group{display:flex;gap:4px}.side-btn-group button{flex:1;padding:5px 0;font-family:var(--font-mono);font-size:11px;text-align:center}.side-section select{width:100%;font-size:11px}.solar-map{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.map-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.character-panel{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.char-empty{color:var(--text-dim);text-align:center;padding:60px 0;font-size:13px}.char-header{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.char-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#1a6e8a);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:22px;color:#fff;flex-shrink:0;border:2px solid rgba(79,209,232,.3)}.char-name{font-family:var(--font-mono);font-size:18px;color:var(--text);letter-spacing:1px}.char-identity{display:flex;flex-direction:column;gap:6px}.char-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:10px;font-family:var(--font-mono);padding:2px 8px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.badge-rank{background:#4fd1e826;color:var(--cyan);border:1px solid rgba(79,209,232,.3)}.badge-rank.resident{background:#c8d8f014;color:var(--text-dim);border:1px solid rgba(200,216,240,.15)}.badge-race{background:#f5c8421a;color:var(--accent);border:1px solid var(--accent-dim)}.badge-planet{background:#78b4ff1a;color:#78b4ff;border:1px solid rgba(120,180,255,.3)}.badge-region{background:#64a0f012;color:#8ab8e8;border:1px solid rgba(100,160,240,.2)}.badge-role{background:#4caf6e1a;color:var(--success);border:1px solid rgba(76,175,110,.3)}.badge-active{background:#4caf6e26;color:var(--success);border:1px solid rgba(76,175,110,.3)}.char-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.char-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:8px}.char-card-title{font-family:var(--font-mono);font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;border-bottom:1px solid var(--border)}.char-card-sep{border-top:1px solid var(--border);margin:2px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.stat-label{color:var(--text-dim);flex-shrink:0}.stat-value{color:var(--text);text-align:right;display:flex;align-items:center;gap:6px}.stat-accent{color:var(--accent);font-family:var(--font-mono);font-size:13px}.stat-dim{color:var(--text-dim);font-size:11px}.char-empty-note{color:var(--text-dim);font-size:12px;font-style:italic}.integrity-bar{width:80px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}.integrity-fill{display:block;height:100%;border-radius:3px;transition:width .3s,background .3s}.btn-inline{font-size:11px;padding:3px 10px;border-color:var(--accent-dim);color:var(--accent)}.btn-inline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-panel{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.admin-panel h2{font-family:var(--font-mono);font-size:16px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--border)}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px}.admin-section h3{font-size:12px;font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.admin-section h4{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:8px}.state-label{font-family:var(--font-mono);font-size:13px;color:var(--text)}.edit-group{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px}.edit-group-title{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.label-check{flex-direction:row!important;align-items:center;gap:5px!important;font-size:12px!important;color:var(--text)!important;cursor:pointer}.label-check input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:var(--cyan);flex-shrink:0}.edit-group .form-row{align-items:flex-end;flex-wrap:wrap}.map-tooltip{position:absolute;pointer-events:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:8px 10px;min-width:130px;z-index:100;box-shadow:0 4px 16px #00000080}.map-tooltip-title{font-family:var(--font-mono);font-size:12px;color:var(--cyan);margin-bottom:5px;letter-spacing:1px}.map-tooltip-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--text);line-height:1.6}.map-tooltip-label{color:var(--text-dim)}.app-footer{height:28px;display:flex;align-items:center;padding-left:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-dim);opacity:.75;border-top:1px solid var(--border);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.app-footer:hover{opacity:1}.login-version{opacity:.55;transition:opacity .15s}.login-version:hover{opacity:1}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-dim)}.page-placeholder span{font-family:var(--font-mono);font-size:20px;color:var(--border);text-transform:uppercase;letter-spacing:3px}.page-placeholder p{font-size:12px}.logs-page{height:100%;overflow-y:auto;padding:24px 32px;box-sizing:border-box;max-width:900px}.logs-title{font-family:var(--font-body);font-size:20px;font-weight:700;color:var(--accent);margin-bottom:16px}.logs-loading,.logs-empty{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.log-entry{border:1px solid var(--border);border-radius:4px;margin-bottom:8px;background:var(--bg-panel);overflow:hidden}.log-entry-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.log-entry-header:hover{background:var(--bg-deep)}.log-entry-title{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px}.log-gnomon{color:var(--accent);font-weight:700}.log-sideri,.log-era{color:var(--text-dim)}.log-sep{color:var(--border)}.log-date{color:var(--text-dim);font-size:11px}.log-entry-summary{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;flex-shrink:0}.log-stat{color:var(--text-dim)}.log-stat--tv{color:#7ec8e3}.log-stat--install{color:#b5e7a0}.log-stat--vote{color:#f9dc5c}.log-stat--cornac{color:var(--accent)}.log-expand-arrow{color:var(--text-dim);font-size:10px;margin-left:4px}.log-entry-details{border-top:1px solid var(--border);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.log-no-actions{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.log-npc-row{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-mono);font-size:11px;flex-wrap:wrap}.log-npc-name{color:var(--text);min-width:110px;flex-shrink:0;font-size:11px}.log-npc-actions{display:flex;flex-wrap:wrap;gap:4px}.log-badge{padding:1px 6px;border-radius:3px;font-size:10px;font-family:var(--font-mono);background:var(--bg-deep);color:var(--text-dim);border:1px solid var(--border)}.log-badge--tv{color:#7ec8e3;border-color:#7ec8e3}.log-badge--install{color:#b5e7a0;border-color:#b5e7a0}.log-badge--destroy{color:#f08080;border-color:#f08080}.log-badge--vote{color:#f9dc5c;border-color:#f9dc5c}.log-badge--cornac{color:var(--accent);border-color:var(--accent)}.log-badge--new{color:#a8e6cf;border-color:#a8e6cf}.log-entity-row{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-mono);font-size:11px;flex-wrap:wrap}.log-entity-row--inactive .log-entity-name--npc{opacity:.4}.log-entity-row--inactive .log-entity-name--player{color:#9d88c4}.log-entity-row--inactive .log-tag{opacity:.5}.log-entity-row--inactive .log-entity-actions{opacity:.4}.log-entity-name{min-width:120px;flex-shrink:0;font-size:11px;color:var(--text)}.log-entity-name--player{color:#c8b4f5}.log-entity-name--npc{color:var(--text)}.log-tag{font-style:normal;font-size:9px;color:var(--text-dim);border:1px solid var(--border);border-radius:2px;padding:0 3px;margin-left:4px;vertical-align:middle}.log-tag--user{color:#c8b4f5;border-color:#c8b4f5}.log-tag--dormant{color:#94a3b8;border-color:#94a3b8}.log-entity-actions{display:flex;flex-wrap:wrap;gap:4px}.log-no-action{font-size:10px;color:var(--text-dim)}.log-planet-group{margin-bottom:10px}.log-planet-title{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--text);padding:3px 0;border-bottom:1px solid var(--border);margin-bottom:6px}.log-planet-title--collapsible{cursor:pointer;display:flex;gap:6px;-webkit-user-select:none;user-select:none}.log-planet-title--collapsible:hover{color:var(--accent)}.log-region-group{margin-left:12px;margin-bottom:6px}.log-region-title{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}button{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:13px;padding:6px 14px;cursor:pointer;border-radius:3px;transition:all .15s}button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}button:disabled{opacity:.4;cursor:default}.form-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input[type=text],input[type=number],select{background:var(--bg-deep);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:13px;padding:5px 10px;border-radius:3px;outline:none}input:focus,select:focus{border-color:var(--cyan)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-dim)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:6px 8px;background:var(--bg-panel);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}td{padding:5px 8px;border-bottom:1px solid rgba(80,160,255,.06);color:var(--text)}tr:hover td{background:#50a0ff0a}.error{color:var(--error);font-size:12px}.loading-msg{color:var(--text-dim);font-family:var(--font-mono);text-align:center;padding:40px}