:root{font-family:'Segoe UI',Arial,sans-serif;color:#fffdf4;font-synthesis:none;--cream:#fff9e9;--green:#183b36;--gold:#efb765}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b6d6ce}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #e3a74e;outline-offset:5px}[hidden]{display:none!important}#world{display:block;width:100vw;height:100vh}.hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(26,54,49,.22),transparent 27%,transparent 78%,rgba(22,41,35,.34))}.hud button,.panel{pointer-events:auto}header{position:absolute;top:30px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:34px;font-weight:850;letter-spacing:-1.5px}.brand-dot{color:var(--gold)}.cookie-icon{display:grid;place-items:center;background:var(--gold);color:#80562f;width:36px;height:36px;border-radius:50%;font-size:30px;transform:rotate(-20deg)}.tag{font-size:9px;letter-spacing:2px;border:1px solid #ffffff50;padding:7px 9px;border-radius:4px;margin-left:10px;font-weight:600}.top-right{display:flex;align-items:center;gap:22px}.status{font-size:10px;letter-spacing:1.5px;font-weight:650}.status i{display:inline-block;background:#d7efb0;border-radius:100%;width:6px;height:6px;margin-right:9px;box-shadow:0 0 10px #d7efb050}.icon-button{border:1px solid #ffffff60;background:#fff9e918;color:var(--cream);font-size:22px;border-radius:12px;width:42px;height:42px}.location{position:absolute;top:142px;left:42px;text-shadow:0 2px 16px #24463930}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750}h1{font-size:35px;letter-spacing:-1.3px;margin:10px 0 8px;font-weight:650}.location p{font-size:12px;opacity:.88;margin:0}.location-rule{width:32px;height:2px;background:#fff8;margin:23px 0 17px}.plot-label{font-size:10px;letter-spacing:1.5px;font-weight:650}.tiny-square{width:7px;height:7px;display:inline-block;border:1px solid #fff;margin-right:8px}.muted{opacity:.55;margin-left:8px}.panel{background:var(--cream);color:var(--green);border-radius:18px;padding:30px;box-shadow:0 12px 50px #16393222;border:1px solid #ffffffb0}.welcome{position:absolute;left:42px;bottom:109px;width:350px}.panel .eyebrow{color:#8b795f;letter-spacing:1.5px}.panel h2{font-size:29px;line-height:1.2;font-weight:700;letter-spacing:-1.1px;margin:14px 0}.panel p{color:#737b6d;font-size:12px;line-height:1.8;margin:0 0 24px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--green);color:var(--cream);border:0;border-radius:9px;padding:15px 17px;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.primary:hover{background:#2e574c;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:wait}.primary span{font-size:19px;line-height:1}.panel-footnote{display:block;font-size:9px;text-align:center;color:#8a8d7d;margin-top:15px}.pause,.settings{position:absolute;width:365px;left:50%;top:50%;transform:translate(-50%,-50%)}.secondary{background:transparent;border:1px solid #183b3625;color:var(--green);border-radius:8px;padding:12px;width:100%;margin:12px 0 0;font-size:12px}.settings label{display:block;font-size:12px;margin-top:21px}.settings output{float:right;color:#858d7c}.settings input[type=range]{width:100%;accent-color:var(--green);margin:15px 0 0}.settings .check{display:flex;align-items:center;gap:9px}.settings input[type=checkbox]{accent-color:var(--green)}.settings .primary{margin-top:12px}.plot-preview{display:flex;align-items:center;gap:12px;border:1px dashed #183b3640;padding:20px 12px;font-size:9px;letter-spacing:1px;margin-bottom:24px}.plot-preview span{font-size:28px;font-weight:200}footer{position:absolute;bottom:26px;left:42px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.controls{display:flex;gap:19px;flex-wrap:wrap}.controls>span{display:flex;gap:7px;align-items:center;font-size:10px;color:#fffde8cc}kbd{display:inline-block;font-family:inherit;border:1px solid #ffffff50;border-bottom-width:2px;padding:5px 6px;border-radius:4px;font-size:9px;letter-spacing:.5px;color:var(--cream);background:#183b361a}.telemetry{display:flex;gap:17px;font-size:9px;letter-spacing:.7px;color:#fffde8b0}.version{opacity:.6}#crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 3px #183b36}#interaction{position:absolute;left:50%;top:60%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#183b36c9;padding:9px 15px;border-radius:8px;font-size:12px}#error{position:fixed;inset:30% 20%;background:var(--cream);color:var(--green);padding:30px;border-radius:16px}#error p{line-height:1.6}#error button{padding:12px 20px}@media(max-width:800px){header{left:22px;right:22px;top:22px}.tag{display:none}.location{left:24px;top:115px}h1{font-size:28px}.welcome{left:24px;bottom:118px;width:310px;padding:23px}footer{left:24px;right:24px;bottom:20px}.controls{gap:10px;max-width:350px}.telemetry{display:none}.status{font-size:8px}.panel h2{font-size:26px}}@media(max-height:680px){.location{top:100px}.location-rule,.plot-label,.location p{display:none}.welcome{bottom:83px;padding:22px}.panel h2{font-size:25px}.panel p{margin-bottom:15px}.settings{padding:20px}.settings label{margin-top:12px}}