:root{--bg:#080a12;--bg2:#0d1020;--panel:#111526;--panel2:#171b30;--line:#2a3048;--line2:#343b57;--text:#f7f5ff;--muted:#a4acc0;--muted2:#778097;--violet:#8062f1;--violet2:#5d43c7;--gold:#f0b94d;--green:#55d696;--red:#ff6e78;--blue:#62b7ff;--cyan:#65d5dc;--shadow:0 24px 80px rgba(0,0,0,.34);--radius:18px}*{box-sizing:border-box}html,body{min-height:100%;background:radial-gradient(circle at 75% -10%,#1d1737 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;margin:0}body{font-size:15px}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted)}button,input,select,textarea{font:inherit}.btn,button{border:1px solid var(--line);background:#171c2d;color:var(--text);border-radius:12px;min-height:40px;padding:9px 13px;font-weight:800;cursor:pointer;transition:.18s}.btn:hover,button:hover{border-color:#6e5bc8;transform:translateY(-1px)}button.primary,.primary{background:linear-gradient(135deg,#8c6bf3,#6947d6);border-color:transparent;color:#fff}.ghost{background:#111525}.danger{color:#ffc3c7;border-color:#67363d;background:#28151a}.success{color:#bdf7da;border-color:#285f48;background:#11251e}.tiny{font-size:11px;min-height:31px;padding:6px 8px}.icon-btn{width:40px;padding:0;display:grid;place-items:center}.hidden{display:none!important}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--muted)}.subtle{color:var(--muted);font-size:12px;line-height:1.5}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(8,10,18,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#8062f1,#3e2d89);display:grid;place-items:center;font-family:Georgia,serif;font-size:22px}.brand b{display:block;font-size:13px}.brand small{display:block;color:var(--muted);font-size:10px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.speed-group{display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:3px;background:#0d111e}.speed-group button{min-height:31px;padding:6px 9px;border:0;background:transparent;font-size:11px}.speed-group button.active{background:#26213e;color:#d6cfff}.page{max-width:1680px;margin:0 auto;padding:20px}.page-head{display:flex;gap:16px;align-items:end;justify-content:space-between;margin-bottom:18px}.page-head h1{font-size:clamp(28px,4vw,46px);margin:4px 0 5px;line-height:1}.page-head p{margin:0;color:var(--muted);font-size:13px}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px;margin-bottom:16px}.hero-card,.panel,.world-card,.metric-card,.modal-card{background:linear-gradient(180deg,rgba(22,26,45,.96),rgba(14,17,30,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.12)}.hero-card{padding:22px;min-height:190px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-90px;background:radial-gradient(circle,#6f54e956,transparent 68%)}.hero-card h2{font-size:30px;margin:6px 0}.hero-card p{max-width:720px;color:var(--muted);line-height:1.55}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-width:240px;position:relative;z-index:1}.hero-stats div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#0c101d}.hero-stats span{display:block;color:var(--muted);font-size:10px}.hero-stats b{font-size:20px}.storage-card{padding:18px}.storage-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:10px auto;background:conic-gradient(var(--violet) calc(var(--ratio)*1%),#242a3e 0);position:relative}.storage-ring:before{content:"";position:absolute;inset:8px;background:var(--panel);border-radius:50%}.storage-ring b{position:relative;z-index:1}.storage-card p{text-align:center;color:var(--muted);font-size:11px}.world-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.world-section-head h2{margin:0;font-size:19px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.world-card{padding:15px;position:relative;overflow:hidden}.world-card.favorite{border-color:#7a64dc}.world-card.last{box-shadow:0 0 0 1px #6d56d6,0 18px 50px rgba(49,34,105,.22)}.world-card h3{font-size:18px;margin:5px 0 4px}.world-card p{color:var(--muted);font-size:11px;margin:0 0 12px}.world-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.tag{display:inline-flex;padding:5px 7px;border-radius:999px;border:1px solid var(--line);font-size:9px;color:#cbd1df;background:#0d111e}.tag.green{color:#adf2cf;border-color:#285c47}.tag.gold{color:#ffe0a2;border-color:#6b5328}.world-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0}.world-metrics div{border:1px solid var(--line);background:#0d111e;border-radius:10px;padding:8px}.world-metrics span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:900}.world-metrics b{display:block;font-size:13px;margin-top:3px}.world-actions{display:flex;gap:6px;flex-wrap:wrap}.world-select{position:absolute;right:12px;top:12px}.world-select input{width:18px;height:18px}.empty-state{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.sim-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.sim-main{min-width:0}.map-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#090e18;min-height:520px}.map-card canvas{display:block;width:100%;height:520px}.map-overlay{position:absolute;left:12px;top:12px;display:flex;gap:6px}.map-zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.weather-chip{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(9,13,24,.82);backdrop-filter:blur(10px);font-size:11px}.weather-chip i{font-size:18px;font-style:normal}.world-now{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.metric-card{padding:11px}.metric-card span{display:block;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.metric-card b{display:block;font-size:17px;margin-top:4px}.signal-strip{display:flex;gap:7px;overflow:auto;margin:10px 0;padding-bottom:2px}.signal{flex:0 0 auto;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#111526;font-size:10px}.signal strong{display:block;font-size:11px;margin-bottom:2px}.sim-side{display:grid;align-content:start;gap:10px}.panel{padding:14px}.panel h2,.panel h3{margin:3px 0 8px}.panel h2{font-size:18px}.panel h3{font-size:14px}.panel p{font-size:11px;color:var(--muted);line-height:1.5}.person-head{display:flex;align-items:center;gap:8px}.person-head select{flex:1;min-width:0}.person-avatar{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#725bdd,#27284b);display:grid;place-items:center;font-weight:900;font-size:19px}.person-title{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:7px}.person-title .person-avatar{grid-row:1/3}.person-name{font-size:15px;font-weight:900}.person-sub{font-size:10px;color:var(--muted)}.person-bars{display:grid;gap:6px;margin:10px 0}.bar-row{display:grid;grid-template-columns:70px 1fr 30px;gap:6px;align-items:center;font-size:9px;color:var(--muted)}.bar{height:6px;border-radius:999px;background:#242b41;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#6750d5,#9d82ff);border-radius:999px}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.trait{border:1px solid var(--line);border-radius:9px;padding:6px}.trait span{display:block;color:var(--muted);font-size:8px}.trait b{font-size:11px}.quote{border-left:3px solid var(--violet);padding:10px 11px;background:#0c101d;border-radius:0 10px 10px 0;color:#e4e0f2;font-size:11px;line-height:1.55}.request-card{border:1px solid #5e4b9c;background:#171329;border-radius:12px;padding:10px;margin-top:8px}.request-card .quote{margin-top:6px}.knowledge-list,.belief-list,.memory-list,.discovery-list,.event-list{display:grid;gap:6px}.mini-row{border:1px solid var(--line);background:#0d111e;border-radius:10px;padding:8px}.mini-row b{font-size:10px}.mini-row small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:2px}.feed-card{margin-top:10px}.feed-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.feed-filters{display:flex;gap:5px;overflow:auto;padding:2px 0 7px}.feed-filters button{min-height:29px;padding:5px 7px;font-size:9px;white-space:nowrap}.feed-filters button.active{background:#2a214b;border-color:#6d56d1}.event{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #22283b}.event:last-child{border-bottom:0}.event-time{font-size:8px;color:var(--muted2)}.event b{font-size:10px}.event p{margin:2px 0 0;font-size:9px;color:var(--muted)}.cat-life{color:#7ddfa8}.cat-death{color:#ff8d95}.cat-tech{color:#78c8ff}.cat-belief{color:#d6a5ff}.cat-nature{color:#8ee0d3}.cat-social{color:#ffd086}.cat-conflict{color:#ff9f70}.cat-observer{color:#c4b3ff}.discoveries-strip{display:flex;gap:7px;overflow:auto;padding:3px 0 6px}.discovery-card{flex:0 0 230px;border:1px solid var(--line);background:#0d111e;border-radius:12px;padding:10px}.discovery-card b{font-size:11px}.discovery-card p{font-size:9px;margin:4px 0}.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pulse-item{padding:10px;border:1px solid var(--line);border-radius:11px;background:#0d111e}.pulse-item b{display:block;font-size:20px}.pulse-item span{font-size:9px;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,4,10,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{width:min(920px,100%);max-height:min(92vh,900px);overflow:auto;padding:18px}.modal-card.large{width:min(1180px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.modal-head h2{margin:2px 0;font-size:22px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid .span2{grid-column:1/-1}label{display:grid;gap:5px;font-size:10px;color:#cbd2df;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);background:#0b0f1b;color:var(--text);border-radius:10px;min-height:42px;padding:10px 11px}textarea{min-height:90px;resize:vertical}.range-row{display:grid;grid-template-columns:1fr 60px;gap:8px;align-items:center}.range-row input[type=range]{padding:0}.modal-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:13px;margin-top:15px}.intervention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.intervention{padding:11px;text-align:left}.intervention i{display:block;font-style:normal;font-size:21px}.intervention b{display:block;font-size:11px;margin-top:5px}.intervention small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.intervention.active{border-color:#7b65e5;background:#251f44}.compare-table{width:100%;border-collapse:collapse;font-size:10px}.compare-table th,.compare-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.compare-table th{color:var(--muted);font-size:9px}.export-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.check-card{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px;background:#0d111e}.check-card input{width:17px;height:17px;min-height:auto}.check-card b{font-size:10px}.check-card small{display:block;color:var(--muted);font-size:8px}.toast-wrap{position:fixed;right:14px;bottom:14px;z-index:150;display:grid;gap:7px}.toast{padding:10px 12px;border-radius:11px;background:#171c2d;border:1px solid var(--line);box-shadow:var(--shadow);font-size:10px}.tutorial{position:fixed;inset:0;z-index:130;pointer-events:none}.tutorial-box{pointer-events:auto;position:absolute;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));background:#15182a;border:1px solid #5c4cb0;border-radius:16px;padding:14px;box-shadow:var(--shadow)}.tutorial-box h3{margin:3px 0 6px}.tutorial-box p{font-size:11px;color:var(--muted);line-height:1.5}.tutorial-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
@media(max-width:1200px){.world-grid{grid-template-columns:repeat(2,1fr)}.sim-layout{grid-template-columns:1fr 300px}.world-now{grid-template-columns:repeat(3,1fr)}.intervention-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar{position:relative;align-items:flex-start;flex-wrap:wrap}.brand{min-width:0}.top-actions{width:100%;margin-left:0}.page{padding:12px}.dashboard-hero{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr}.sim-layout{display:flex;flex-direction:column}.sim-main{display:contents}.map-card{order:1;min-height:390px}.map-card canvas{height:390px}.world-now{order:2}.signal-strip{order:3}.sim-side{display:contents}.person-panel{order:4}.requests-panel{order:5}.feed-card{order:6}.memory-panel{order:7}.discoveries-panel{order:8}.extra-panel{order:9}.world-now{grid-template-columns:repeat(3,1fr)}.intervention-grid{grid-template-columns:repeat(2,1fr)}.pulse-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.export-groups{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body{font-size:14px}.topbar{padding:10px}.brand small{display:none}.top-actions{gap:5px}.top-actions .hide-mobile{display:none}.page-head{display:block}.page-head .actions{margin-top:10px}.hero-card{grid-template-columns:1fr;padding:15px}.hero-card h2{font-size:23px}.hero-stats{min-width:0}.world-metrics{grid-template-columns:repeat(2,1fr)}.map-card,.map-card canvas{height:330px;min-height:330px}.weather-chip{top:auto;bottom:12px;right:70px}.world-now{grid-template-columns:repeat(2,1fr)}.trait-grid{grid-template-columns:repeat(2,1fr)}.intervention-grid,.export-groups{grid-template-columns:1fr}.modal-backdrop{padding:7px}.modal-card{padding:13px;max-height:96vh}.person-title{grid-template-columns:auto 1fr auto auto}.pulse-grid{grid-template-columns:repeat(2,1fr)}.tutorial-box{right:8px;bottom:8px;width:calc(100vw - 16px)}}