:root{color-scheme:dark}html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#b6c9c9}#stage{display:block;image-rendering:pixelated;touch-action:none;cursor:default}#frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center}#chrome{position:absolute;inset:0;pointer-events:none}#chrome>*{pointer-events:auto}.bar{position:absolute;display:flex;gap:8px;align-items:center}.bar.top-right{top:14px;right:18px}button.ftl{font:inherit;font-size:13px;letter-spacing:1px;padding:7px 14px;color:#cfe2e2;background:#0c161cd1;border:1px solid rgba(126,224,208,.45);border-radius:3px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}button.ftl:hover:not(:disabled){color:#fff;border-color:#7ee0d0;background:#142c34eb}button.ftl:active:not(:disabled){background:#7ee0d040}button.ftl:disabled{opacity:.38;cursor:default}button.ftl.primary{color:#06110f;background:#7ee0d0;border-color:#7ee0d0;font-weight:600}button.ftl.primary:hover:not(:disabled){background:#a4ede1}#boot{position:absolute;inset:0;display:grid;place-content:center;gap:14px;justify-items:center;background:#000;z-index:10;transition:opacity .3s ease}#boot.done{opacity:0;pointer-events:none}#boot-title{font-size:44px;letter-spacing:18px;color:#e0f2f2;text-indent:18px}#boot-bar{width:320px;height:3px;background:#1b2a2a;overflow:hidden}#boot-bar i{display:block;height:100%;width:0;background:#7ee0d0;transition:width .12s linear}#boot-status{font-size:12px;letter-spacing:2px;color:#5d7676}#boot-status.error{color:#e06c6c;max-width:60ch;text-align:center;line-height:1.6}#chrome-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:780px;max-height:560px;overflow-y:auto;padding:30px 34px;display:flex;flex-direction:column;gap:18px;background:#091015f0;border:1px solid rgba(126,224,208,.5);border-radius:4px;box-shadow:0 0 0 1px #0009,0 18px 60px #0000008c}#chrome-panel[hidden]{display:none}#chrome-text{margin:0;font-size:15px;line-height:1.6;color:#d6e6e6;white-space:pre-wrap}#chrome-choices{display:flex;flex-direction:column;gap:8px}button.choice{font:inherit;font-size:14px;line-height:1.5;text-align:left;padding:10px 14px;color:#b8cfd0;background:#101e25e6;border:1px solid rgba(126,224,208,.28);border-radius:3px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}button.choice:hover:not(:disabled){color:#fff;border-color:#7ee0d0;background:#183038f2}button.choice.blue{color:#7fc4ff;border-color:#7fc4ff61}button.choice.blue:hover:not(:disabled){color:#bfe2ff;border-color:#7fc4ff}button.choice:disabled{color:#96a8ac73;cursor:default}#chrome-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;padding:28px 32px;background:#091015f2;border:1px solid rgba(126,224,208,.5);border-radius:4px;box-shadow:0 0 0 1px #0009,0 18px 60px #0000008c;max-height:640px;overflow-y:auto}#chrome-screen[hidden]{display:none}.screen-title{margin:0;font-size:15px;font-weight:600;letter-spacing:2px;color:#7ee0d0}.screen-sub{font-size:12px;letter-spacing:1px;color:#8fa8aecc}.screen-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:9px 0;border-bottom:1px solid rgba(126,224,208,.12)}.screen-row:last-child{border-bottom:0}.screen-row .name{font-size:14px;color:#cfe2e2}.screen-row .value{font-size:13px;color:#e0c46c;font-variant-numeric:tabular-nums}.pips{display:flex;gap:3px}.pips i{width:13px;height:9px;border-radius:1px;background:#7ee0d029}.pips i.on{background:#7ee0d0}.pips i.hurt{background:#e06c6c}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.screen-col h3{margin:0 0 6px;font-size:12px;letter-spacing:1.5px;font-weight:600;color:#7ee0d0;border-bottom:1px solid rgba(126,224,208,.22);padding-bottom:5px}input[type=range].ftl{width:260px;accent-color:#7ee0d0;cursor:pointer}select.ftl{font:inherit;font-size:13px;padding:5px 8px;cursor:pointer;color:#cfe2e2;background:#101e25f2;border:1px solid rgba(126,224,208,.4);border-radius:3px}.screen-cards{display:flex;gap:16px}button.card{font:inherit;text-align:left;cursor:pointer;width:216px;padding:16px;border-radius:4px;color:#cfe2e2;background:#142228b3;border:1px solid rgba(126,224,208,.28);display:flex;flex-direction:column;gap:10px;transition:background .12s ease,border-color .12s ease,transform .12s ease}button.card:hover{background:#1c343ce6;border-color:#7ee0d0;transform:translateY(-2px)}button.card .card-name{font-size:14px;font-weight:600;color:#fff}button.card .card-kind{font-size:12px}button.card.hostile .card-kind{color:#e08a6c}button.card.civilian .card-kind{color:#7ee0d0}button.card.nebula .card-kind{color:#b58ce0}button.card.unknown .card-kind{color:#9fb4b8}.hangar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:440px;overflow-y:auto;padding-right:6px}button.hangar-ship{width:auto;padding:12px 14px;gap:6px}button.hangar-ship .card-kind{color:#8fa8aed9;font-size:11px;line-height:1.4}button.hangar-ship.chosen{border-color:#7ee0d0;background:#1e3e46f2}button.hangar-ship:disabled{opacity:.34;cursor:default;transform:none}button.hangar-ship:disabled:hover{background:#142228b3;border-color:#7ee0d047}