@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--mint:#8bfbd0;--cyan:#7addff;--ink:#070e18;--muted:#b0bfca}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f1f8f6;font:14px Manrope,system-ui,sans-serif}button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button{cursor:pointer;border:1px solid #66858466;border-radius:8px;background:#14252cc9;color:#f5ffff;padding:10px 16px;font-weight:700}button:hover{background:#29443f}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#030b15dc 0%,#030b1560 38%,transparent 64%),linear-gradient(0deg,#050d17aa,transparent 25%);z-index:1}body.playing .shade{background:linear-gradient(0deg,#030b1570,transparent 28%)}header{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:26px 40px;border-bottom:1px solid #e0fff51b;background:linear-gradient(#06121fd0,#06121f40)}header .brand{letter-spacing:.07em;font:700 24px 'Space Grotesk',system-ui}b{color:var(--mint)}.label{font-size:10px;display:inline-block;border-left:1px solid #668584;margin-left:18px;padding-left:18px;vertical-align:middle;color:#c6dfde;letter-spacing:.16em}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav button{padding:8px 12px;font-size:12px}.panel{position:relative;z-index:3;margin:5vh 0 70px 5vw;width:470px;max-width:90vw}.eyebrow{font-weight:800;font-size:11px;color:var(--mint);letter-spacing:.18em;margin-bottom:22px}h1{font:600 clamp(42px,4.9vw,72px)/1.06 'Space Grotesk',system-ui;margin:0 0 22px;letter-spacing:-.05em}h1 i{font-style:normal;color:var(--mint)}.intro{font-size:18px;line-height:1.65;color:#e0eae9;margin-bottom:20px}.muted{color:var(--muted);line-height:1.7;max-width:400px}.pills{display:flex;gap:7px;margin:22px 0}.pills span{border:1px solid #95e9d733;background:#08252166;padding:6px 9px;font-size:9px;letter-spacing:.08em;border-radius:4px}.primary{display:block;background:var(--mint);color:#06291f;font-size:16px;padding:16px 28px;min-width:245px;margin:22px 0 16px;box-shadow:0 0 35px #50dfb523}.primary:hover{background:#c0ffe7}.secondary{margin:6px 8px 10px 0}.keys{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#b7c6ca}kbd{border:1px solid #819aa955;border-radius:4px;padding:3px 5px;display:inline-block;margin-right:4px;font:10px system-ui;background:#12212eb0;color:#e4f9f1}#load,.fine{font-size:11px;color:#99aebc;line-height:1.6}.menu-links{display:flex;gap:20px;font-size:11px;color:var(--mint);margin-top:20px}#settings{margin-top:14px;background:#061421e6;border:1px solid #94dac42b;border-radius:8px;padding:12px;font-size:12px}summary{cursor:pointer}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}label{display:grid;gap:8px;color:var(--muted)}select,input{width:100%;background:#132532;border:1px solid #b8ffdf33;color:white;padding:8px;border-radius:5px;max-width:100%}#hud{position:relative;z-index:2;padding:25px 40px;pointer-events:none}.metrics{display:flex;gap:46px}.metrics small,.energy small{font-size:11px;letter-spacing:.12em;color:#c5dadb;display:block;text-shadow:0 2px 6px black}.metrics strong{display:block;font:600 38px 'Space Grotesk';text-shadow:0 2px 8px #000;background:#03151a66;padding:3px 8px;border-radius:5px}.metrics em{font-size:15px;font-style:normal;color:var(--mint)}.energy{position:absolute;right:40px;top:28px;width:270px;padding:12px 16px;background:#071c28cb;border:1px solid #a0f5d733;border-radius:8px}.energy>div{display:flex;justify-content:space-between;font-size:11px}.energy p{font-size:12px;line-height:1.6;margin-bottom:0}meter{width:100%;height:16px;margin:8px 0 0}meter::-webkit-meter-bar{background:#28424b;border:0}meter::-webkit-meter-optimum-value{background:var(--mint)}#toast{margin:28px auto;text-align:center;font-size:22px;font-weight:800;color:#c5ffe9;text-shadow:0 2px 12px black}#overlay{margin-top:5vh;background:#061520e8;padding:30px;border:1px solid #75bcaa44;border-radius:18px}#overlay h1{font-size:46px}#foot{position:fixed;bottom:0;z-index:3;width:100%;display:flex;justify-content:space-between;gap:20px;padding:19px 40px;background:#06121dcc;font-size:10px;letter-spacing:.08em;border-top:1px solid #8fb7ab22}#touch{display:none;position:fixed;bottom:64px;left:20px;right:20px;z-index:5;justify-content:space-between;pointer-events:none}#touch div{display:flex;gap:8px}#touch button{pointer-events:auto;touch-action:none;min-height:54px;min-width:52px;background:#0e2838cc;border-color:#b5fedd77}.guide header{position:sticky;top:0;background:#081724f5}.guide main{max-width:1100px;margin:55px auto;padding:0 25px}.guide h1{font-size:54px}.guide h2{font:600 30px 'Space Grotesk';margin-top:50px}.guide h3{text-transform:capitalize;margin-top:26px}.guide aside{background:#243029;border-left:3px solid var(--mint);padding:20px;line-height:1.8}.guide p,.guide li{line-height:1.8;color:#b8cbd2}.guide a{color:var(--mint)}.guide details{border:1px solid #b3ecd62b;border-radius:8px;padding:18px;margin:10px 0;background:#101f2b}.guide summary{font-size:18px;font-weight:700}.guide small{color:#85b9ad;font-size:12px;margin-left:16px}.landgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landgrid article{padding:18px;background:#102631;border:1px solid #8dc4b22b;border-radius:8px}.landgrid h4{margin:0 0 12px}.landgrid p{font-size:12px}.guide .button{display:inline-block;padding:16px;background:#183c34;border-radius:8px}.guide footer{margin:50px 0;border-top:1px solid #a5d8c833;padding-top:24px}body.coarse.playing #touch{display:flex}@media(max-width:720px){header{padding:16px}header .brand{font-size:20px}.label{display:none}nav{gap:9px;font-size:11px}nav button{font-size:10px;padding:7px}.panel{margin:4vh 6vw 80px;width:440px}h1{font-size:48px}.intro{font-size:16px}.pills{margin:14px 0}.primary{margin-top:16px}#foot{padding:12px 16px;font-size:8px}#foot>span:first-child{display:none}#hud{padding:14px}.metrics{gap:16px}.metrics strong{font-size:28px}.metrics small{font-size:9px}.energy{position:relative;right:auto;top:8px;width:250px;padding:8px 12px}.energy p{font-size:11px}#toast{text-align:left;font-size:16px}.menu-links{gap:13px}.landgrid{grid-template-columns:1fr}.guide header{flex-wrap:wrap;gap:12px}.guide nav{flex-wrap:wrap}.guide h1{font-size:40px}}@media(max-height:750px){.panel{margin-top:2vh}h1{font-size:46px}.eyebrow{margin-bottom:12px}.intro{margin:10px 0}.pills{margin:10px 0}.muted{margin:8px 0}.primary{padding:12px 24px;margin:12px 0}.fine{margin:8px 0}header{padding-top:18px;padding-bottom:18px}#foot{padding-top:12px;padding-bottom:12px}}