:root{--bg: #02100a;--panel: #08231680;--green: #7dffb0;--green-dim: rgba(125, 255, 176, .6);--text: #d8f5e4;--border: rgba(125, 255, 176, .18)}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 320px;grid-template-areas:"top top" "scope list";height:100vh;height:100dvh;max-width:100vw;overflow:hidden;gap:0}.topbar{grid-area:top;position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--bg)}.topbar h1{font-size:18px;margin:0;letter-spacing:.04em;color:var(--green);font-weight:600}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}.controls label{font-size:13px;color:var(--green-dim);display:flex;align-items:center;gap:6px}.place-form{display:flex;gap:6px;flex:1 1 180px;min-width:0}#place{background:#06281a;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;flex:1 1 auto;min-width:0;width:100%}#place::placeholder{color:#7dffb066}#place:focus{outline:none;border-color:var(--green)}select,button,input{background:#06281a;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer}button:hover,select:hover{border-color:var(--green)}.scope-wrap{grid-area:scope;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0;min-width:0;overflow:hidden}#map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.85;-webkit-mask-image:radial-gradient(circle closest-side,#000 86%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 86%,transparent 100%)}#radar{display:block;position:relative;z-index:2}.status,.scope-wrap>.status{z-index:3}.status{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#02100ad9;border:1px solid var(--border);padding:8px 14px;border-radius:8px;font-size:13px;color:var(--green-dim);max-width:80%;text-align:center}.status.error{color:#ffb0b0;border-color:#ff787866}.list{grid-area:list;border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;padding:8px;background:#04140c66;min-width:0}.plane-row{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 10px;border-radius:6px;border:1px solid transparent;font-size:13px;min-width:0}.plane-row:hover{background:#7dffb00f}.plane-row.active{border-color:var(--green);background:#7dffb01a}.plane-row .cs-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.plane-row .cs{font-weight:600;color:var(--green);font-family:ui-monospace,monospace;white-space:nowrap}.plane-row .type{color:#d8f5e4b3;font-size:11px;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plane-row .type:empty{display:none}.plane-row .route{color:var(--text);font-size:12px;font-family:ui-monospace,monospace;letter-spacing:.02em}.plane-row .route:empty{display:none}.plane-row .meta{color:var(--green-dim);font-size:12px}.plane-row .country{color:#d8f5e480;font-size:11px}.empty{color:var(--green-dim);font-size:13px;padding:16px;text-align:center}@media(max-width:720px){#app{grid-template-columns:1fr;grid-template-areas:"top" "scope" "list";grid-template-rows:auto 1fr auto}.list{border-left:none;border-top:1px solid var(--border);max-height:35vh}}