:root{--panel-bg:#2b3a67;--panel-edge-light:#6d83c4;--panel-edge-dark:#141c36;--text:#f4e9c1;--accent:#ffcf3f;--font:"Trebuchet MS", "Verdana", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--text);background:#1a1a1a;margin:0;overflow:hidden}#game{position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.panel{background:var(--panel-bg);border:3px solid;border-color:var(--panel-edge-light) var(--panel-edge-dark) var(--panel-edge-dark) var(--panel-edge-light);pointer-events:auto}.hud{flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.ticker{white-space:nowrap;text-overflow:ellipsis;padding:6px 12px;font-size:14px;overflow:hidden}.ticker .pa{color:var(--accent);font-weight:700}.bar{flex-wrap:wrap;align-items:center;gap:16px;padding:8px 12px;display:flex}.readout{font-size:16px;font-weight:700}.readout .label{color:var(--accent);margin-right:4px}.readout.tile{opacity:.7;min-width:90px}.speeds{gap:4px;margin-left:auto;display:flex}button{font:inherit;color:var(--text);border:3px solid;border-color:var(--panel-edge-light) var(--panel-edge-dark) var(--panel-edge-dark) var(--panel-edge-light);cursor:pointer;background:#3d5196;min-width:44px;min-height:40px;font-weight:700}button:active,button.active{border-color:var(--panel-edge-dark) var(--panel-edge-light) var(--panel-edge-light) var(--panel-edge-dark);color:var(--accent);background:#24326a}.tools{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.tools button{padding:0 10px}.tools button.open{color:var(--accent)}.tools .hint{text-shadow:1px 1px #000;margin-left:8px;font-size:13px}.menu{width:min(420px,100vw - 32px);max-height:60vh;margin-bottom:4px;padding:8px;position:absolute;bottom:100%;left:8px;overflow-y:auto}.menu h3,.room-panel h3{color:var(--accent);margin:0 0 6px}.menu-item{text-align:left;grid-template-columns:18px 1fr auto;align-items:center;gap:2px 8px;width:100%;margin-bottom:4px;padding:6px 8px;display:grid}.menu-item .swatch{border:1px solid #000;width:14px;height:14px}.menu-item .price{color:var(--accent)}.menu-item .blurb{opacity:.8;grid-column:2/4;font-size:12px;font-weight:400}.tooltip{pointer-events:none;border:2px solid var(--panel-edge-light);white-space:nowrap;background:#141c36eb;padding:3px 8px;font-size:13px;font-weight:700;position:absolute}.tooltip.ok{color:#9ef59e}.tooltip.bad{color:#ff9b8a}.inspect{width:min(320px,100vw - 32px);max-height:calc(100vh - 220px);padding:10px 12px;position:absolute;top:12px;right:12px;overflow-y:auto}.inspect h3{color:var(--accent);margin:0 64px 6px 0}.inspect .blurb,.inspect .facts{margin:0 0 8px;font-size:13px;line-height:1.5}.inspect .status{margin:0 0 8px;font-weight:700}.inspect .status.ok{color:#9ef59e}.inspect .status.bad{color:#ff9b8a}.inspect .furnish,.actions{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.inspect .furnish button,.actions button{padding:0 10px;font-size:13px}.inspect-buttons{gap:4px;display:flex;position:absolute;top:6px;right:6px}.inspect-buttons button{min-width:32px;min-height:32px}.thought{color:#2b2116;background:#f4e9c1;border-radius:10px;margin:0 0 8px;padding:6px 10px;font-size:13px;font-style:italic;position:relative}.meter{grid-template-columns:54px 1fr 70px;align-items:center;gap:6px;margin:4px 0;font-size:13px;display:grid}.meter-track{background:#141c36;border:1px solid #0b1022;height:10px}.meter-fill{height:100%;display:block}.meter-fill.good{background:#4caf50}.meter-fill.warning{background:#e8a33a}.meter-fill.critical{background:#e0503c}.meter-word{opacity:.9;font-size:12px}button.link{color:#9fd0ff;cursor:pointer;text-align:left;background:0 0;border:none;min-width:0;min-height:0;padding:0;font-weight:400;text-decoration:underline}button.danger{background:#8a2b2b}button:disabled{opacity:.5;cursor:default}.muted{opacity:.75;font-size:13px}.mini-table{border-collapse:collapse;width:100%;font-size:13px}.mini-table td,.mini-table th{text-align:left;border-bottom:1px solid #ffffff14;padding:3px 4px}.mini-table .num{text-align:right;font-variant-numeric:tabular-nums}.mini-table tr.total td{border-top:2px solid #ffffff40;font-weight:700}.staff-table button{min-width:36px;min-height:32px;padding:0 8px;font-size:13px}.staff-table tr.idle td{color:#ffb347}.window{width:min(520px,100vw - 32px);max-height:calc(100vh - 220px);padding:10px 14px 14px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-55%)}.window h2{color:var(--accent);margin:0;font-size:20px}.window h3{color:var(--accent);margin:12px 0 6px;font-size:15px}.window-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.window-head>button:not(.link){min-width:36px}.stat-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.stat{background:#141c36;flex:120px;padding:6px 8px;font-size:16px;font-weight:700}.stat .label{color:var(--accent);font-size:12px;font-weight:400;display:block}.hire-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;display:grid}.hire{text-align:left;grid-template-columns:14px 1fr;align-items:center;gap:2px 6px;padding:6px 8px;display:grid}.hire .muted{grid-column:1/-1;font-size:12px;font-weight:400}.swatch{border:1px solid #000;width:14px;height:14px;display:inline-block}.chart{background:#141c36;padding:8px;position:relative}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:#f4e9c11f;stroke-width:1px}.chart .axis{fill:#f4e9c1b3;font-size:10px}.chart .income{fill:#3987e5}.chart .expenses{fill:#d95926}.legend{gap:14px;margin-bottom:4px;font-size:12px;display:flex}.legend .key{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.legend .key.income{background:#3987e5}.legend .key.expenses{background:#d95926}.chart-tip{margin-top:4px;font-size:12px}.windows{gap:4px;margin-left:auto;display:flex}.windows button{padding:0 10px}.speeds{margin-left:0}.fb-row{all:unset;white-space:nowrap;cursor:pointer;grid-template-columns:46px 52px 1fr 28px 128px;gap:6px;width:100%;display:grid}.fb-row:hover{background:#222}.readout .good{color:#9ef59e}.readout .poor{color:#ff9b8a}.flight-board{color:#f2c230;background:#111;border-color:#444 #000 #000 #444;width:min(440px,100vw - 32px);padding:6px 8px;font-family:Courier New,monospace;font-size:13px;position:absolute;top:12px;left:12px}.fb-title{all:unset;cursor:pointer;letter-spacing:3px;color:#fff;margin-bottom:4px;font-weight:700;display:block}.fb-empty{opacity:.7}.fb-dest{text-overflow:ellipsis;overflow:hidden}.fb-status.ok{color:#6ef06e}.fb-status.warn{color:#ffb347}.fb-status.bad{color:#ff6b5b}.fb-status.dim{color:#f2c230;opacity:.85}@media (width<=600px){.fb-row{grid-template-columns:40px 48px 1fr 24px}.fb-status{grid-column:2/-1}}.condition{background:#4a2b5e;border-left:3px solid #d58cff;margin:0 0 8px;padding:4px 8px;font-size:13px}.mini-table td.bad{color:#ff9b8a;font-weight:700}.mini-table td.warn{color:#ffb347}.main-menu{pointer-events:auto;background:radial-gradient(at 50% 30%,#2b3a67 0%,#10162b 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.menu-card{width:min(520px,100%);max-height:calc(100vh - 32px);padding:20px 24px;overflow-y:auto}.logo{letter-spacing:2px;color:#fff;text-shadow:4px 4px #141c36;margin:0;font-size:56px}.logo span{color:var(--accent)}.tagline{opacity:.85;margin:0 0 16px}.menu-buttons{flex-direction:column;gap:8px;display:flex}.big{text-align:left;align-items:center;gap:10px;min-height:52px;padding:0 16px;font-size:18px;display:flex}.big small{opacity:.8;margin-left:auto;font-size:12px;font-weight:400}.file-button{cursor:pointer;color:var(--text);border:3px solid;border-color:var(--panel-edge-light) var(--panel-edge-dark) var(--panel-edge-dark) var(--panel-edge-light);background:#3d5196;font-weight:700;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.level-card{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-bottom:6px;padding:8px 12px;display:flex}.level-name{font-size:16px}.error{color:#ff9b8a;font-weight:700}.goal{margin:10px 0}.goal-head{justify-content:space-between;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.goal .meter-track{height:12px;display:block}.fax-backdrop{pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.fax{color:#1e1e1e;background:#f4f1e6 repeating-linear-gradient(0deg,#0000 0 22px,#0000000a 22px 23px);width:min(480px,100%);max-height:calc(100vh - 32px);padding:18px 22px;font-family:Courier New,monospace;font-size:14px;overflow-y:auto;transform:rotate(-.6deg);box-shadow:6px 6px #00000080}.fax-head{border-bottom:2px dashed #555;margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:700}.fax h2{margin:0 0 8px;font-size:24px}.fax.won h2{color:#1f7a2e}.fax.lost h2{color:#b02020}.fax-sign{font-style:italic}.fax button{color:var(--text)}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,label,.fb-row{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tooltip.touch{padding:5px 10px;font-size:14px;transform:translate(-50%)}@media (width<=900px){.btn-label,.tools .hint{display:none}.windows button{padding:0 8px}}@media (width<=760px){.bar{gap:8px 12px;padding:6px 8px}.readout{font-size:14px}.readout.optional{display:none}.windows{margin-left:0}.ticker{white-space:normal;max-height:3.2em;font-size:13px;overflow:hidden}.flight-board{width:calc(100vw - 24px);font-size:12px}.fb-row{grid-template-columns:40px 48px 1fr 24px}.fb-status{grid-column:2/-1}.inspect{width:auto;max-height:40vh;top:84px;left:8px;right:8px}.menu{width:auto;left:4px;right:4px}.window{max-height:calc(100vh - 190px);top:8px;transform:translate(-50%)}}