:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;--bg: #0a0a0a;--surface: #111;--border: #222;--text: #fafafa;--muted: #666;--green: #39ff14;--amber: #ffbf00;--green-dim: rgba(57, 255, 20, .15);--amber-dim: rgba(255, 191, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.app{max-width:1100px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;padding:5rem 1rem 3rem;border-bottom:1px solid var(--border)}.hero-badge{display:inline-block;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--green);border:1px solid rgba(57,255,20,.3);padding:.3rem .75rem;border-radius:2px;margin-bottom:1.5rem;background:var(--green-dim)}.hero h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(135deg,var(--green),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--muted);max-width:540px;margin:0 auto 2rem;font-size:.95rem;line-height:1.7}.hero-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.7rem 1.5rem;border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-block}.btn-primary{background:var(--green);color:#000;border-color:var(--green)}.btn-primary:hover{background:#4dff33;box-shadow:0 0 20px #39ff144d}.btn-secondary{background:transparent;color:var(--amber);border-color:var(--amber)}.btn-secondary:hover{background:var(--amber-dim);box-shadow:0 0 20px #ffbf0026}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:3px;margin:3rem 0;overflow:hidden}.stat{background:var(--surface);padding:1.25rem 1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--green);display:block}.stat-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.25rem;display:block}.wall-section{margin:3rem 0}.wall-section h2{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.tile-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;background:#0d0d0d;border:1px solid var(--border);border-radius:3px;padding:2px}.tile{aspect-ratio:1;border:none;cursor:pointer;font-family:inherit;font-size:clamp(.25rem,.6vw,.5rem);font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;padding:1px;transition:all .12s;line-height:1.1;word-break:break-word;overflow:hidden;color:transparent}.tile-available{background:#141414;border:1px solid #1a1a1a}.tile-available:hover{background:#1c1c1c;border-color:var(--green);box-shadow:0 0 8px #39ff1433;color:var(--green)}.tile-claimed{border:1px solid transparent;color:#000;font-size:clamp(.2rem,.5vw,.4rem)}.tile-claimed:hover{transform:scale(1.15);z-index:2;box-shadow:0 0 12px #ffffff26}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:4px;max-width:440px;width:100%;padding:2rem;position:relative;animation:slideUp .2s}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--muted);font-size:1.25rem;cursor:pointer;font-family:inherit}.modal-close:hover{color:var(--text)}.modal-status{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;padding:.25rem .6rem;border-radius:2px;display:inline-block;margin-bottom:1rem}.modal-status.available{color:var(--green);background:var(--green-dim);border:1px solid rgba(57,255,20,.25)}.modal-status.claimed{color:var(--amber);background:var(--amber-dim);border:1px solid rgba(255,191,0,.25)}.modal h3{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.modal-slogan{color:var(--muted);font-style:italic;margin-bottom:.75rem;font-size:.85rem}.modal-meta{font-size:.75rem;color:var(--muted);margin-bottom:1.25rem}.modal-meta a{color:var(--green);text-decoration:none}.modal-meta a:hover{text-decoration:underline}.modal-price{font-size:2rem;font-weight:800;color:var(--green);margin-bottom:.25rem}.modal-note{color:var(--muted);font-size:.8rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.5rem}.modal-actions .btn{flex:1;text-align:center;font-size:.7rem}.form-section{margin:4rem 0;padding:2.5rem;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.form-section h2{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}.form-section>p{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.full{grid-column:1 / -1}.form-field label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.form-field input,.form-field select{font-family:inherit;font-size:.85rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--text);outline:none;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:var(--green)}.form-field select{cursor:pointer}.form-output{margin-top:1.5rem;padding:1.25rem;background:var(--bg);border:1px solid var(--border);border-radius:3px;font-size:.85rem;line-height:1.8;white-space:pre-wrap;color:var(--muted);position:relative}.form-output strong{color:var(--text)}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--green);color:#000;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.5rem;border-radius:3px;z-index:200;animation:toastIn .2s,toastOut .2s 1.5s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.footer{text-align:center;padding:3rem 1rem;border-top:1px solid var(--border);margin-top:4rem}.footer-main{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.footer-main a{color:var(--green);text-decoration:none}.footer-main a:hover{text-decoration:underline}.footer-sub{font-size:.65rem;color:#444;letter-spacing:.1em}@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.tile-grid{grid-template-columns:repeat(10,1fr)}.form-grid{grid-template-columns:1fr}.hero{padding:3rem 1rem 2rem}}@media(max-width:480px){.tile-grid{grid-template-columns:repeat(5,1fr)}.modal{padding:1.5rem}}