:root{--bg:#000;--surface:#0e0e0e;--surface2:#141414;--yellow:#ffe81a;--yellow-dim:#7a6f00;--yellow-bg:#ffe81a0f;--cyan:#00c8c8;--cyan-dim:#005f5f;--cyan-bg:#00c8c80f;--green:#0c4;--red:#c20;--white:#f0ede0;--muted:#909088;--border:#222220;--border2:#2e2e2a;--grid-line:#ffffff12;--mono:"Courier New", "Courier", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mono);background:var(--bg);color:var(--white);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.layout{min-height:100vh;display:flex}.layout__grid{background:var(--bg);--cell:min((100vh - 32px) / 22, (100vw - 323px) / 21);flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.grid-wrapper{width:fit-content;position:relative}.grid-container{grid-template-columns:var(--cell) repeat(20, var(--cell));grid-template-rows:var(--cell) repeat(21, var(--cell));z-index:1;gap:0;display:grid;position:relative}.grid-bg{top:var(--cell);left:var(--cell);width:calc(20 * var(--cell));height:calc(21 * var(--cell));z-index:0;background-position:50%;background-size:cover;position:absolute}.grid-bg:after{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--cell) var(--cell);position:absolute;inset:0}.axis-label{letter-spacing:.15em;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.axis-hovered{color:var(--green)}.axis-selected{color:var(--yellow)}.cell{width:var(--cell);height:var(--cell);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:border-color 80ms;display:flex;position:relative}.cell:hover{border-color:var(--cyan)}.cell--selected{border:2px solid var(--yellow);background:#ffe81a1f}.cell__dot{background:var(--cyan);border-radius:50%;width:4px;height:4px}.cell:hover .cell__dot{background:var(--cyan)}.cell--selected .cell__dot{background:var(--yellow)}.cell__dots{pointer-events:none;justify-content:center;align-items:center;display:flex}.cell__dots--3{gap:2px}.cell__dots--4{grid-template-columns:1fr 1fr;place-items:center;gap:2px;display:grid}.cell__dots{opacity:0}.cell:hover .cell__dots,.cell--selected .cell__dots{opacity:1}.cell__tick{pointer-events:none;width:6px;height:6px;position:absolute}.cell__tick--tl{border-top:2px solid var(--yellow);border-left:2px solid var(--yellow);top:-2px;left:-2px}.cell__tick--tr{border-top:2px solid var(--yellow);border-right:2px solid var(--yellow);top:-2px;right:-2px}.cell__tick--bl{border-bottom:2px solid var(--yellow);border-left:2px solid var(--yellow);bottom:-2px;left:-2px}.cell__tick--br{border-bottom:2px solid var(--yellow);border-right:2px solid var(--yellow);bottom:-2px;right:-2px}.panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:290px;max-height:100vh;display:flex;position:sticky;top:0}.panel__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.panel__grid-ref{letter-spacing:.15em;color:var(--yellow);font-size:12px}.panel__count{letter-spacing:.1em;color:var(--cyan);font-size:12px}.panel__list{flex:1;overflow-y:auto}.panel__list::-webkit-scrollbar{width:3px}.panel__list::-webkit-scrollbar-track{background:var(--bg)}.panel__list::-webkit-scrollbar-thumb{background:var(--border)}.panel__row{border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 14px;transition:background .1s;display:flex}.panel__row:hover{background:var(--surface2)}.panel__row--active{border-left-color:var(--yellow);background:var(--yellow-bg)}.panel__row-info{flex:1;min-width:0}.panel__row-name{letter-spacing:.04em;color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.panel__row-meta{letter-spacing:.1em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:14px;overflow:hidden}.panel__badge{letter-spacing:.08em;flex-shrink:0;align-self:center;padding:2px 4px;font-size:12px}.panel__badge--canon{color:var(--cyan);border:1px solid var(--cyan-dim);background:var(--cyan-bg)}.panel__badge--added{color:var(--yellow);border:1px solid var(--yellow-dim);background:var(--yellow-bg)}.panel__empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.panel__empty-title{letter-spacing:.15em;color:var(--muted);font-size:12px}.panel__empty-sub{letter-spacing:.1em;color:var(--muted);opacity:.55;font-size:14px}.detail{background:var(--bg);min-height:100vh;padding:24px 20px}.detail__back{letter-spacing:.15em;color:var(--muted);cursor:pointer;margin-bottom:20px;font-size:14px;text-decoration:none;display:inline-block}.detail__back:hover{color:var(--cyan)}.detail__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:0;padding-bottom:14px;display:flex}.detail__header-left{flex:1;min-width:0}.detail__name{letter-spacing:.06em;color:var(--white);margin:0;font-size:19px;font-weight:400}.detail__grid-ref{letter-spacing:.12em;color:var(--cyan);margin-top:4px;font-size:12px}.detail__badge{letter-spacing:.08em;flex-shrink:0;align-self:flex-start;margin-top:2px;padding:2px 6px;font-size:12px}.detail__badge--canon{color:var(--cyan);border:1px solid var(--cyan-dim);background:var(--cyan-bg)}.detail__badge--added{color:var(--yellow);border:1px solid var(--yellow-dim);background:var(--yellow-bg)}.detail__fields{flex-direction:column;display:flex}.detail__field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.detail__field--description{flex-direction:column;align-items:flex-start;gap:6px}.detail__label{letter-spacing:.12em;color:var(--muted);font-size:14px}.detail__value{letter-spacing:.06em;color:var(--cyan);text-align:right;font-size:13px}.detail__value--description{text-align:left;text-transform:none;line-height:1.5}.detail__value--null{letter-spacing:.06em;color:var(--muted);text-align:right;font-size:12px;font-style:italic}.detail__controls{border-top:1px solid var(--border);gap:8px;margin-top:16px;padding-top:16px;display:flex}.detail__btn{font-family:var(--mono);letter-spacing:.12em;cursor:pointer;text-transform:uppercase;color:var(--white);background:0 0;border:1px solid;padding:6px 14px;font-size:14px}.detail__btn--edit{color:var(--cyan);border-color:var(--cyan-dim)}.detail__btn--edit:hover{background:var(--cyan-bg)}.detail__btn--delete{color:var(--red);border-color:var(--red)}.detail__btn--delete:hover{background:#cc220014}.detail__loading,.detail__error{letter-spacing:.15em;color:var(--muted);text-align:center;padding:60px 20px;font-size:12px}.detail__nearby{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.detail__nearby-title{letter-spacing:.15em;color:var(--muted);margin-bottom:10px;font-size:14px}.nearby{flex-direction:column;display:flex}.nearby__row{display:flex}.nearby__cell{border:1px solid var(--border);cursor:pointer;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:52px;display:flex}.nearby__cell:hover{background:var(--surface2)}.nearby__cell--center{border-color:var(--yellow);border-width:2px}.nearby__cell--disabled{cursor:default;opacity:.4}.nearby__cell--disabled:hover{background:var(--surface)}.nearby__coord{letter-spacing:.1em;color:var(--muted);font-size:12px}.nearby__cell--center .nearby__coord{color:var(--yellow)}.nearby__count{letter-spacing:.04em;color:var(--cyan);font-size:14px}.nearby__count--center{color:var(--yellow)}.nearby__empty{color:var(--muted);font-size:14px}.scan{text-align:center;padding:20px;position:relative;overflow:hidden}.scan__bar{background:var(--green);width:100%;height:2px;animation:3s linear infinite scan-sweep;position:absolute;top:0;left:0}@keyframes scan-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scan__text{letter-spacing:.15em;color:var(--muted);font-size:14px}.grid-status{z-index:2;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.grid-status__error{letter-spacing:.15em;color:var(--red);text-align:center;padding:20px;font-size:12px}@media (hover:none){.cell__dots{opacity:.5}.cell:active .cell__dots,.cell--selected .cell__dots{opacity:1}}@media (width<=900px){.layout{flex-direction:column;min-height:auto}.layout__grid{--cell:calc((100vw - 32px) / 21);flex:none;padding:12px 16px;overflow:visible}.panel{border-left:none;border-top:1px solid var(--border);width:100%;max-height:none;position:static}.panel__empty{padding:20px}.detail{padding:16px 14px}.nearby__cell{width:calc(33.3333vw - 9.33333px);height:44px}}