@font-face{font-display:swap;font-family:Noto Sans Mono;font-style:normal;font-weight:400;src:url(./NotoSansMono-VariableFont_wdth-CwK9lmmZ.ttf) format("woff2")}html,body,main{margin:0;padding:0;height:100%;background-color:#000;font:14px Noto Sans Mono}input,select,button{background-color:#000a;border:1px solid white;color:#fff;font-size:16px;padding:4px}button,input[type=button]{cursor:pointer}button:hover,input[type=button]:hover{background-color:#222a}.border{border:1px solid white}.container{display:flex;flex-direction:column;padding:5px;gap:5px;width:fit-content;color:#fff;pointer-events:none}.container>*:not(.spacer){pointer-events:auto}.row{display:flex}.column{display:flex;flex-direction:column}.spacer{flex-grow:1;pointer-events:none}.connection-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#fff}.connection-message h1{font-size:24px}.connection-message h2{font-size:18px}.left{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;height:calc(100% - 10px);width:min-content;gap:5px}.left .points{font:16px monospace;color:#fff;width:max-content}.left .points p{margin:0;padding:0}.left #chatbox{display:flex;flex-direction:column;gap:5px;padding:5px;background-color:#000a;border:1px solid white;min-width:600px;max-width:20%}.left #chatbox .controls{display:flex;gap:5px;border-bottom:1px solid white;padding-bottom:5px}.left #chatbox .controls input{border:1px solid white;color:#fff;background-color:transparent;font-size:14px;padding:4px}.left #chatbox .controls input.danger{font-weight:700;color:#ff4e4e}.left #chatbox .messages{display:flex;flex-direction:column;gap:5px;padding-top:5px;min-height:200px;max-height:200px;overflow-y:auto;color:#fff}.left #chatbox .messages .message .frequency{color:#fffa}.left #chatbox .messages .message .callsign{color:#0d0;font-weight:700;margin-left:5px}.left #chatbox .messages .message .callsign.atc{color:red}.left #chatbox .messages .message .text{margin-left:5px}.left #chatbox .messages .message.selected .callsign{color:#ffe045}.left #chatbox.live{border-color:red}.left #chatbox .input{display:flex;flex-direction:row;gap:5px}.left #chatbox .input input{flex-grow:1;border:1px solid white;background-color:transparent;font-size:14px;padding:4px;color:#fff}#game-buttons{display:flex;flex-direction:column;gap:5px;padding:5px;background-color:#000a;border:1px solid white;height:min-content;width:max-content}#game-buttons>button{border:1px solid white;color:#fff;background-color:transparent;font-size:14px;padding:4px;cursor:pointer}#game-buttons>button:hover{background-color:#ffffff1a}#game-buttons .talk-button.recording{color:#ff4e4e}#game-buttons .tts-toggle.enabled{color:#ff4d4d}#game-buttons .tts-toggle:not(.enabled){color:#6aff4d}#radar{display:flex;flex-direction:column;height:100%}#radar #radar-tabs{display:flex;flex-direction:row;gap:5px;background-color:#000a;position:absolute;top:5px}#radar #radar-tabs button{font-size:16px;background-color:transparent;padding:5px;border:1px solid white;color:#fff}#radar #radar-tabs button.selected{border-color:green}#radar canvas{flex:1;height:100%}#right-panel{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:absolute;top:0;right:0;padding:10px;font-size:18px;gap:10px;pointer-events:none;height:calc(100% - 20px);gap:5px}#right-panel>*{pointer-events:auto}#bottom-left-panel{align-items:end}#stripboard{display:flex;flex-direction:column;gap:5px;padding:5px;position:relative;background-color:#000a;border:1px solid white;min-width:318px;max-width:318px;overflow-y:auto;color:#fff}#stripboard .row{justify-content:space-between;padding-left:2px;gap:5px}#stripboard button.clear{color:#df3232;font-weight:700}#stripboard .delete{color:#df3232;font-weight:700;width:min-content;height:min-content;border:none}#stripboard .delete:hover{outline:1px solid grey}#stripboard .options{display:flex;flex-direction:column;gap:8px;padding-left:8px;padding-bottom:8px}#stripboard .options span{max-width:fit-content}#stripboard .options h2{margin:0 0 8px;font-size:1.8rem}#stripboard .options ul{list-style:none;margin:0;padding:0}#stripboard .header{padding:2px 10px!important;color:#fff;font-weight:700;border-bottom:1px solid white;cursor:n-resize!important}#stripboard .strip,#stripboard .header{display:flex;flex-direction:row;justify-content:space-between;border:1px solid grey;padding:5px 10px;gap:15px;cursor:pointer;-webkit-user-select:none;user-select:none}#stripboard .strip .vertical,#stripboard .header .vertical{display:flex;flex-direction:column;justify-content:flex-start;flex:1}#stripboard .strip .vertical.end,#stripboard .header .vertical.end{max-width:min-content}#stripboard .strip .dimmer,#stripboard .header .dimmer{color:#fffa}#stripboard .strip .callsign,#stripboard .header .callsign{color:#0d0}#stripboard .strip.theirs,#stripboard .theirs.header{opacity:.5}#stripboard .strip.departure .callsign,#stripboard .departure.header .callsign{color:#3087f2}#stripboard .strip.selected,#stripboard .selected.header{border-color:#ffe045}#stripboard .strip.selected .callsign,#stripboard .selected.header .callsign{color:#ffe045}#stripboard .strip.dragged,#stripboard .dragged.header{border-color:#dd9904}#stripboard .separator{border:1px solid #dd9904}#stripboard .add{border:1px solid grey}#freq-selector{display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;gap:5px}#freq-selector .row{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:min-content;color:#fff;gap:5px;pointer-events:auto}#freq-selector .row.selected input{border-color:red!important}#freq-selector .frequency{color:#fffa}#freq-selector input{max-width:80px;flex-grow:1;padding:10px;font-size:inherit}#freq-selector select{flex-grow:1;padding:10px;font-size:inherit;width:30px}#airport{display:flex;flex-direction:column;max-height:50vh;overflow-y:auto;background-color:#000a}#airport h2{font-size:22px;margin:5px 0}#airport hr{width:calc(100% - 5px)}#airport .list{display:flex;flex-direction:column;gap:5px}#airport .list h2{font-size:18px}