@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f4f4e8;font-synthesis:none;background:#18271e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world,#shade{width:100%;height:100%;position:fixed;inset:0}#shade{pointer-events:none;background:linear-gradient(90deg,#0c19146b,#0000 52%),linear-gradient(#0000 80%,#0c161280)}header{pointer-events:none;align-items:center;gap:13px;display:flex;position:absolute;top:30px;left:36px;right:36px}.brandmark{color:#dbe5ab;font-size:33px}h1{letter-spacing:-.5px;margin:0;font:700 19px Manrope,sans-serif}header p{opacity:.7;letter-spacing:1px;margin:4px 0 0;font-size:11px}.live{letter-spacing:1.2px;align-items:center;gap:8px;font-size:10px;display:inline-flex}header>.live{margin-left:auto;margin-right:342px}.live i{background:#c5dc91;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #c5dc9166}main{pointer-events:none;position:absolute;top:30%;left:5.2vw}.eyebrow{letter-spacing:3px;color:#d8e1ba;font-size:10px}h2{letter-spacing:-5px;margin:22px 0;font:500 clamp(48px,6.3vw,94px)/1.01 Manrope,sans-serif}.intro{color:#e0e6d7;font-size:13px;line-height:1.8}.actions{pointer-events:auto;gap:10px;margin-top:27px;display:flex}.project-link{color:#d8e1ba;margin-top:17px;font-size:12px}.project-link a{color:#f4f4e8;pointer-events:auto;text-underline-offset:3px}button{cursor:pointer;color:#223125;background:#dce8ad;border:0;border-radius:5px;padding:14px 18px;font:600 12px DM Sans,sans-serif;transition:background .2s}button:hover{background:#edf6ce}button span{margin-left:20px}button:disabled{opacity:.5;cursor:wait}.secondary{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#21372d66;border:1px solid #eff5d94a}.secondary:hover{background:#314b3f}aside{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#12221cd9;border:1px solid #e0ebc422;border-radius:10px;width:295px;max-height:calc(100vh - 160px);padding:23px;position:absolute;top:103px;right:28px;overflow-y:auto;box-shadow:0 16px 60px #07180d33}.panel-head{letter-spacing:2px;color:#d8e1ba;justify-content:space-between;font-size:10px;display:flex}#status{min-height:30px;margin-top:18px;font-size:12px;line-height:1.5}.progress{background:#ffffff18;border-radius:3px;height:3px;margin:10px 0 20px;overflow:hidden}#progress{background:#c9dc96;width:0%;height:100%;transition:width .3s}.stats{border-bottom:1px solid #ffffff18;grid-template-columns:1fr 1fr;margin-bottom:16px;padding-bottom:18px;display:grid}.stats small{letter-spacing:1.3px;opacity:.5;font-size:8px;display:block}.stats strong{margin-top:6px;font-size:12px;font-weight:500;display:block}aside>label{color:#d8dfcf;margin-top:14px;font-size:11px;display:block}output{float:right;color:#dce8ad}input[type=range]{accent-color:#d3e3a5;width:100%;margin:12px 0 0}select{color:#e4eada;background:#ffffff08;border:1px solid #ffffff1b;border-radius:4px;width:100%;margin-top:7px;padding:9px;font:11px DM Sans;display:block}option{background:#21342b}.toggle{gap:10px;margin:17px 0;font-size:11px;display:grid}input[type=checkbox]{accent-color:#c9db97;vertical-align:middle;margin:0 6px 0 0}aside>button{width:100%;padding:12px}.text-button{color:#aebda7;background:0 0;font-size:10px}.text-button:hover{background:#ffffff08}.note{color:#a2b19b;margin:9px 0 0;font-size:9px;line-height:1.6}footer{color:#d9e3cb;justify-content:space-between;gap:20px;font-size:10px;display:flex;position:absolute;bottom:25px;left:36px;right:36px}footer>div{align-items:center;gap:20px;display:flex}#hint{opacity:.7}#error{white-space:pre-wrap;background:#472b26;border:1px solid #ffbc8c;padding:25px;position:absolute;top:35%;left:25%;right:25%}.exploring main{display:none}.exploring #shade{opacity:0}.exploring aside{opacity:.12;transition:opacity .2s}.exploring aside:hover{opacity:1}@media (width<=800px){header{top:20px;left:20px}header>.live{display:none}main{top:20%;left:25px}h2{font-size:60px}aside{width:240px;max-height:44vh;padding:15px;top:auto;bottom:60px;right:15px;overflow:auto}footer{bottom:18px;left:20px;right:20px}#hint{display:none}footer>div{gap:10px}.intro{max-width:230px}h2{letter-spacing:-3px}}