:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dfebe8;background:#0b1216;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:5px}a{color:#80d9c5;text-decoration:none}button{cursor:pointer;color:#dceae5;background:#213a3c;border:1px solid #345353;border-radius:6px;padding:10px 14px}button:hover{background:#2b4c4b}header{height:66px;border-bottom:1px solid #243136;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:11px;letter-spacing:2px}header a{color:#e7ece7}header b{font-size:10px;font-weight:500;letter-spacing:1px;color:#96b5ad;margin-left:22px}main{max-width:1600px;margin:auto;padding:30px 4vw}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8baba4}h1{font-family:Georgia,serif;font-size:58px;font-weight:400;margin:0;letter-spacing:-2px}h1 span{color:#76d5c4}.intro p:last-child{color:#95aaa9;margin-bottom:0}.search{position:relative;width:300px}.search label{display:block;color:#9aafad;font-size:11px;margin-bottom:9px}input[type=search]{width:100%;padding:13px 15px;background:#142126;border:1px solid #344549;border-radius:6px;color:#fff}#results{position:absolute;top:75px;left:0;right:0;z-index:4;background:#192b30;border-radius:6px;box-shadow:0 12px 40px #0009}#results button{display:block;width:100%;text-align:left;border:0;background:transparent}#results button:hover{background:#30514e}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #2a3b40;border-radius:12px;overflow:hidden}.stage{min-height:640px;position:relative;background:radial-gradient(ellipse at 47% 43%,#182b30 0,#0d191f 55%,#0b151b 100%)}#ball{width:100%;height:100%;position:absolute;touch-action:none;cursor:grab}#ball:active{cursor:grabbing}.stage-heading{position:absolute;left:24px;top:24px;pointer-events:none;font-size:10px;letter-spacing:2px}.stage-heading small{display:block;letter-spacing:0;color:#799792;margin:9px 0 0 14px}.live{display:inline-block;width:5px;height:5px;border-radius:50%;background:#88dcc4;margin-right:8px}.compass{position:absolute;top:66px;left:45%;font-size:8px;letter-spacing:2px;color:#688c88;pointer-events:none}.hint{position:absolute;bottom:20px;left:24px;color:#86a4a3;font-size:10px;pointer-events:none}.hint span{padding:0 8px;color:#b5d4c9}.minimap{position:absolute;right:17px;bottom:49px;width:190px;background:#0a141ce8;border:1px solid #355053;border-radius:8px;padding:12px;box-shadow:0 12px 35px #0003}.minimap h2{font-size:9px;letter-spacing:1.4px;margin:0;color:#c6dad6}.minimap h2 span{float:right;color:#77c8b5}#map{width:164px;height:120px;cursor:crosshair}.minimap p{font-size:9px;line-height:1.7;color:#71948f;margin:2px 0 0}.panel{border-left:1px solid #2a3b40;background:#111f24}.panel-top{padding:23px 23px 18px}.panel h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:12px 0}.panel p#excerpt{font-size:12px;line-height:1.65;color:#99b0ad;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.panel a{font-size:11px}.record-meta{font-size:9px;color:#708d88;margin:12px 0}#focus{width:100%;font-size:11px}.settings{padding:19px 23px;border-block:1px solid #283a3e}.settings label{display:flex;justify-content:space-between;font-size:11px;color:#9eb7b0}output{color:#d8e8dd}input[type=range]{width:100%;accent-color:#79ccb3;margin:18px 0}.metrics{display:flex;gap:35px}.metrics strong{display:block;font-size:22px;font-weight:400;color:#c6ded3}.metrics span{font-size:9px;color:#7e9c95}.neighbors{padding:17px 23px 8px}.neighbors h3{font-size:9px;letter-spacing:1px;color:#789c93;font-weight:400}.neighbors button{padding:7px 0;display:flex;justify-content:space-between;gap:10px;border:0;border-radius:0;background:transparent;text-align:left;width:100%;font-size:11px;color:#b4cac1}.neighbors button:hover{color:#fff}.neighbors small{color:#658d82}.quiet{margin:8px 23px 18px;font-size:10px;background:transparent;color:#7d9f95}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#68877f;font-size:9px;padding-top:19px}footer button{font-size:10px;background:transparent;border:0;color:#a9c9bd;padding:0}#about{max-width:900px;line-height:1.8;color:#9bb9ae;padding:25px 0}#about h2{color:#dbe7df;font-weight:400}#tooltip{position:absolute;pointer-events:none;background:#203a3d;padding:7px 10px;font-size:11px;border:1px solid #567e72;border-radius:5px;max-width:230px}@media(max-width:900px){main{padding:24px 20px}.workspace{grid-template-columns:minmax(0,1fr) 255px}.panel-top,.settings,.neighbors{padding-inline:17px}.stage{min-height:650px}.minimap{width:157px}#map{width:131px;height:100px}.hint{max-width:180px;line-height:1.7}.compass{display:none}footer{flex-wrap:wrap}}@media(max-width:650px){header{padding:0 20px}header span{font-size:0}header b{font-size:8px}.intro{display:block}h1{font-size:48px}.search{margin-top:24px;width:100%}.workspace{display:block}.stage{min-height:520px}.panel{border-left:0;border-top:1px solid #2a3b40}.minimap{bottom:48px;right:12px}.hint{font-size:9px}.stage-heading{left:18px}.neighbors{padding-bottom:15px}footer{line-height:1.7}}

#ball:focus:not(:focus-visible){outline:none}.minimap h2{font-size:8px;letter-spacing:.7px}