:root{--primary-bg:#1a181b;--secondary-text:#5e5a5e;--secondary-line:#2a282a;--snake:#ff0079;--food:#fb8b24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html,body{background-color:var(--primary-bg);justify-content:center;align-items:center;width:100vw;height:100%;min-height:100vh;margin:0;display:flex}#scatter-plot{color:var(--secondary-text);font-size:4rem;font-weight:700}.intro{color:var(--secondary-text);margin:0}.playground-d3{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;width:90vw;height:90vh;display:flex}.playground-d3 .error{color:#af0000}.playground-d3 .game-svg{aspect-ratio:1;border:1px solid var(--secondary-line);overflow:unset;border-radius:10px}.playground-d3 .axis-group .tick{position:relative}.playground-d3 .axis-group .tick line{color:var(--secondary-line)}.playground-d3 .axis-group .tick text{color:var(--secondary-text)}.playground-d3 .snake{fill:none}.playground-d3 .snake .snake-body{stroke:var(--snake)}.playground-d3 .food-group .food{fill:var(--fill-color);transition:opacity .2s;position:relative}.playground-d3 .food-group.has-selection>:not(.active){opacity:.4}.screen{background:radial-gradient(#000c,#0000);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen .screen-form{flex-direction:column;justify-content:center;align-items:center;display:flex}.screen .screen-form .group{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.screen h1{color:#fff;margin:0 0 3rem;font-size:6rem}.screen .btn{outline-offset:2px;cursor:pointer;border:0;outline-width:2px;outline-style:dotted;padding:10px 25px;font-size:2rem;font-weight:bolder;line-height:3rem;transition:all .2s}.screen .btn:hover{outline-offset:5px;outline-width:5px;outline-style:solid;font-size:2.5rem}.screen .btn.btn-primary{background-color:var(--snake);outline-color:var(--snake)}.screen .btn:not(.btn-primary){background-color:var(--secondary-text);outline-color:var(--secondary-text)}.playground-browser{background:#d3d3d3;border:5px solid red;width:480px;height:480px;position:relative}