@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg: #0f0c0a;--ink: #f6efe6;--accent: #ff6f3c;--accent-dark: #c14a1a;--lava: #f2552c;--lava-dark: #8c2b12;--rock: #3f3a34;--rock-light: #b39a82;--panel: #171310;--shadow: rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#0907068c,#090706d9),url(/og/zerocommitsarelava.png) center / cover no-repeat fixed;min-height:100vh}#app{padding:16px clamp(16px,3vw,40px) 28px;position:relative;overflow-x:hidden}#app:before{content:"";position:absolute;inset:-20% 60% auto -10%;height:420px;background:none;transform:rotate(-8deg);z-index:0}.hero{display:grid;gap:2px;grid-template-columns:1fr;align-items:start;position:relative;z-index:1}.brand-row{display:flex;gap:4px;align-items:flex-start;margin:0;padding:0}.brand-row *{margin:0}.brand-logo{width:400px;height:275px;max-width:40vw;max-height:40vw;object-fit:contain}.brand-copy{min-width:0;margin:0;padding:0}.hero-text h1{font-size:clamp(2.4rem,4vw,3.6rem);margin:0 0 6px;line-height:1.05}.hero-text h2{margin:0 0 2px}.eyebrow{font-family:Space Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin-bottom:12px}.subhead{font-size:1.05rem;margin:0}.hero-panel{display:grid;gap:4px}.subhead-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding-right:100px}.brand-badge{width:144px;height:144px;align-self:center;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.panel{background:var(--panel);border-radius:22px;padding:6px 10px;box-shadow:0 18px 40px var(--shadow);display:flex;flex-wrap:wrap;gap:8px;align-items:end;animation:floatIn .6s ease-out}.form-panel{width:100%}label{display:grid;gap:2px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;flex:1 1 180px;max-width:220px}label.checkbox{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:.02em}input,select{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b0908bf;color:var(--ink);font-size:.95rem;font-family:inherit}label.checkbox input{width:18px;height:18px;padding:0;border-radius:4px}.tooltip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.75rem;font-weight:700;background:#ffffff1a;color:var(--ink);border:1px solid rgba(255,255,255,.15);cursor:help}button{border:none;background:var(--accent);color:#140a06;font-weight:700;padding:10px 16px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:120px}button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #ff6f3c59}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--ink)}.score-panel{background:#12100e;color:#f8f0e5;padding:20px;border-radius:20px;display:grid;gap:10px;box-shadow:inset 0 0 0 1px #ffffff0d}.score-panel h2{margin:0;font-size:1.1rem}.score-value{font-size:2rem;font-weight:700;font-family:Space Mono,ui-monospace,monospace}.score-breakdown{list-style:none;padding:0;margin:0;font-size:.9rem;display:grid;gap:4px}.error{min-height:0;color:#b62a14;font-size:.85rem;flex:1 1 100%;margin:0}.form-note{font-size:.8rem;color:#f6efe6b3;flex:1 1 100%;margin:0}.error:empty{display:none}.hidden{display:none}.arena{margin-top:20px;display:grid;gap:10px;position:relative;z-index:1}.arena-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;justify-content:space-between}.speed-controls{display:flex;align-items:center;gap:8px;font-size:.85rem}.speed-controls span{font-family:Space Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.speed-controls button{border-radius:999px;padding:6px 14px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--ink);font-size:.8rem;min-width:0;box-shadow:none}.speed-controls button.is-active{background:#ff6f3c;color:#0b0a08;border-color:transparent}canvas{width:100%;max-width:1600px;height:auto;background:#0f0c0ac7;border-radius:24px;box-shadow:0 20px 45px #00000040;justify-self:center}.score-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a08078c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}.score-modal.is-visible{opacity:1;pointer-events:auto}.modal-panel{max-width:420px;width:100%}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.score-panel .ghost{color:#f8f0e5;border-color:#fff3}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px}.legend-swatch.lava{background:var(--lava)}.legend-swatch.shallow{background:#b99274}.legend-swatch.solid{background:#4b433c}.site-footer{position:relative;margin-top:18px;padding:12px 0;text-align:center;color:#f6efe6a6}.footer-copy{margin:0;font-size:.85rem}.footer-kofi{position:absolute;right:0;bottom:4px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ff6f3c2e;border:1px solid rgba(255,255,255,.1);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.footer-kofi:hover,.footer-kofi:focus-visible{transform:translateY(-1px);box-shadow:0 10px 25px #00000026;border-color:#ffffff40}.footer-kofi img{width:20px;height:20px;object-fit:contain}@keyframes floatIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 960px){.hero{grid-template-columns:1fr}.brand-row{flex-direction:column}}@media (max-width: 600px){#app{padding:32px 16px 64px}.panel,.score-panel{border-radius:16px}label{max-width:none;flex:1 1 100%}.footer-kofi{position:static;margin:12px auto 0}}