:root{--grass:#4caf50;--grass-bright:#6fdc73;--dirt:#795548;--night:#0b0e1a;--night-2:#131829;--gold:#ffb733;--red:#ef5350;--text:#e9edf5;--muted:#a7b0c4}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--night);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;min-height:100vh}.wrap{max-width:56rem;margin:0 auto;padding:2rem 1rem}h1{font-size:1.6rem;margin-bottom:.25rem}.sub{color:var(--muted);margin-bottom:2rem}.card{background:var(--night-2);border:3px solid #232b45;box-shadow:8px 8px 0 rgba(0,0,0,.35);padding:1.5rem;margin-bottom:1.5rem}.btn{display:inline-block;border:none;cursor:pointer;font-weight:700;font-size:.9rem;padding:.7rem 1.2rem;background:var(--grass);color:#06130a;box-shadow:0 4px 0 #2e7d32;transition:transform .06s}.btn:hover{background:var(--grass-bright)}.btn:active{transform:translateY(3px);box-shadow:none}.btn.secondary{background:#232b45;color:var(--text);box-shadow:0 4px 0 #10162e}.btn.danger{background:var(--red);color:#1b0505;box-shadow:0 4px 0 #b71c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.addr{font-family:ui-monospace,monospace;color:var(--grass-bright);background:var(--night);padding:.3rem .6rem;border:1px solid #232b45}.state{font-weight:800}.state.running{color:var(--grass-bright)}.state.sleeping,.state.starting{color:var(--gold)}.row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.spread{justify-content:space-between}input,select{background:var(--night);border:2px solid #232b45;color:var(--text);padding:.6rem .8rem;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--grass)}.chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--night);border:2px solid #232b45;padding:.35rem .7rem;margin:.25rem .25rem .25rem 0}.chip button{background:none;border:none;color:var(--red);cursor:pointer;font-weight:800}.section-title{font-size:1rem;margin:1.25rem 0 .5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.err{color:var(--red);margin-top:.5rem}