:root{color-scheme:dark;--bg: #080a0f;--panel: #111722e8;--line: #ffffff1c;--text: #f7fbff;--muted: #aab7c9;--accent: #64ffda;--hot: #ff4d8d;--gold: #ffd166}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,#1a3d4a 0,transparent 32rem),radial-gradient(circle at 90% 10%,#3c1c46 0,transparent 28rem),var(--bg);color:var(--text)}.app{min-height:100vh;display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px;padding:18px}.panel,.map-shell{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 24px 80px #0008}.panel{padding:22px;display:flex;flex-direction:column;gap:18px}.eyebrow{margin:0 0 6px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800}h1{margin:0;line-height:.95;font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.06em}.lede{color:var(--muted);line-height:1.55}.calibration-card{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.calibration-card p{margin:0;color:var(--muted);line-height:1.45}code,small,details{color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:grid;gap:6px;color:var(--muted);font-size:.88rem}input[type=number]{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#06080d;color:var(--text);font:inherit}.actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--line);border-radius:999px;background:#ffffff0c;color:var(--text);padding:10px 14px;font:inherit;font-weight:750;cursor:pointer}button:hover{border-color:var(--accent);box-shadow:0 0 24px #64ffda24}.result{border:1px solid #64ffda55;border-radius:18px;padding:16px;background:#64ffda10;display:grid;gap:6px}.result span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.result strong{font-size:clamp(1.6rem,4vw,2.6rem);color:var(--gold)}details{line-height:1.5}summary{cursor:pointer;color:var(--text);font-weight:800}.map-shell{position:relative;overflow:hidden;display:grid;place-items:center;min-height:calc(100vh - 36px);background:linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff06 75%),linear-gradient(-45deg,transparent 75%,#ffffff06 75%),#070910;background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}#mapImage{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.crosshair{position:absolute;inset:50% auto auto 50%;width:52px;height:52px;transform:translate(-50%,-50%);border:2px solid #ffffff99;border-radius:50%;pointer-events:none;box-shadow:0 0 22px #64ffda66}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fffa}.crosshair:before{left:50%;top:-13px;width:2px;height:78px;transform:translate(-50%)}.crosshair:after{top:50%;left:-13px;height:2px;width:78px;transform:translateY(-50%)}#marker{display:none;position:absolute;width:26px;height:26px;padding:0;border:3px solid #fff;background:var(--hot);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ff4d8d55,0 0 28px #ff4d8d;pointer-events:none}#marker.visible{display:block}@media(max-width:860px){.app{grid-template-columns:1fr}.map-shell{min-height:55vh}}