*{box-sizing:border-box}body{margin:0;background:#04110c;color:#c9f7d8;font:14px/1.35 system-ui,sans-serif}
header{display:flex;gap:8px;align-items:center;padding:8px 12px;background:#06231a;border-bottom:1px solid #134}
.sp{flex:1}.pill{background:#0b3326;border-radius:10px;padding:2px 8px;font-size:12px}
button{background:#0d3a2b;color:#d8ffe6;border:1px solid #1e6b50;border-radius:6px;padding:5px 8px;cursor:pointer;margin:2px}
button:hover{background:#155540}button.on{background:#1e7a5a}button.warn{border-color:#a66}
.disc{background:#2a2206;color:#ffd77a;padding:4px 12px;font-size:12px}
main{display:flex;gap:10px;padding:10px;flex-wrap:wrap}#radarBox{flex:0 0 640px}aside{flex:1;min-width:340px}
canvas{background:#021008;border-radius:50%;box-shadow:0 0 30px #0a4 inset;max-width:100%}
.card{background:#071c15;border:1px solid #15453a;border-radius:8px;padding:8px;margin-top:8px}
.hidden{display:none}.tabs button{margin:0}.cmds{margin:6px 0}.row{display:flex;gap:6px;margin:6px 0;align-items:center}
.log{max-height:220px;overflow:auto;font:12px ui-monospace,monospace;white-space:pre-wrap}
.kira{background:#10261f;border-left:3px solid #f6a;padding:6px;margin-top:6px}
.metarbox{white-space:pre-wrap;font:13px ui-monospace,monospace;background:#000;padding:6px;color:#7f7;margin-top:6px}
.ptt{font-size:18px;padding:12px 20px;background:#3a0d0d;border-color:#a33}.ptt.live{background:#c22}
select,input{background:#03140e;color:#d8ffe6;border:1px solid #1e6b50;border-radius:4px;padding:4px}#stations{width:100%}
#sel button.on,#rsel button.on{background:#e0a020;color:#000}