@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:#e9efdc;font-synthesis:none;background:#050e13;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}#app{background:radial-gradient(at 57% 49%,#12343c 0%,#091a24 38%,#050d14 74%);height:100svh;min-height:620px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}header{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:36px;left:48px;right:48px}.brand{color:#dceeac;align-items:center;gap:13px;font-size:35px;text-decoration:none;display:flex}.brand span{letter-spacing:5px;font-size:20px;font-weight:700}.edition,.eyebrow{letter-spacing:2.5px;color:#9faeaa;font-size:10px}.intro{pointer-events:none;position:absolute;top:31%;left:48px}h1{letter-spacing:-2px;margin:22px 0;font-family:Manrope,sans-serif;font-size:clamp(32px,3.6vw,58px);font-weight:500;line-height:1.13}p{color:#a3b5b8;font-size:14px;line-height:1.9}.world-tag{letter-spacing:1.8px;color:#bddc9a;align-items:center;gap:9px;margin-top:35px;font-size:9px;display:flex}.world-tag span{background:#c4e59a;border-radius:100%;width:5px;height:5px;box-shadow:0 0 12px #a7e08e}aside{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#102127c9;border:1px solid #b6d3c51c;border-radius:12px;width:238px;padding:22px;position:absolute;top:27%;right:36px;box-shadow:0 20px 60px #0003}.panel-title{justify-content:space-between;margin-bottom:26px;font-size:16px;display:flex}.panel-title span{color:#b6d59a}form>label{letter-spacing:1.7px;color:#a6b5b7;margin:22px 0 10px;font-size:9px;display:block}output{float:right;color:#e1ebd8;letter-spacing:0}.seed-row{border:1px solid #9fb4b52b;border-radius:5px;display:flex;overflow:hidden}input,button{font:inherit}input[type=text],#seed{color:#edf2db;background:#07171d;border:0;width:100%;min-width:0;padding:10px;font-size:12px}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #d2ef9b}.seed-row button{color:#d8ebba;background:#273c3c;border:0;padding:0 12px}input[type=range]{accent-color:#c1df98;cursor:pointer;width:100%;height:3px}#random{color:#21352d;background:#d4eab0;border:0;border-radius:5px;justify-content:space-between;width:100%;margin-top:25px;padding:12px 10px;font-size:11px;font-weight:700;display:flex}.toggles{color:#b6c4c4;justify-content:space-between;margin:20px 0;font-size:10px;display:flex}.toggles input{accent-color:#b6d890;vertical-align:middle}.legend{color:#99adae;border-top:1px solid #b6d3c51c;grid-template-columns:1fr 1fr;gap:13px;padding-top:18px;font-size:9px;display:grid}.legend i{border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}footer{letter-spacing:1.5px;color:#7d979f;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:30px;left:48px;right:48px}footer b{padding:0 13px}#error{background:#13282f;border:1px solid #77938c;border-radius:10px;padding:30px;position:absolute;inset:35% 20%}@media (width<=900px){header{top:24px;left:24px;right:24px}.intro{top:100px;left:24px}h1{font-size:32px}.intro p,.world-tag{display:none}aside{width:210px;padding:16px;top:auto;bottom:65px;right:20px}.panel-title{margin-bottom:12px}.legend{display:none}form>label{margin-top:15px}footer{font-size:8px;left:24px;right:24px}footer span:first-child{max-width:160px}.edition,.eyebrow{font-size:8px}.toggles{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}