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