@font-face{font-family:"Press Start 2P";src:url(./PressStart2P-Regular-2BZhbCiP.ttf)format("truetype");font-display:block}@font-face{font-family:VT323;src:url(./VT323-Regular-DICElq-Y.ttf)format("truetype");font-display:block}:root{--bg:#1b1e2a;--bg-2:#252a3a;--line:#3a4058;--text:#eef0f5;--dim:#9aa0b4;--accent:#ffb13d;--accent-2:#4fe0c1;--coral:#e0522f;--healthy:#4fb6e0;--zombie:#e07b2a;--immune:#d9c23a;--dead:#4a4a52;--top:52px;--ticker:64px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:VT323,monospace;font-size:20px;overflow:hidden}body:not(.ready)>:not(#stage){visibility:hidden}#stage,#stage canvas{position:fixed;inset:0}#stage canvas{image-rendering:pixelated}button,select,input{font:inherit;color:inherit}button{background:var(--bg-2);border:2px solid var(--line);cursor:pointer;border-radius:0;padding:2px 10px;box-shadow:2px 2px #0008}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #0008}button:disabled{opacity:.35;cursor:default}button.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}select{background:var(--bg-2);border:2px solid var(--line);max-width:340px;padding:2px 6px}#topbar{height:var(--top);background:linear-gradient(var(--bg), #1b1e2ae6);border-bottom:2px solid var(--line);z-index:10;align-items:center;gap:18px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}#topbar .group{white-space:nowrap;align-items:center;gap:6px;display:flex}#topbar{gap:12px}#topbar select{max-width:290px}#topbar .meta{color:var(--dim);gap:16px;margin-left:auto}#topbar .meta #clock{color:var(--text);min-width:120px}.logo{letter-spacing:1px;white-space:nowrap;text-shadow:2px 2px 0 var(--bg), -1px -1px 0 var(--bg), 1px -1px 0 var(--bg), -1px 1px 0 var(--bg), 3px 3px 0 #000;margin:0;font-family:"Press Start 2P",monospace;font-size:15px}.logo span{display:inline-block}.logo .w1{color:var(--accent);transform:rotate(-3deg)}.logo .w2{color:var(--accent-2);transform:rotate(2deg)translateY(1px)}.logo .w3{color:var(--coral);transform:rotate(-2deg)}.panel{top:calc(var(--top) + 10px);bottom:calc(var(--ticker) + 10px);border:2px solid var(--line);z-index:5;background:#1b1e2aeb;width:270px;padding:10px 14px;position:fixed;overflow-y:auto;box-shadow:4px 4px #0008}.panel.right{right:10px}.panel.left{left:10px}.panel h2{color:var(--accent);text-transform:uppercase;margin:10px 0 6px;font-family:"Press Start 2P",monospace;font-size:10px}.panel h2:first-child{margin-top:2px}.lever{text-align:left;white-space:nowrap;width:100%;margin-bottom:5px;display:block}.panel{font-size:18px}label{color:var(--dim);margin-bottom:4px;display:block}label input[type=range]{width:100%;accent-color:var(--accent)}label.check{margin-top:10px}label.check input{accent-color:var(--accent)}.stat{grid-template-columns:1fr auto;margin-bottom:4px;padding:0 4px;display:grid;position:relative}.stat i{opacity:.35;z-index:-1;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.stat{z-index:0}.stat[hidden]{display:none}#disasters{left:50%;bottom:calc(var(--ticker) + 62px);z-index:6;border:2px solid var(--line);background:#1b1e2aeb;gap:6px;max-width:72vw;padding:4px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%);box-shadow:4px 4px #0008}.disaster{flex:none;width:44px;height:44px;padding:0;font-size:20px;position:relative}.disaster kbd{color:var(--dim);font:11px VT323,monospace;position:absolute;bottom:0;right:2px}.disaster.on{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px #fff,2px 2px #0008}.disaster.on kbd{color:var(--bg)}#tool-hint{top:calc(var(--top) + 14px);border:2px solid var(--accent);z-index:6;pointer-events:none;white-space:nowrap;background:#1b1e2aeb;padding:4px 14px;display:none;position:fixed;left:50%;transform:translate(-50%)}body.tool-armed #tool-hint{display:block}body.tool-armed #micro-hint{display:none}body.tool-armed #stage canvas{cursor:crosshair}.kv{color:var(--dim);grid-template-columns:1fr auto;margin:8px 0 0;display:grid}.kv dd{color:var(--text);margin:0}#portrait{border:2px solid var(--line);image-rendering:pixelated;margin:0 auto 4px;display:block}#agent-name{text-align:center;color:var(--text)!important;margin:6px 0 2px!important;font-size:14px!important}.sub{color:var(--dim);text-align:center;margin:2px 0}.pill{border:2px solid var(--bg);color:var(--bg);padding:0 8px;display:inline-block}#inspector p:has(.pill){text-align:center;margin:6px 0}.pill[data-state="0"]{background:var(--healthy)}.pill[data-state="1"]{background:var(--zombie)}.pill[data-state="2"]{background:var(--immune)}.pill[data-state="3"]{background:var(--dead);color:var(--text)}.activity{text-align:center;margin:4px 0}.kills{text-align:center;color:var(--immune);margin:2px 0}.need{border:2px solid var(--line);z-index:0;margin:6px 0;padding:0 6px;position:relative}.need i{background:var(--accent-2);opacity:.35;z-index:-1;transition:width .2s;position:absolute;top:0;bottom:0;left:0}#need-hunger i{background:var(--zombie)}#agent-log{margin:0;padding:0;font-size:18px;list-style:none}#agent-log li{border-bottom:1px dashed var(--line);padding:2px 0}#agent-log span{color:var(--dim)}#toolbar{left:50%;bottom:calc(var(--ticker) + 12px);z-index:6;gap:8px;display:flex;position:fixed;transform:translate(-50%)}#toolbar button{white-space:nowrap;background:#1b1e2aeb;padding:4px 12px}#toolbar button.on{background:var(--accent)}#micro-hint{top:calc(var(--top) + 14px);border:2px solid var(--accent);z-index:6;pointer-events:none;background:#1b1e2aeb;padding:4px 14px;position:fixed;left:50%;transform:translate(-50%)}#zoom-in{left:10px;bottom:calc(var(--ticker) + 12px);z-index:6;position:fixed}#ticker{height:var(--ticker);background:var(--bg);border-top:2px solid var(--line);z-index:10;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}#ticker .label{background:var(--coral);color:var(--text);white-space:nowrap;align-items:center;padding:0 12px;font-family:"Press Start 2P",monospace;font-size:10px;display:flex}#ticker-items{flex-direction:column;flex:1;justify-content:center;padding:2px 12px;display:flex;overflow:hidden}.headline{white-space:nowrap;text-overflow:ellipsis;color:var(--dim);font-size:17px;line-height:1.05;overflow:hidden}.headline:not(.latest):nth-child(n+4){display:none}.headline.latest{color:var(--text);font-size:22px}.headline .when{color:var(--dim);margin-right:8px}.headline .tag{color:var(--bg);background:var(--accent);margin-right:6px;padding:0 4px;font-size:15px}.headline.ripple .text{color:var(--accent)}.headline.link{cursor:pointer}.headline.link:hover .text{text-decoration:underline}#attrib{right:10px;bottom:calc(var(--ticker) + 2px);color:var(--dim);z-index:4;font-size:14px;position:fixed}body[data-mode=macro] #attrib{right:296px}#attrib a{color:inherit}.prompt-row{gap:4px;margin:0;display:flex}#omg-quick{background:var(--bg-2);border:2px solid var(--line);min-width:0;color:var(--text);font:inherit;flex:1;padding:4px 6px;font-size:16px}#omg-quick:focus{border-color:var(--accent);outline:none}#omg-quick-go{flex:0 0 32px;padding:2px 0}#omg-quick-go:disabled{opacity:.4;cursor:default}#levers .hint{color:var(--dim);margin:4px 0 0;font-size:14px}.chaos-row{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:6px;display:grid}.icon-lever{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:52px;margin:0;padding:4px 2px;display:flex}.icon-lever .ic{font-size:18px;line-height:1.2}.icon-lever .cap{color:var(--dim);text-transform:uppercase;font-size:13px}.icon-lever.on .cap{color:var(--bg)}.unleash-row{gap:4px;display:flex}.unleash-row select{flex:1;min-width:0}.n-step{text-align:center;flex:0 0 46px;padding:2px 0}#mass-go{text-align:center;color:var(--accent);flex:0 0 34px;padding:2px 0}#powers h3{color:var(--dim);text-transform:uppercase;margin:10px 0 5px;font-family:"Press Start 2P",monospace;font-size:8px}#powers h3 .badge{color:var(--accent-2);text-transform:none;font-family:VT323,monospace;font-size:15px}#powers .grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.power{height:42px;padding:0;font-size:22px;line-height:1;position:relative}.power.on{background:var(--bg-2);border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2) inset}.power i{color:var(--accent-2);font-size:13px;font-style:normal;position:absolute;top:0;right:2px}.power i.t{color:var(--dim)}#power-tip{border-top:1px dashed var(--line);min-height:92px;color:var(--text);margin-top:10px;padding-top:8px;font-size:17px;line-height:1.1}#power-tip span{color:var(--dim)}#powers-for{text-align:left;margin-bottom:2px}#agent-effects{flex-wrap:wrap;gap:4px;margin:8px 0 2px;display:flex}.chip{border:2px solid var(--pip);background:var(--bg-2);align-items:center;gap:4px;padding:0 0 0 6px;font-size:16px;display:inline-flex}.chip .left{color:var(--dim)}.chip button{box-shadow:none;color:var(--dim);background:0 0;border:0;padding:0 5px;font-size:14px}.chip button:hover{color:var(--coral)}.chip.expiring{animation:.5s steps(2,end) infinite flash}@keyframes flash{50%{border-color:var(--accent)}}button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}button.primary:disabled{background:var(--bg-2);color:var(--dim);border-color:var(--line)}button.link{box-shadow:none;color:var(--accent-2);background:0 0;border:0;padding:0 4px}#builder{z-index:30;background:#0c0d14b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#builder.open{display:flex}.b-window{background:var(--bg);border:2px solid var(--line);flex-direction:column;width:min(1240px,97vw);height:min(700px,96vh);display:flex;box-shadow:6px 6px #000a}.b-window>header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.b-window>header h2{color:var(--accent);margin:0;font-family:"Press Start 2P",monospace;font-size:13px}.b-cols{flex:1;grid-template-columns:400px 1fr;min-height:0;display:grid}.b-ai{border-right:2px solid var(--line);flex-direction:column;gap:8px;padding:14px;display:flex}.b-ai label{color:var(--accent-2);font-family:"Press Start 2P",monospace;font-size:11px}#b-premise{font:inherit;color:var(--text);background:var(--bg-2);border:2px solid var(--line);resize:none;padding:8px;font-size:22px}#b-premise:focus{border-color:var(--accent);outline:none}#b-make{padding:6px;font-size:22px}#b-cancel{align-self:center;display:none}#builder.thinking #b-cancel{display:block}#builder.thinking #b-premise{opacity:.5}#builder.thinking #b-make{animation:.8s steps(2,end) infinite flash}.b-ai .hint{color:var(--dim);margin:4px 0;font-size:18px}#b-banner{border:2px solid var(--coral);color:var(--text);padding:6px 10px;font-size:18px;display:none}#b-banner.show{display:block}#b-banner.ok{border-color:var(--accent-2)}.b-edit{flex-direction:column;min-height:0;padding:10px 14px 0;display:flex}.b-meta{grid-template-columns:1fr 1.4fr;gap:4px 14px;display:grid}.b-meta label{color:var(--dim);align-items:center;gap:6px;margin:0;display:flex}.b-meta label input:not([type=range]){background:var(--bg-2);border:2px solid var(--line);flex:1;padding:1px 6px}.b-meta .pop{grid-column:span 2}.b-meta .pop input{width:220px;accent-color:var(--accent)}.b-meta .pop b{color:var(--text);font-weight:400}.b-edit nav{border-bottom:2px solid var(--line);gap:4px;margin:10px 0 0;display:flex}.b-edit nav .tab{box-shadow:none;border-bottom:0}.b-edit nav .tab.on{background:var(--line);color:var(--accent)}.b-pane{flex:1;padding:8px 2px 10px;display:none;overflow-y:auto}#builder[data-tab=timeline] .b-pane.timeline,#builder[data-tab=effects] .b-pane.effects{display:block}.b-pane .empty{color:var(--dim)}#b-step-warn{color:var(--accent);margin-left:10px}.step{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.step:hover{background:#252a3a80}.step .lbl{color:var(--dim)}.step input,.step select,.fx-card input,.fx-card select{background:var(--bg-2);border:2px solid var(--line);padding:0 4px;font-size:18px}.step input.day{width:46px}.step input.count,.fx-card input.count{width:64px}.step .params{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.step .headline-in{flex:1;min-width:300px}.step .ctl{gap:2px;margin-left:auto;display:flex}.step .ctl button{box-shadow:none;padding:0 6px}.cb{color:var(--text);align-items:center;gap:3px;margin:0;display:inline-flex}.cb input{accent-color:var(--accent)}.txt{color:var(--dim)}.fx-card{border:2px solid var(--line);background:#252a3a60;gap:12px;margin-bottom:10px;padding:10px;display:flex}.fx-preview{border:2px solid var(--line);image-rendering:pixelated;flex:none;align-self:flex-start;width:70px;height:80px}.fx-body{flex-direction:column;flex:1;gap:6px;display:flex}.fx-head{align-items:center;gap:6px;display:flex}.fx-head .emoji-in{text-align:center;width:44px;font-size:20px}.fx-head input[type=text]:not(.emoji-in){flex:1}.fx-head input[type=color]{width:40px;height:28px;padding:0}.fx-body .blurb-in{width:100%}.knobs{grid-template-columns:repeat(3,1fr);gap:2px 14px;display:grid}.knobs.adv{grid-template-columns:repeat(4,1fr);display:none}.knobs.adv.open{display:grid}.knob{color:var(--dim);grid-template-columns:1fr;margin:0;font-size:17px;display:grid}.knob input{width:100%;accent-color:var(--accent)}.knob b{color:var(--text);justify-self:end;margin-top:-22px;font-weight:400}.fx-life{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flags{flex-wrap:wrap;gap:4px;display:flex}.flag{box-shadow:none;color:var(--dim);border-radius:0;padding:0 8px;font-size:16px}.flag.on{background:var(--accent-2);color:var(--bg);border-color:var(--accent-2)}.b-window>footer{border-top:2px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex;position:relative}.b-window>footer button{padding:4px 14px}#b-run{font-size:22px}#b-undo{color:var(--dim);opacity:0;margin-left:auto;transition:opacity .2s}#b-undo.show{opacity:1}#create{white-space:nowrap}#earth-intro{text-align:center;pointer-events:none;z-index:6;opacity:0;position:fixed;top:16%;left:0;right:0}#earth-intro.play{animation:5s forwards intro}#earth-intro .big-logo{text-shadow:4px 4px 0 #000, -2px -2px 0 var(--bg), 2px -2px 0 var(--bg), -2px 2px 0 var(--bg);font-family:"Press Start 2P",monospace;font-size:44px}#earth-intro .big-logo span{display:inline-block}#earth-intro .w1{color:var(--accent);transform:rotate(-3deg)}#earth-intro .w2{color:var(--accent-2);transform:rotate(2deg)translateY(3px)}#earth-intro .w3{color:var(--coral);transform:rotate(-2deg)}#earth-intro p{text-shadow:2px 2px #000;margin:18px 0 0;font-size:26px}@keyframes intro{0%{opacity:0;transform:translateY(10px)}12%{opacity:1;transform:none}70%{opacity:1}to{opacity:0}}body[data-view=earth] #topbar{background:0 0;border-bottom-color:#0000}#earth-hint{color:var(--dim);text-shadow:1px 1px #000;z-index:6;position:fixed;bottom:14px;left:14px}#earth-play{z-index:6;background:#1b1e2aeb;padding:6px 14px;position:fixed;bottom:14px;right:14px}#earth-play b{color:var(--accent);margin-left:8px;font-weight:400}#attrib-earth{color:var(--dim);z-index:4;font-size:14px;position:fixed;bottom:54px;right:14px}#toast{top:calc(var(--top) + 14px);border:2px solid var(--coral);z-index:20;opacity:0;pointer-events:none;background:#1b1e2aeb;padding:4px 14px;transition:opacity .2s,transform .2s;position:fixed;left:50%;transform:translate(-50%)translateY(-8px)}#toast.show{opacity:1;transform:translate(-50%)}body[data-view=earth] .city-only,body[data-view=earth] .macro-only,body[data-view=earth] .micro-only,body[data-view=city] .earth-only,body[data-mode=macro] .micro-only,body[data-mode=micro] .macro-only,body[data-selected=false] .selected-only,body[data-selected=true] .unselected-only{display:none!important}