*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#07120d;color:#e9efe4}.app{position:relative;width:100%}.simulation-page{height:100vh;height:100dvh;overflow:hidden;background:#0c0405}.simulation-nav{position:absolute;z-index:20;top:14px;left:50%;transform:translate(-50%);padding:8px 14px;border:1px solid rgba(140,200,90,.35);border-radius:6px;background:#0e180ce6}.simulation-nav a{color:#eef4e8;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;text-decoration:none}.mobile-panel-switcher{display:none}.simulation-loading{min-height:100vh;display:grid;place-items:center;background:#07120d;color:#dcebb0;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.world-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.landing-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 8%,rgba(98,141,79,.24),transparent 28rem),linear-gradient(180deg,#0a1711,#102219 38%,#e3e9d7 38%,#e3e9d7);color:#142018}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 clamp(20px,5vw,72px);background:#08140ecc;border-bottom:1px solid rgba(206,226,187,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;color:#f0f5e8;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700;text-decoration:none}.brand-mark{flex:0 0 54px;width:54px;height:12px;border-radius:999px;background:radial-gradient(circle at 6px 6px,#9dc45d 0 5px,transparent 6px),radial-gradient(circle at 27px 6px,#6b8f47 0 5px,transparent 6px),radial-gradient(circle at 48px 6px,#2f5a3b 0 5px,transparent 6px);filter:drop-shadow(0 0 14px rgba(157,196,93,.38))}.site-nav{display:flex;align-items:center;gap:clamp(16px,3vw,36px);font-size:14px;font-weight:700;letter-spacing:.02em}.site-nav a{color:#ebf4e1b8;text-decoration:none}.site-nav a:hover{color:#f4f8ef}.site-nav .nav-play{padding:10px 14px;color:#0e1b13;background:#b9d978;border:1px solid rgba(235,244,225,.45);border-radius:6px}.landing-hero{position:relative;min-height:92vh;display:grid;align-items:center;padding:120px clamp(20px,6vw,90px) 72px;background-size:cover;background-position:center;isolation:isolate}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#07120deb,#07120dc7 38%,#07120d33 72%),linear-gradient(180deg,#07120d73,#07120d1a 58%,#102219)}.hero-content{max-width:780px;color:#f2f7ed}.eyebrow,.section-kicker{margin-bottom:18px;color:#b9d978;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-content h1{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(76px,11vw,154px);line-height:.9;letter-spacing:0}.hero-lede{max-width:680px;color:#f2f7edc7;font-size:clamp(20px,2.3vw,30px);line-height:1.35}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.claude-credit{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:#edf5e7;font-size:15px;text-decoration:none}.claude-credit img{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain}.claude-credit strong{margin-left:3px;font-family:Georgia,Times New Roman,serif;font-size:21px}.claude-credit:hover{text-decoration:underline;text-underline-offset:4px}.contract-address{display:grid;grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:14px;width:min(100%,520px);margin-top:20px;padding:10px 0;border-top:1px solid rgba(237,245,231,.2);border-bottom:1px solid rgba(237,245,231,.2)}.contract-label{color:#b9d978;font-size:12px;font-weight:800}.contract-value{min-width:0;color:#edf5e7;font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.contract-value.pending{font-family:inherit}.contract-copy{width:42px;height:42px;padding:0;border:1px solid rgba(237,245,231,.24);border-radius:6px;background:#edf5e714;font-size:20px;cursor:pointer}.contract-copy:disabled{opacity:.5;cursor:not-allowed}.contract-copy:not(:disabled):hover{background:#b9d97833}.contract-copy:focus-visible{outline:2px solid #b9d978;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.primary-action,.secondary-action,.inline-action{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:6px;font-weight:800;text-decoration:none}.primary-action{color:#0e1b13;background:#b9d978;border:1px solid #dcebb0}.secondary-action{color:#edf5e7;background:#edf5e714;border:1px solid rgba(237,245,231,.24)}.inline-action{margin-top:28px;color:#ecf4e5;background:#2f5a3b;border:1px solid rgba(20,32,24,.18)}.hero-metrics{position:absolute;right:clamp(20px,6vw,90px);bottom:36px;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:1px;overflow:hidden;border:1px solid rgba(237,245,231,.2);border-radius:8px;background:#edf5e72e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-metrics div{padding:16px 18px;background:#08140eb8}.hero-metrics span{display:block;color:#f3f8ee;font-size:20px;font-weight:800}.hero-metrics p{margin-top:4px;color:#eef7e5a8;font-size:12px}.section-band{padding:clamp(70px,10vw,132px) clamp(20px,6vw,90px)}.section-inner{width:min(1180px,100%);margin:0 auto}.two-column{display:grid;grid-template-columns:minmax(0,.88fr) minmax(320px,1fr);gap:clamp(32px,7vw,96px);align-items:start}.ecology-band{background:#102219;color:#edf5e8;border-top:1px solid rgba(237,245,232,.1)}.section-band h2{max-width:760px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5.6vw,78px);line-height:1.02;letter-spacing:0}.copy-block{color:#edf5e8b8;font-size:22px;line-height:1.55}.copy-block p+p{margin-top:24px}.model-band{background:linear-gradient(180deg,#e3e9d7,#d4dec5);color:#142018}.section-heading{margin-bottom:42px}.model-band .section-kicker,.observatory-band .section-kicker{color:#426d3b}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.system-grid article{min-height:250px;padding:24px;border:1px solid rgba(20,32,24,.14);border-radius:8px;background:#ffffff5c;box-shadow:0 20px 50px #14201814}.system-grid span{color:#6b8f47;font-size:12px;font-weight:900;letter-spacing:.18em}.system-grid h3{margin-top:34px;font-size:24px}.system-grid p{margin-top:14px;color:#142018b3;font-size:17px;line-height:1.55}.model-note{max-width:760px;margin-top:28px;color:#142018b8;font-size:16px;line-height:1.6}.section-band[id]{scroll-margin-top:72px}.observatory-band{background:#d4dec5;color:#142018}.observatory-layout{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1fr);gap:clamp(32px,7vw,92px);align-items:center}.terminal-panel{padding:18px;border-radius:8px;background:#0d1b14;border:1px solid rgba(87,123,72,.45);box-shadow:0 24px 70px #14201838}.terminal-bar{display:flex;gap:7px;padding-bottom:18px;border-bottom:1px solid rgba(185,217,120,.18)}.terminal-bar span{width:9px;height:9px;border-radius:50%;background:#b9d978}.signal-row{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(185,217,120,.12);color:#eef7e5bd;font-family:Segoe UI,system-ui,sans-serif}.signal-row:last-child{border-bottom:0}.signal-row b{color:#b9d978;letter-spacing:.16em}.observatory-copy{margin-top:22px;max-width:660px;color:#142018b8;font-size:21px;line-height:1.55}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px clamp(20px,6vw,90px);background:#07120d;border-top:1px solid rgba(237,245,232,.12);color:#edf5e8a3}.site-footer p{text-align:right}@media(min-width:901px)and (max-width:1200px){.contract-address{width:300px}}@media(max-width:900px){.site-header{position:absolute;align-items:flex-start;gap:18px;flex-direction:column;padding-top:18px;padding-bottom:18px}.site-nav{width:100%;overflow-x:auto;padding-bottom:2px}.landing-hero{min-height:100vh;padding-top:170px}.hero-shade{background:linear-gradient(90deg,#07120df0,#07120dcc 72%,#07120d80),linear-gradient(180deg,#07120d59,#102219)}.hero-metrics{position:static;grid-template-columns:1fr;margin-top:44px}.two-column,.observatory-layout,.system-grid{grid-template-columns:1fr}.copy-block,.observatory-copy{font-size:19px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer p{text-align:left}}@media(max-width:560px){.brand{font-size:21px}.site-nav{gap:14px;font-size:13px}.hero-content h1{font-size:68px}.hero-actions{flex-direction:column;align-items:stretch}.primary-action,.secondary-action,.inline-action{justify-content:center}}.hud{position:absolute;z-index:10;color:#eef4e8;-webkit-user-select:none;user-select:none}.panel{background:#0e180cc7;border:1px solid rgba(140,200,90,.35);border-radius:10px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 18px #00000059}.stats-panel{top:14px;left:14px;min-width:220px}.stats-panel h1{font-size:15px;letter-spacing:3px;color:#a5e06b;margin-bottom:8px}.stat-row{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:2px 0;color:#cfe0c2}.stat-row b{color:#fff;font-variant-numeric:tabular-nums}.stat-row.big{font-size:15px}.stat-row.big b{color:#ffd166;font-size:17px}.threats{margin-top:8px;padding:6px 8px;border-radius:6px;font-size:12px;background:#ffffff0f;color:#9db48f}.threats.active{background:#c83c2840;border:1px solid rgba(255,110,80,.5);color:#ffb4a2;animation:threat-pulse 1.6s ease-in-out infinite}@keyframes threat-pulse{50%{box-shadow:0 0 12px #ff5a3c73}}.reset-btn{margin-top:10px;width:100%;padding:5px;font-size:11px;background:#ffffff14;color:#b8c8ac;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer}.reset-btn:hover{background:#ff5a3c40;color:#fff}.sessions-toggle{margin-top:6px;width:100%;padding:5px;font-size:11px;background:transparent;color:#93a888;border:1px dashed rgba(255,255,255,.18);border-radius:6px;cursor:pointer}.sessions-toggle:hover{color:#d5e8c5;border-color:#a5e06b80}.sessions-list{margin-top:6px;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.session-empty{font-size:11px;color:#7d8f73;padding:4px;text-align:center}.session-row{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#ffffff0d;border-radius:6px;font-size:11px}.session-info{flex:1;color:#cfe0c2}.session-info b{color:#ffd166}.session-date{font-size:10px;color:#86987b;margin-top:1px}.session-btn{padding:4px 8px;font-size:10px;background:#a5e06b26;color:#c8f29b;border:1px solid rgba(165,224,107,.35);border-radius:5px;cursor:pointer}.session-btn:hover{background:#a5e06b59;color:#fff}.session-btn.danger{background:#ffffff0d;color:#a08a86;border-color:#ffffff26}.session-btn.danger:hover{background:#c83c2859;color:#fff}.camera-panel{top:14px;right:14px;width:210px;display:flex;flex-direction:column;gap:6px}.camera-panel h2{font-size:13px;letter-spacing:2px;color:#a5e06b}.cam-btn{padding:8px 10px;font-size:12px;text-align:left;background:#ffffff12;color:#dfe8d5;border:1px solid rgba(255,255,255,.14);border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s}.cam-btn:hover{background:#a5e06b2e}.cam-btn.active{background:#a5e06b4d;border-color:#a5e06b;color:#fff}.cam-current{font-size:11px;color:#93a888;padding-top:2px}.cam-hint{font-size:10px;line-height:1.5;color:#b9d3a4;background:#a5e06b1a;border-radius:6px;padding:5px 7px}.gen-banner{top:60px;left:50%;transform:translate(-50%);text-align:center;animation:banner-in .6s ease-out;pointer-events:none}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(-16px) scale(.9)}}.gen-title{font-size:34px;font-weight:800;letter-spacing:6px;color:#ffd166;text-shadow:0 0 22px rgba(255,209,102,.6),0 2px 4px rgba(0,0,0,.7)}.gen-upgrades{margin-top:6px;font-size:13px;color:#c8f29b;text-shadow:0 1px 3px rgba(0,0,0,.8)}.scoreboard{margin-top:4px;padding:6px 8px;background:#ffffff0a;border-radius:6px}.danger-low{color:#9de08a!important}.danger-rising{color:#ffd166!important}.danger-high{color:#ff7a5c!important;animation:threat-pulse 1.4s ease-in-out infinite}.event-feed{left:14px;bottom:14px;width:320px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.event-row{font-size:12px;line-height:1.35;padding:4px 9px;border-radius:6px;background:#0a1208b8;border-left:3px solid #7d8f73;color:#d8e4cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:event-in .35s ease-out;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes event-in{0%{opacity:0;transform:translate(-12px)}}.event-row.cat-food{border-left-color:#8ad161;color:#d9f2c5}.event-row.cat-danger{border-left-color:#ff6a3c;color:#ffd9c9}.event-row.cat-battle{border-left-color:#ff4d4d;color:#ffc9c9}.event-row.cat-rescue{border-left-color:#4dd9a8;color:#c9f2e3}.event-row.cat-colony{border-left-color:#b9a7e0;color:#e4dcf4}.event-row.cat-milestone{border-left-color:#ffd166;color:#ffedb8;background:#322608c7}.spider-bar{width:90px}.spider-bar .bar{height:9px;border-radius:4px;background:#0000008c;border:1px solid rgba(255,255,255,.25);overflow:hidden;margin-bottom:3px}.spider-bar .bar.fear{height:5px}.spider-bar .fill{height:100%;width:100%;transition:width .15s linear}.spider-bar .health .fill{background:linear-gradient(90deg,#d9403a,#ff7a4d)}.spider-bar .fear .fill{background:linear-gradient(90deg,#b98aff,#eecdff)}.webbed-tag{text-align:center;white-space:nowrap;background:#1e0808cc;border:1px solid rgba(255,130,90,.6);border-radius:6px;padding:3px 8px;animation:threat-pulse 1.2s ease-in-out infinite}.webbed-name{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#ffb090}.webbed-timer{display:block;font-size:10px;color:#ffd9c9}.queen-panel{right:14px;bottom:14px;padding:10px;background:#100506e6;border:1px solid rgba(255,110,60,.4)}.queen-panel h2{font-size:11px;letter-spacing:2px;color:#ff9a5c;margin-bottom:6px;text-transform:uppercase}.queen-panel canvas{display:block;border-radius:6px}@media(max-height:760px){.queen-panel canvas{width:220px!important;height:283px!important}}@media(max-width:760px){.simulation-nav{top:10px;left:12px;right:12px;transform:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px}.simulation-nav a{font-size:18px}.mobile-panel-switcher{display:flex;gap:2px}.mobile-panel-switcher button{min-height:36px;padding:0 8px;background:transparent;color:#cfe0c2;border:0;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}.mobile-panel-switcher button[aria-pressed=true]{background:#b9d978;color:#0e1b13}.stats-panel,.camera-panel,.queen-panel{display:none;top:64px;bottom:auto;left:12px;right:auto;width:min(340px,calc(100% - 24px));min-width:0;max-height:calc(100dvh - 80px);overflow-y:auto}.simulation-page[data-mobile-panel=stats] .stats-panel,.simulation-page[data-mobile-panel=queen] .queen-panel{display:block}.simulation-page[data-mobile-panel=camera] .camera-panel{display:flex}.queen-panel canvas{width:220px!important;height:283px!important;max-width:100%;margin:0 auto}.event-feed{left:12px;bottom:12px;width:min(320px,calc(100% - 24px));max-height:116px;overflow:hidden}.simulation-page:not([data-mobile-panel=""]) .event-feed,.simulation-page:not([data-mobile-panel=""]) .gen-banner{display:none}.gen-banner{top:72px;width:calc(100% - 24px)}.gen-title{font-size:24px;letter-spacing:0}}