/* CHRYSALIS / a city-sized organism */

:root{--bg:#091115;--panel:#101d22;--line:#2a3b3e;--muted:#839e9c;--text:#e3e8df;--acid:#9be1c3;--coral:#e5a18b;--display:'Oswald','Arial Narrow',sans-serif;--glow:155,225,195}body{background:#091115;color:var(--text)}body[data-strain=rage]{--acid:#efab91;--glow:239,171,145}body[data-strain=spore]{--acid:#c6b2ef;--glow:198,178,239}header{height:84px;background:#0b151a;position:relative;border-top:2px solid var(--acid);padding:0 28px}.brand{font-size:27px;font-weight:600;letter-spacing:.4px;gap:14px}.brand-mark{font-size:37px;color:var(--coral);border:1px solid #a0756260;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;box-shadow:0 0 24px #e5a18b10}.brand small{font:7px var(--mono);letter-spacing:2.2px;margin-top:8px;color:#91aaa6}.brand-light{font-weight:400}.status{font-size:9px;letter-spacing:1px}.status i{background:var(--coral)}nav{gap:19px}nav button{font-size:10px;color:#b4c7c2}nav .square{border-color:#34464b}.news{height:33px;background:#17252a;border-color:#2d3c40;font-size:9px;color:#9fb8b3;padding:0 28px;gap:23px}.live{font-size:8px;color:var(--coral);letter-spacing:1.6px}.news-freq b{color:var(--acid)}main{grid-template-columns:minmax(300px,1.03fr) minmax(440px,1.5fr) minmax(290px,1fr);max-width:2000px}.panel{padding:20px}.section-kicker{font-size:8px;color:#819f9c;letter-spacing:1px;height:14px}.live-small{font-size:7px;color:var(--coral)}.harvest{background:radial-gradient(ellipse at 50% 43%,#28494a80,transparent 57%),linear-gradient(155deg,#13282b,#0b181e 70%);border-right-color:#33484b}.harvest:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(#68ad9d14 1px,transparent 1px),linear-gradient(90deg,#68ad9d14 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(transparent,black,transparent)}.harvest:after{opacity:.5}.currency{margin-top:27px}.eyebrow{color:#91aaa7;font-size:8px;letter-spacing:2px}.currency h1{font:500 clamp(47px,4.3vw,74px)/1.1 var(--display);letter-spacing:-2px;margin:10px 0 7px;text-shadow:0 0 35px rgba(var(--glow),.15)}.rate{color:#9eb9b1;font-size:10px}.rate span{color:var(--acid)}.specimen-wrap{min-height:370px;margin:5px -20px 0;position:relative}.specimen{width:335px;max-width:100%;filter:drop-shadow(0 0 26px rgba(var(--glow),.1));isolation:isolate}.specimen:hover{filter:drop-shadow(0 0 30px rgba(var(--glow),.22));transform:scale(1.018)}.specimen.pressed,.specimen:active{transform:scale(.97)}.floating-brain{animation:motherFloat 4.8s ease-in-out infinite;transform-origin:210px 220px}.eye-lid{animation:eyeBlink 8s infinite;transform-origin:210px 210px}.tank-bubbles{animation:tankBubble 5s ease-in-out infinite}.tank-leds{animation:ledBlink 3s steps(2,end) infinite}.bio-tendrils{animation:tendrilSway 6s ease-in-out infinite;transform-origin:210px 280px}.evolution-tendrils{opacity:var(--evolution,.15);transition:opacity 1s}.electro-arcs{opacity:0}.electro-pulse .electro-arcs{animation:arcFlash .65s linear}.electro-pulse .specimen{filter:drop-shadow(0 0 40px #79dbd787)}.orbit-one{border-color:#86b8a81c;width:330px;height:330px}.orbit-two{border-color:#86b8a80a;width:375px;height:375px}.specimen-tag{color:#6e8f8d;font-size:7px;left:21px;top:20px}.specimen-tag strong{color:#b3c3ae;font-size:11px}.specimen-side{color:#6d928e;font-size:6px;letter-spacing:2px;right:15px;top:100px}.click-hint{color:#b1c9bf;font-size:8px;letter-spacing:1.4px;margin-top:-3px}.click-hint b{color:var(--acid);background:rgba(var(--glow),.1)}.mouse-icon{color:var(--coral)}.neural-meter{position:relative;z-index:1;margin:20px 0 0}.neural-meter>div:first-child{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1.5px;color:#9db5b2}.neural-meter b{color:var(--coral);font-weight:400}.neural-track{height:5px;background:#2b3e41;margin:9px 0;position:relative;overflow:hidden}.neural-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acid),var(--coral));box-shadow:0 0 15px var(--acid);transition:width .12s}.neural-meter p{font:8px/1.5 var(--mono);color:#7f9a96;margin:6px 0}.strain-selector{position:relative;z-index:1;border-top:1px solid #35505270;margin-top:15px;padding-top:13px}.tiny-label{font:7px var(--mono);letter-spacing:1px;color:#8ba8a4}.strain-selector>.tiny-label{display:flex;justify-content:space-between}.strain-selector .tiny-label span{color:#597873;font-size:6px}.strain-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.strain-options button{border:1px solid #344a4d;background:#112128;padding:9px 4px;font:500 11px var(--display);color:#91a7a2;transition:background .2s}.strain-options button>span{font:7px var(--mono);display:inline-block;margin-right:5px;color:#5e7c7d}.strain-options button small{display:block;font:6px var(--mono);margin-top:6px;white-space:nowrap;letter-spacing:-.1px}.strain-options button.selected{border-color:var(--acid);background:rgba(var(--glow),.08);color:var(--acid)}.strain-options button:hover{border-color:var(--acid)}.harvest-footer{margin-top:15px;font-size:7px;color:#6f918a}.harvest-footer>span+span{color:#abc7b5;font-size:7px}.heartbeat{height:20px;margin-top:9px}.heartbeat path{stroke:var(--acid);stroke-dasharray:320;animation:cardiograph 3s linear infinite;opacity:.7}.empire{background:linear-gradient(140deg,#15242a,#0e1c23);padding:20px;border-color:#2f4448}.empire-heading{margin:22px 0 18px}.empire-heading .eyebrow{font-size:7px;letter-spacing:1.6px;color:#89a6a2}.empire-heading h2{font:500 39px/1.12 var(--display);letter-spacing:-1.4px;margin:10px 0 0}.empire-heading h2 em{color:var(--coral)}.chapter{font-size:7px;letter-spacing:2px;color:#6f9291}.chapter b{color:#638b88;font:400 34px var(--display);margin-top:1px}.city{height:276px;background:#0c1b23;border:1px solid #527273;box-shadow:0 10px 30px #0003,inset 0 0 40px #000;overflow:hidden;position:relative;isolation:isolate}.city:after{z-index:2;background:repeating-linear-gradient(transparent 0px,transparent 3px,#00000017 4px);box-shadow:inset 0 0 60px #07101966}.city canvas{height:100%;width:100%;display:block}.city-corner,.scene-time{position:absolute;top:13px;font:7px var(--mono);color:#bad8ca;letter-spacing:1.1px;z-index:3}.city-corner{left:13px;display:flex;gap:7px;align-items:center}.city-corner i{width:4px;height:4px;background:#df987c;border-radius:50%;animation:ledBlink 2s steps(2,end) infinite}.scene-time{right:13px;color:#d6b99b}.city-overlay{z-index:5;padding:10px;background:#08141cdd;border-top:1px solid #3e656a55;font-size:6px;letter-spacing:.6px;color:#89b5ad}.city-overlay span+span{color:var(--coral)}#sceneCaption{position:absolute;left:13px;bottom:44px;z-index:3;color:#bbc9b2;font-size:9px;font-style:italic;text-shadow:0 1px 8px black;max-width:90%}.districts{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);gap:3px;padding:10px 0}.district-cell{padding:7px 2px;background:#1c3035;border:1px solid #314a50;color:#718e8e;text-align:center;min-width:0}.district-cell b{font:400 15px var(--display);display:block;line-height:1}.district-cell span{display:block;font:5px var(--mono);letter-spacing:.3px;margin-top:5px;white-space:nowrap}.district-cell.current{color:var(--coral);border-color:#af7f6255;background:#664d3420}.district-cell.captured{color:var(--acid);border-color:#5eab8155;background:#326b4325}.raid-command{display:flex;justify-content:space-between;align-items:center;padding:14px 0 12px;gap:10px}.raid-command>div{min-width:0}.raid-command strong{display:block;font:400 18px var(--display);margin-top:5px}.raid-command small{font-size:8px;line-height:1.6;display:block;color:#9aafa5;margin-top:4px;max-width:285px}.raid-command button{font:9px var(--mono);color:var(--coral);border:1px solid #af8264;padding:11px 12px;white-space:nowrap;background:#7e523520;flex-shrink:0}.raid-command button span{margin-left:8px}.raid-command button:disabled{opacity:.38}.raid-command button:hover:not(:disabled){background:#af826433}.milestone{margin:4px 0 14px;border-top:1px solid var(--line);padding-top:12px}.milestone-top{font-size:6px;letter-spacing:.8px}.progress-track{height:3px;margin:7px 0}.progress-track>div{background:var(--acid)}.milestone p{font-size:8px;color:#819f99}.metric-row{padding:12px 0}.metric-row span{font-size:6px;color:#87a6a1}.metric-row strong{font:400 25px var(--display);color:#d6e4d9;margin:6px 0}.metric-row small{font-size:7px;color:#7e9c94}.metric-row>div+div{padding-left:15px}.lab-heading{margin:17px 0 11px}.lab-heading h3{font:400 21px var(--display)}.lab-heading span{font-size:6px;letter-spacing:1px}.upgrade{border-color:#345055;background:#1d3035;padding:10px;gap:9px;min-height:67px;position:relative;overflow:hidden}.upgrade:hover:not(:disabled){background:#29454a;border-color:var(--acid)}.upgrade:disabled{opacity:.52}.upgrade-icon{display:grid;place-items:center;width:28px;flex-shrink:0;filter:none;color:var(--coral)}.upgrade-icon svg{width:27px;height:27px}.upgrade strong{font-size:9px;letter-spacing:.2px;color:#d4e0d6}.upgrade small{font-size:7px;color:#9bb9ae;line-height:1.5}.upgrade .price{color:var(--acid);font-size:8px}.prestige-box{padding:13px 0;border-color:var(--line);margin-top:3px}.prestige-icon{color:var(--coral)}.prestige-box strong{font-size:10px}.prestige-box p{color:#87a99c;font-size:8px}.prestige-box button{border-color:#5d8581;color:var(--acid)}.empire-footer{font-size:6px;color:#6c8d85;margin-top:12px}.shop{padding:20px 17px;background:linear-gradient(110deg,#112027,#0c171d)}.shop h2{font:500 32px var(--display);margin-top:22px;color:#e3dccc;letter-spacing:-.7px}.shop-sub{color:#8ba6a0;font-size:9px;margin:7px 0 22px}.shop-controls{border-color:#2f464b;font-size:7px;padding-bottom:10px}.shop-controls>span{letter-spacing:2px}#quantity{background:#20353b;border-color:#38535a}#quantity button{font-size:8px;color:#93b5ab}#quantity button.selected{color:#0e2422;background:var(--acid)}.building{grid-template-columns:52px 1fr 30px;padding:13px 3px;gap:11px;border-color:#294149}.building:hover:not(:disabled){background:#254248}.building-icon{height:54px;width:52px;border-radius:0;background:linear-gradient(135deg,#28424c,#162b34);border:1px solid #466b71;color:#b6cdb4;filter:none;position:relative;overflow:hidden}.building-icon svg{height:46px;width:46px;filter:drop-shadow(0 3px 3px #0005)}.building-icon:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0,transparent 3px,#07111716 4px)}.building:disabled .building-icon{opacity:.65}.building-name{font:400 18px var(--display);letter-spacing:0}.building:disabled .building-name{color:#a0b6ac}.building-price{color:var(--acid);font-size:8px;margin-top:5px}.building:disabled .building-price{color:#809c93}.building-production{font-size:7px;color:#72988c}.building-count{font:400 28px var(--display);color:#739a89}.building.locked{opacity:.5}.building.locked .building-name{font-size:10px;letter-spacing:1px}.building.locked .building-icon svg{opacity:.6}.shop-note{color:#759b91;font-size:6px;letter-spacing:.5px;margin:13px 0 0}.prestige-box p{line-height:1.7}.text-button{font-size:7px;color:#94b5ab}.text-button span{color:var(--coral)}dialog{background:#13272f;border-color:#638e8c;box-shadow:0 40px 120px #000b}.modal-head{border-color:#36565b}.modal-head h2{font:400 29px var(--display);color:#efcfb8}.modal-head button{color:#8db9a8}#modalBody{color:#abc5b7}.stat-line{border-color:#2d4c52}.toast{background:#192f36;border-color:#527b76;border-left-color:var(--coral);color:#b4cabe;font:10px/1.7 var(--mono)}.toast strong{color:#e3b49a;font-size:10px}.float-number{color:#f5d8bf;text-shadow:0 0 15px #dcab89,0 3px 5px black;font:400 26px var(--display)}#effectsCanvas{position:fixed;inset:0;z-index:40;pointer-events:none;width:100%;height:100%}#eventBanner{position:fixed;top:125px;left:50%;transform:translate(-50%,-20px);z-index:35;pointer-events:none;text-align:center;opacity:0;transition:opacity .25s,transform .25s;min-width:290px;max-width:90vw;padding:14px 24px;background:#12282eee;border:1px solid #9fbc96;box-shadow:0 0 70px #8cc4a426;color:#d6e8d4;font:10px var(--mono);letter-spacing:2px}#eventBanner.show{opacity:1;transform:translate(-50%,0)}#eventBanner strong{font:400 24px var(--display);display:block;color:var(--coral);margin-bottom:6px;letter-spacing:1px}.overdrive{--acid:#f4be8a;--glow:244,190,138}.overdrive .harvest{background:radial-gradient(ellipse at 50% 45%,#74533f77,transparent 63%),#17242a}.overdrive .floating-brain{animation-duration:1.1s}.overdrive .heartbeat path{animation-duration:.7s;stroke:var(--coral)}.overdrive .tank-leds{animation-duration:.3s}.overdrive .city{border-color:#b78262}.overdrive .bio-tendrils{animation-duration:1s}#golden{background:radial-gradient(#eefaca,#78b594);border-color:#efffe4;box-shadow:0 0 50px #c5ffc777;color:#224e40;font-size:32px;width:63px;height:63px}#golden span{background:#0c2327;color:#d7e6bf;font-size:7px}.raid-target{position:absolute;width:44px;height:44px;border:1px solid #ffd0a7;border-radius:50%;color:#ffe3c6;background:#804d2c44;font:500 14px var(--mono);transform:translate(-50%,-50%);z-index:8;box-shadow:0 0 18px #f4a57466;touch-action:manipulation;animation:targetPulse 1.5s infinite}.raid-target:before,.raid-target:after{content:'';position:absolute;pointer-events:none}.raid-target:before{inset:-7px;border:1px dashed #f0bc9688;border-radius:50%}.raid-target:after{inset:11px;border:1px solid #ffd2a633}.raid-target:hover{background:#ac704766;scale:1.1}.raid-running .city{border-color:#efb48c;box-shadow:0 0 35px #b66e3c33}.raid-running #sceneCaption{color:#ffcfab;font:8px var(--mono)}.raid-running .city-corner{color:#f7ae80}.raid-running .raid-command button{color:#d6e7cf}.glitch{animation:sceneGlitch .4s steps(2,end)}.building.arrival{animation:recruitFlash .6s ease-out}.upgrade.mutation-flash{animation:recruitFlash .8s ease-out}#eyePupil{transition:transform .12s}.captured-stamp{position:absolute;z-index:8;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);border:2px solid #a4e5c4;color:#a4e5c4;padding:12px 20px;font:500 28px var(--display);letter-spacing:4px;text-shadow:0 0 15px #9be1c3;animation:stampIn 2.5s forwards;pointer-events:none;white-space:nowrap;background:#16382b44}.mutation-veins{fill:none;stroke:#d7a097;stroke-width:1;opacity:.5}.burst-pulse .currency h1{color:var(--coral)}
@keyframes motherFloat{50%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes eyeBlink{0%,43%,46%,100%{transform:scaleY(1)}44.5%{transform:scaleY(.1)}}@keyframes tankBubble{0%,100%{transform:translateY(5px);opacity:.25}50%{transform:translateY(-20px);opacity:.65}}@keyframes tendrilSway{50%{transform:skewX(3deg) scaleY(1.025)}}@keyframes ledBlink{50%{opacity:.35}}@keyframes arcFlash{10%,30%,65%{opacity:1}20%,50%,100%{opacity:0}}@keyframes cardiograph{to{stroke-dashoffset:-640}}@keyframes targetPulse{50%{box-shadow:0 0 26px #f4a574aa}}@keyframes sceneGlitch{25%{filter:hue-rotate(70deg);transform:translateX(2px)}75%{filter:brightness(1.6);transform:translateX(-2px)}}@keyframes recruitFlash{0%{background:#71bba344}100%{background:transparent}}@keyframes stampIn{0%{opacity:0;scale:1.6}12%,75%{opacity:1;scale:1}100%{opacity:0;scale:1}}
@media(min-width:1101px){main{height:calc(100dvh - 117px);min-height:820px}.specimen-wrap{flex:1;min-height:330px;max-height:480px;margin:auto -20px 0}.specimen{width:min(100%,340px)}.orbit-one{top:calc(50% - 160px)}.orbit-two{top:calc(50% - 183px)}.specimen-tag{top:calc(50% - 164px)}.specimen-side{top:calc(50% - 90px)}.harvest{padding-bottom:17px}.neural-meter{margin-top:14px}.harvest-footer{margin-top:13px}.shop{display:flex}.empire{scrollbar-color:#3e6466 transparent}.buildings{scrollbar-color:#3e6466 transparent}.shop h2{margin-top:24px}.empire-heading{margin:22px 0 18px}}@media(min-width:1500px){.panel{padding:25px}.specimen{width:380px}.specimen-wrap{min-height:390px}.city{height:320px}.empire-heading h2{font-size:45px}.empire-heading{margin:26px 0 20px}.shop h2{font-size:37px}.building{padding:15px 3px}.building-name{font-size:21px}.building-icon{height:60px;width:56px}.building-icon svg{width:51px;height:51px}.upgrade strong{font-size:10px}.upgrade small{font-size:8px}.raid-command small{font-size:9px}}
@media(max-width:1100px){main{grid-template-columns:minmax(290px,.9fr) minmax(380px,1.2fr)}.harvest{min-height:970px}.specimen-wrap{min-height:395px}.shop{display:block}.shop h2{margin-top:20px}.city{height:280px}.building{grid-template-columns:44px 1fr 25px}.building-icon{width:44px;height:49px}.building-icon svg{width:41px;height:41px}.building-name{font-size:18px}.building-production{font-size:7px}.empire-heading h2{font-size:36px}.district-cell span{font-size:5px}.raid-command{flex-wrap:wrap}.raid-command button{margin-left:auto}.raid-command small{max-width:250px}.buildings{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){header{height:75px;padding:0 14px}.brand{font-size:23px;gap:9px}.brand-mark{width:36px;height:36px;font-size:29px}.brand small{font-size:5px;letter-spacing:1.7px}nav{gap:11px}nav button{font-size:9px}.news{padding:0 13px;font-size:7px;gap:10px;height:31px}.live{font-size:6px}.panel{padding:20px}main{display:flex;min-height:0;height:auto}.harvest{min-height:790px}.currency{margin-top:27px}.currency h1{font-size:64px}.specimen-wrap{min-height:380px;margin:8px -20px 0}.specimen{width:320px}.specimen-tag{top:34px;left:22px}.specimen-side{top:115px;right:15px}.orbit-one{top:30px}.orbit-two{top:7px}.neural-meter{margin-top:18px}.strain-options button{padding:11px 3px;font-size:12px}.strain-options button small{font-size:7px}.harvest-footer{margin-top:18px}.heartbeat{margin-top:10px}.empire-heading h2{font-size:40px}.city{height:300px}.districts{gap:4px}.district-cell span{font-size:5px}.raid-command{flex-wrap:nowrap}.raid-command small{max-width:200px;font-size:8px}.raid-command button{padding:11px 9px;font-size:8px}.raid-command button span{margin-left:3px}.upgrade{min-height:76px}.upgrade strong{font-size:10px}.upgrade small{font-size:8px}.metric-row span{font-size:7px}.metric-row strong{font-size:28px}.milestone p{font-size:9px}.buildings{grid-template-columns:1fr 1fr;gap:0 15px}.building{grid-template-columns:44px 1fr 20px;gap:7px}.building-icon{width:44px;height:49px}.building-name{font-size:17px}.building.locked .building-name{font-size:9px}.shop{padding:22px 16px}.shop h2{font-size:35px}.shop-sub{font-size:10px}.shop-note{font-size:7px}#eventBanner{top:120px}#toasts{bottom:14px;left:14px}.toast{max-width:330px}.city-corner,.scene-time{font-size:7px}.strain-selector .tiny-label span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.electro-arcs{display:none}.captured-stamp{animation:none;opacity:1}#eventBanner{transition:none}#effectsCanvas{display:none}}
.growth-phase{opacity:0;transition:opacity 1.4s}body[data-evolution="1"] .growth-one,body[data-evolution="2"] .growth-one,body[data-evolution="2"] .growth-two,body[data-evolution="3"] .growth-phase{opacity:1}body[data-evolution="3"] .specimen{filter:drop-shadow(0 0 32px #c3a7c529)}#golden{padding:7px}#golden>svg{width:100%;height:100%;animation:mothWings 1.3s ease-in-out infinite}#golden span{bottom:-30px}@keyframes mothWings{50%{transform:scaleX(.7) rotate(7deg)}}