*{box-sizing:border-box}body{margin:0;background:#0a0e14;color:#dce7f3;font:14px system-ui}main{display:grid;grid-template-columns:minmax(500px,820px) 330px;gap:18px;padding:18px;min-height:100vh}section,aside{background:#111822;border:1px solid #243244;border-radius:10px;padding:14px}header{display:flex;justify-content:space-between;margin-bottom:10px;color:#8ea6bd}canvas{width:100%;aspect-ratio:1;background:#070b10;border:1px solid #26384b;image-rendering:auto}h1{margin-top:0;font-size:24px}h2{font-size:13px;text-transform:uppercase;color:#7890a8;margin-top:24px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #1e2a37;padding:7px 0}.controls{display:flex;gap:6px;flex-wrap:wrap}button{background:#1b2938;color:white;border:1px solid #354a60;padding:7px 12px;border-radius:5px;cursor:pointer}#person{line-height:1.8;color:#aebfd0}.legend{margin-top:25px;color:#7890a8}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 5px 0 12px}.m{background:#42a5ff}.f{background:#ff6fae}@media(max-width:900px){main{grid-template-columns:1fr}}.controls button.active{background:#2f86c9;border-color:#74c4ff;box-shadow:0 0 0 2px #2f86c955}.controls button.active#pause{background:#b87924;border-color:#ffc96b}section{position:relative}#extinction{position:absolute;inset:80px 55px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#070b10dd;border:1px solid #6d2933;border-radius:12px;text-align:center}#extinction strong{font-size:46px;color:#ff5b70;letter-spacing:2px}#extinction span{font-size:24px;margin-top:12px}#extinction small{font-size:15px;color:#8ea6bd;margin-top:8px}#stop{border-color:#7d3942}#stop:hover{background:#6d2933;border-color:#ff7183}
.overlay{position:fixed;z-index:20;inset:0;background:#05070bf2;display:grid;place-items:center;padding:25px}.hero{width:min(780px,100%);padding:45px;border:1px solid #26384b;border-radius:22px;background:#0b1119}.eyebrow{color:#45e0a8;font-size:11px;letter-spacing:3px;font-weight:800}.hero h1{font-size:70px;line-height:.85;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:#45e0a8}.hero p{color:#91a5b8;font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.grid label{font-size:11px;color:#8095a9;text-transform:uppercase}.grid input{display:block;width:100%;margin-top:7px;padding:12px;background:#080d13;color:#fff;border:1px solid #26384b;border-radius:8px}.launch{width:100%;padding:16px;background:#45e0a8;color:#06100d;border:0;font-weight:800}.hero>small{display:block;color:#60758a;margin-top:12px;text-align:center}.hidden{display:none!important}.ending{position:absolute;inset:80px 50px;background:#06090eea;border:1px solid #33495e;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5}.ending strong{font-size:38px;margin:10px}.score{font-size:58px;font-weight:900;color:#45e0a8}.secondary{width:100%;margin-top:10px}.brand{font-size:30px;font-weight:900}.brand span{color:#45e0a8}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:50px}}

.tip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:5px;border:1px solid #456078;border-radius:50%;color:#8fa9bf;font-size:10px;font-weight:800;cursor:help;text-transform:none}.tip:hover{color:#06100d;background:#45e0a8;border-color:#45e0a8}.tip:after{content:attr(data-tip);position:absolute;z-index:30;left:50%;bottom:calc(100% + 10px);width:260px;padding:11px 13px;border:1px solid #30465d;border-radius:9px;background:#111b26;color:#dce7f3;font-size:12px;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:0;box-shadow:0 12px 30px #0009;opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:.15s;pointer-events:none}.tip:hover:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.events{max-height:180px;overflow:auto;border:1px solid #1e2d3c;border-radius:9px;background:#080d13}.event{padding:8px 10px;border-bottom:1px solid #16222e;color:#9fb1c2;font-size:12px}.event:last-child{border:0}.event:before{content:"•";color:#45e0a8;margin-right:7px}.event.major{color:#dfffee}.event.major:before{content:"◆";color:#45e0a8}.event.death:before{content:"†";color:#ff7183}.event.muted{color:#60758a}
.finish{flex-basis:100%;background:#14352d;border-color:#2a8068;color:#7dffd2}.deep{margin-top:12px;padding-top:4px;border-top:1px solid #26384b;max-height:430px;overflow:auto}.deep h3{font-size:10px;letter-spacing:1.5px;color:#45e0a8;margin:16px 0 7px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips span{padding:5px 7px;border-radius:6px;background:#0a1119;border:1px solid #203143;color:#8298aa;font-size:10px}.chips b{color:#e7f2fb}.memory{padding:7px 8px;margin:5px 0;border-left:2px solid #2f806b;background:#0a1119}.memory b{display:block;color:#dbe8f2;font-size:11px}.memory small{display:block;color:#71879a;margin-top:3px}.muted{color:#60758a;font-size:11px}

.inspector-modal{position:fixed;z-index:50;inset:0;background:#020509d9;backdrop-filter:blur(4px);display:grid;place-items:center;padding:28px}.inspector-dialog{position:relative;width:min(760px,94vw);max-height:88vh;overflow:auto;background:#101823;border:1px solid #35506a;border-radius:18px;padding:28px 32px;box-shadow:0 30px 100px #000c}.inspector-close{position:sticky;float:right;top:0;z-index:2;width:38px;height:38px;padding:0;border-radius:50%;font-size:24px;background:#182534}.inspector-dialog #modalPerson{margin:16px 0 20px}.inspector-dialog .deep{max-height:none;overflow:visible;border-top:1px solid #26384b;padding-bottom:12px}.inspector-dialog .memory{padding:10px 12px}.inspector-dialog .chips span{font-size:11px;padding:7px 9px}
.finish.active{background:#a92f3d!important;border-color:#ff7183!important;color:#fff!important;box-shadow:0 0 0 2px #ff405055,0 0 22px #ff405033}.finish.active:before{content:"● ";}.finish.active{font-weight:900}
.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 4px}.manifesto>div{padding:14px 16px;border:1px solid #223448;border-radius:10px;background:#080d13}.manifesto strong{display:block;color:#45e0a8;font-size:11px;letter-spacing:1.4px;margin-bottom:7px}.manifesto span{display:block;color:#91a5b8;font-size:12px;line-height:1.5}.manifesto>b{grid-column:1/-1;text-align:center;color:#dce7f3;font-size:11px;letter-spacing:2px;padding-top:2px}@media(max-width:650px){.manifesto{grid-template-columns:1fr}.manifesto>b{grid-column:1/-1}}