:root{--bg:#0d0f0e;--panel:#14181a;--panel-2:#1a1f22;--ink:#f2f0ea;--muted:#8a938f;--line:#262c2e;--accent:#c6ff5e;--accent-dim:#9fd44a;--danger:#ff6b57}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100%;font-family:Fraunces,Georgia,serif}body{background:radial-gradient(120% 80% at 50% -10%, #16201c 0%, transparent 55%), radial-gradient(90% 60% at 100% 100%, #12160f 0%, transparent 50%), var(--bg);background-attachment:fixed}.mono{font-family:Space Mono,ui-monospace,monospace}.wrap{max-width:820px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;align-items:center;padding:26px 0 8px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:11px;font-size:17px;font-weight:600;display:flex}.mark{border:2px solid var(--accent);border-radius:50%;width:26px;height:26px;position:relative}.mark:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:6px}.free{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-family:Space Mono,monospace;font-size:11px}.hero{max-width:640px;padding:56px 0 30px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:20px;font-family:Space Mono,monospace;font-size:12px;display:block}h1{letter-spacing:-.03em;font-optical-sizing:auto;font-size:clamp(40px,7vw,66px);font-weight:500;line-height:.98}h1 em{color:var(--accent);font-style:italic}.sub{color:var(--muted);max-width:44ch;margin-top:22px;font-size:19px;line-height:1.5}.zone{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);text-align:center;cursor:pointer;border-radius:4px;margin-top:40px;padding:46px 30px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.zone:before{content:"";opacity:0;background:radial-gradient(60% 120% at 50% 0,#c6ff5e0f,#0000 70%);transition:opacity .25s;position:absolute;inset:0}.zone:hover,.zone.drag{border-color:var(--accent-dim)}.zone:hover:before,.zone.drag:before{opacity:1}.zone h2{letter-spacing:-.01em;font-size:24px;font-weight:500}.zone p{color:var(--muted);letter-spacing:.03em;margin-top:8px;font-family:Space Mono,monospace;font-size:12px}.pickbtn{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim);cursor:pointer;background:0 0;border-radius:3px;margin-top:16px;padding:11px 22px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;transition:background .16s,color .16s}.pickbtn:hover{background:var(--accent);color:#0d0f0e}.thumb{border:1px solid var(--line);border-radius:3px;max-width:100%;max-height:220px}.gate{flex-direction:column;align-items:center;gap:16px;margin-top:22px;display:flex}.go{letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:#0d0f0e;cursor:pointer;border:none;border-radius:3px;padding:15px 34px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;transition:background .16s,transform .1s}.go:hover:not(:disabled){background:#d6ff7e}.go:active:not(:disabled){transform:translateY(1px)}.go:disabled{opacity:.4;cursor:not-allowed}.result{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin-top:40px;overflow:hidden}#map{background:#0a0c0b;width:100%;height:320px}.readout{background:var(--line);grid-template-columns:1fr auto auto;gap:1px;display:grid}.cell{background:var(--panel);padding:18px 22px}.cell .k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:Space Mono,monospace;font-size:10px}.cell .v{letter-spacing:-.01em;margin-top:5px;font-size:20px}.cell .v.coord{font-family:Space Mono,monospace;font-size:15px}.candlist{border-top:1px solid var(--line)}.candhead{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 22px 8px;font-family:Space Mono,monospace;font-size:10px}.cand{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 22px;display:flex}.cand .rank{color:var(--accent);flex-shrink:0;width:16px;font-family:Space Mono,monospace;font-size:12px}.candplace{letter-spacing:-.01em;flex:1;font-size:16px}.candcoord{color:var(--muted);font-size:12px}.again{color:var(--muted);letter-spacing:.05em;cursor:pointer;border:none;border-top:1px solid var(--line);background:0 0;width:100%;padding:16px;font-family:Space Mono,monospace;font-size:12px}.again:hover{color:var(--ink)}.err{border:1px solid var(--danger);color:var(--danger);text-align:center;border-radius:3px;margin-top:18px;padding:12px 16px;font-family:Space Mono,monospace;font-size:13px}.seo{border-top:1px solid var(--line);max-width:620px;color:var(--muted);margin-top:80px;padding-top:44px}.seo h2{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:500;line-height:1.15}.seo h3{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-dim);margin-top:34px;font-family:Space Mono,monospace;font-size:15px;font-weight:700}.seo h4{color:var(--ink);margin-top:20px;font-size:17px;font-weight:500}.seo p{margin-top:10px;font-size:15.5px;line-height:1.6}.seo strong{color:var(--accent);font-weight:500}.seo .steps{margin:12px 0 0 18px;font-size:15.5px;line-height:1.7}.seo .faq h4+p{margin-top:6px}.foot{color:var(--muted);letter-spacing:.04em;padding:60px 0 40px;font-family:Space Mono,monospace;font-size:11px}.spin{vertical-align:-2px;border:2px solid #0d0f0e4d;border-top-color:#0d0f0e;border-radius:50%;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}