@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#e6eceb;background:#101a20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:auto;padding:42px 28px}header{max-width:650px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#84b9a0}h1{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(36px,6vw,64px);line-height:1.02;letter-spacing:-.055em;margin:18px 0}p{color:#9eafaf;font-size:14px;line-height:1.6}.controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:30px 0 18px}label{font-size:11px;color:#9eafaf;display:grid;gap:7px;flex:1;min-width:185px}select,button{font:inherit;font-size:13px;border:1px solid #35464d;border-radius:8px;background:#18272e;color:#e6eceb;padding:13px 12px}button{cursor:pointer;background:#b7efc5;color:#132d20;font-weight:700;border-color:transparent}button:disabled{opacity:.4;cursor:default}#stop{background:transparent;border-color:#35464d;color:#e6eceb}.viewport{position:relative;aspect-ratio:4/3;background:#0b1217;border:1px solid #35464d;border-radius:14px;overflow:hidden}canvas,#scene{position:absolute;width:100%;height:100%;inset:0}#scene{pointer-events:none}#scene canvas{position:static}.tag{position:absolute;top:18px;left:18px;border:1px solid #547260;color:#c4f9d3;background:#10291ee8;border-radius:30px;padding:8px 12px;font-size:10px;letter-spacing:.1em}.hint{position:absolute;bottom:15px;left:15px;right:15px;text-align:center;font-size:12px;background:#101a20cc;border-radius:6px;padding:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#35464d;border:1px solid #35464d;border-radius:10px;overflow:hidden;margin-top:16px}.metrics div{background:#17242b;padding:19px}.metrics strong{font-family:Space Grotesk,sans-serif;display:block;font-size:26px;font-weight:500}.metrics span{font-size:10px;color:#9eafaf}#timeline{display:flex;height:12px;gap:1px;margin:12px 0}#timeline i{flex:1;background:#dfb76b}#timeline i.good{background:#82c99c}#timeline i.bad{background:#cc6a64}footer{border-top:1px solid #35464d;padding-top:12px;margin-top:22px}footer p{font-size:11px}a{color:#b7efc5}#download{font-size:13px}@media(max-width:600px){main{padding:24px 16px}.controls{gap:8px}label{min-width:calc(50% - 8px)}select{width:100%;max-width:100%;font-size:11px}.metrics div{padding:13px 9px}.metrics strong{font-size:23px}.tag{left:10px;top:10px}}