@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f4f8ed;background:#142a23;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#viewport{position:fixed;inset:0}#viewport canvas{width:100%;height:100%;display:block}.shade{pointer-events:none;position:fixed;inset:0;background:linear-gradient(100deg,rgba(8,25,21,.68) 0,rgba(8,25,21,.18) 32%,transparent 54%),linear-gradient(0deg,rgba(8,25,21,.4),transparent 27%)}.brand{position:absolute;z-index:5;top:31px;left:39px;display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid #c6e49a90;border-radius:14px;background:#233f2bd4;color:#c7e89d;font-size:32px}.brand strong{display:block;letter-spacing:.18em;font-size:17px;font-weight:800;font-family:Manrope,sans-serif}.brand small{font-size:8px;font-weight:700;letter-spacing:.23em;color:#d4dccc}.intro{position:absolute;left:42px;top:138px;width:300px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#bde4a4}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7e47c;box-shadow:0 0 9px #a7e47c;margin-right:8px}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(27px,2.5vw,42px);line-height:1.15;font-weight:800;margin:16px 0}.intro em{font-weight:500;font-style:normal;color:#c6e4a6}.intro p{font-size:12.5px;line-height:1.75;color:#d1e1d1;max-width:270px}.control-panel{position:absolute;right:30px;top:30px;width:292px;padding:23px 22px 17px;border:1px solid #ffffff1d;border-radius:20px;background:linear-gradient(130deg,#162d24f0,#10221df2);box-shadow:0 20px 90px #071a1559;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-title h2{font-family:Manrope;margin:7px 0 0;font-size:17px}.panel-status{font-size:10px;border:1px solid #778c7c80;color:#a7c1ae;padding:5px 7px;border-radius:7px}.input-label{display:flex;justify-content:space-between;margin:18px 0 9px;font-weight:600;font-size:12px;color:#e7eee4}.input-label span,.input-label output{color:#b3d791}.seed-row{display:flex;gap:9px}.seed-row input{width:100%;background:#0b241a;border:1px solid #41564a;color:#fff;border-radius:9px;padding:10px}.icon-button{background:#34563c;color:#cfeba3;border:0;border-radius:9px;width:42px;font-size:22px}.control-panel input[type=range]{accent-color:#b1d787;width:100%;cursor:pointer}.setting-title{font-size:9px;font-weight:800;letter-spacing:.18em;color:#90a98c;margin-top:28px;margin-bottom:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#e1e9db;padding:11px 0;border-bottom:1px solid #ffffff0d;cursor:pointer}.toggle-row input{position:absolute;opacity:0}.switch{height:18px;width:33px;border-radius:50px;background:#4d6253;position:relative;transition:.2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#bfcfc0;transition:.2s}.toggle-row input:checked+.switch{background:#81a863}.toggle-row input:checked+.switch:after{transform:translate(15px);background:#f5ffdc}.primary-button,.ghost-button{display:block;width:100%;border:0;border-radius:11px;padding:13px 8px;font-size:12px;font-weight:800;margin-top:20px}.primary-button{background:#c1e68c;color:#1c3626}.primary-button:hover{background:#ddf5af}.ghost-button{background:transparent;border:1px solid #506754;margin-top:9px;color:#d4e6d2}.assets-status{display:flex;align-items:center;gap:9px;font-size:10px;color:#acbbae;margin-top:19px}.asset-dot{height:7px;width:7px;background:#d7a755;border-radius:50%}.asset-dot.ok{background:#a8e978}.bottom-left{position:absolute;bottom:31px;left:42px}.mini-label{font-size:9px;letter-spacing:.18em;color:#dce7ca;font-weight:800}.stats{display:flex;gap:13px;align-items:center;margin-top:9px;color:#e8f7df;font-size:12px}.stats b{font-size:16px}.stats i{width:3px;height:3px;background:#d1e6b8;border-radius:50%}.bottom-right{position:absolute;bottom:29px;right:29px;display:flex;gap:18px;color:#ecf6e5c7;font-size:9px;letter-spacing:.12em}.loading-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#2c5540,#12281e 70%);z-index:20;transition:opacity .8s}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-icon{color:#cae59e;font-size:82px;animation:rotate 5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.loading-screen h2{font-family:Manrope;font-size:23px;margin:8px}.loading-screen p{color:#b9cab7;font-size:12px}.progress-track{width:245px;height:4px;background:#ffffff25;border-radius:10px;overflow:hidden;margin:17px}.progress-track div{width:8%;height:100%;background:#b7e28d;transition:width .4s}.error-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);background:#6b2e32;color:#fff;border-radius:9px;padding:12px 20px;font-size:12px;z-index:30}@media(max-width:900px){.intro{display:none}.control-panel{right:12px;top:90px;width:235px;padding:15px}.brand{top:17px;left:17px}.brand-mark{width:39px;height:39px}.bottom-right{display:none}.bottom-left{left:17px;bottom:16px}.shade{background:linear-gradient(100deg,rgba(8,25,21,.18),transparent 30%),linear-gradient(0deg,#071d16a3,transparent 22%)}}@media(max-width:530px){.control-panel{top:auto;bottom:12px;right:10px;width:218px;max-height:75vh;overflow:auto}.bottom-left{display:none}.panel-title{margin-bottom:6px}.setting-title{margin-top:12px}.control-panel .toggle-row{padding:6px 0}.brand{top:12px;left:12px}}
