@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&display=swap";
*{box-sizing:border-box}body{color:#0b0f12;background:#f5f1df;margin:0;font-family:DM Mono,monospace}button{font:inherit}header{border-bottom:2px solid;align-items:center;gap:35px;height:80px;padding:0 3vw;display:flex}header b{font:20px/.8 Archivo Black}header span{margin:auto;font-size:10px}header button{color:#d6ff3f;background:#0b0f12;border:0;padding:15px 25px}.canvas{cursor:crosshair;background:#3157ff;height:70vh;min-height:620px;position:relative;overflow:hidden}.canvas svg{width:100%;height:100%}.orbit{fill:none;stroke:#f5f1df;stroke-width:2px;stroke-dasharray:12 14}.cobalt{fill:#111525;stroke:#f5f1df;stroke-width:4px;transition:all .7s cubic-bezier(.2,.9,.2,1.2)}.coral{fill:#ff644a;transition:all .7s}.lime{fill:#d6ff3f;mix-blend-mode:screen;transition:all .7s}.canvas text{fill:#f5f1df;font:14px DM Mono}.canvas .big{fill:#f5f1df;font:110px Archivo Black}.legend{background:#f5f1df;gap:8px;padding:15px;font-size:9px;display:grid;position:absolute;top:25px;right:25px}.terms{border-bottom:2px solid;grid-template-columns:1fr 1.5fr .7fr;gap:40px;padding:6vw;display:grid}.terms small{color:#3157ff;font-size:9px}.terms h2{margin:15px 0;font:52px/.95 Archivo Black}.terms ol{margin:0;padding:0;list-style:none}.terms li{border-bottom:1px solid;padding:20px 0}.terms li b{color:#ff644a;margin-right:25px}.terms li em{float:right}.terms button{background:#d6ff3f;border:2px solid;align-self:center;padding:22px}footer{text-align:center;padding:20px;font-size:9px}@media (max-width:700px){.canvas{height:500px}.canvas .big{font-size:56px}.terms{grid-template-columns:1fr}.legend{display:none}}