@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',sans-serif;color:#dce8ea;background:#112537;font-synthesis:none;font-size:14px;--blue:#72b9ed;--orange:#edb169;--muted:#9badb7}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid #526876;border-radius:8px;background:#263e50;color:inherit;padding:10px 14px;cursor:pointer}button:hover:not(:disabled){background:#375465}button:focus-visible,input:focus-visible{outline:3px solid #f5ce76;outline-offset:3px}button:disabled{cursor:default;opacity:.45}button.primary{background:#e4bf77;border-color:#e4bf77;color:#152b3c;font-weight:700}button[aria-pressed=true]{border-color:#ebc67f;background:#4e543f}a{color:inherit}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #31485a;background:#122839}.brand{text-decoration:none;display:flex;gap:16px;align-items:baseline}.brand b{font-size:22px;letter-spacing:3px}.brand span{color:#acc0ca}nav{display:flex;gap:12px;align-items:center;font-size:12px}nav button{padding:7px 12px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#ccb37a;font-weight:600}h1{font-weight:500;font-size:clamp(32px,4vw,53px);line-height:1.3;margin:20px 0}h2{font-size:25px;font-weight:500;margin:14px 0}h3{font-weight:500;font-size:10px;letter-spacing:1.4px;color:#a9bdc5;margin:16px 0 9px}p{line-height:1.8;color:#b8c9d1}small{color:#a8bcc7;font-size:11px;line-height:1.6}input{width:100%;display:block;margin:9px 0 20px;padding:14px;background:#132b3b;border:1px solid #546874;border-radius:7px;color:#f5f2de}label{display:block;font-size:12px}form .primary{width:100%;padding:15px}.entry{max-width:1320px;margin:36px auto 70px;display:grid;grid-template-columns:1.6fr 1fr;gap:0;padding:0 28px}.hero{position:relative;min-height:600px;border-radius:18px 0 0 18px;overflow:hidden;background:#173a53}.hero img{width:100%;height:100%;position:absolute;object-fit:cover}.hero>div{position:relative;z-index:1;margin:45px}.hero p{color:#d6e4e6}.boarding{background:#21394a;border-radius:0 18px 18px 0;padding:45px 36px;align-content:center}.tabs{display:flex;gap:9px;margin:30px 0 24px}.boarding small{display:block;margin-top:20px}.lobby{max-width:1140px;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:50px auto;padding:0 28px}.lobby>img{width:100%;border-radius:18px;height:600px;object-fit:cover}.seats{display:grid;gap:10px;margin:28px 0}.seat{padding:20px;background:#1e384c;border:1px solid #3b586a;border-left:4px solid #829da8;border-radius:8px;display:flex;justify-content:space-between}.seat.pilot{border-left-color:var(--blue)}.seat.copilot{border-left-color:var(--orange)}.seat span{font-size:12px;color:#a4bcca}.scope{font-size:12px}.buttons{display:flex;gap:10px;flex-wrap:wrap}.table{max-width:1190px;margin:25px auto;padding:0 24px}.game-grid{display:grid;grid-template-columns:minmax(0,790px) 290px;gap:22px;align-items:start}.cockpit{border:1px solid #4c626e;border-radius:24px;padding:22px;background:linear-gradient(145deg,#314756,#203847);box-shadow:0 14px 60px #09182180,inset 0 1px 0 #879aa440}.top-displays{display:grid;grid-template-columns:1fr 1fr;gap:14px}.display{background:#0c202d;padding:16px;border-radius:12px;box-shadow:inset 0 2px 5px #0006;border:1px solid #567484}.display>span{display:block;font-size:9px;color:#94bacb;letter-spacing:1.4px}.display>b{display:block;color:#bee5f0;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;letter-spacing:1px;margin:6px 0}.display small{font-size:11px}.display em{font-size:10px;color:#bca975;font-style:normal;letter-spacing:1px}.approach{display:flex;gap:3px;margin:18px 0;padding:7px;border-radius:8px;background:#0b2532}.track-cell{flex:1;text-align:center;border:1px solid transparent;border-radius:5px;min-width:0;padding:5px 0;background:#203e50}.track-cell.current{border-color:#efc66c;background:#344f52}.track-cell.passed{opacity:.45}.track-cell small{font-size:9px}.track-cell>b{display:block;font-size:25px;color:#eecb83;line-height:32px}.track-cell>span{display:block;font-size:11px;color:#c6dde5;letter-spacing:2px}.slot{text-align:center;padding:9px 5px;background:#182d3e;min-width:0;border:1px solid #465e71;box-shadow:inset 0 2px 3px #08162366;opacity:1!important;position:relative}.slot>span{display:block;font-size:10px}.slot>b{display:block;font-size:19px;letter-spacing:1px;margin:7px 0}.slot>i{display:block;font-style:normal;font-size:8px;color:#829daa}.slot.pilot{color:var(--blue);border-top:3px solid #6bb8e1}.slot.copilot{color:var(--orange);border-top:3px solid #d6a362}.slot.shared{border-top:3px solid #b8aa85}.slot.available{border-color:#e4c781;box-shadow:0 0 0 1px #e4c781,0 0 14px #e4c78126;cursor:pointer}.slot.available:hover{background:#3b5864}.slot.selected{background:#5c6450;box-shadow:0 0 0 3px #f7d989}.slot.occupied{background:#385165}.slot.deployed>i{color:#85d6a2}.axis-row,.engine-row{display:flex;justify-content:space-between;gap:15px;margin:0 45px}.axis-row .slot,.engine-row .slot{width:112px}.instrument{max-width:290px;margin:-42px auto -50px;pointer-events:none}.instrument svg{width:100%;display:block}.engine-row{position:relative}.speed-strip{font-size:11px;margin:18px 0 5px;padding:12px 8px;background:#122b3b;border-radius:6px;text-align:center;color:#c5d4d6;line-height:1.8}.speed-strip>span{display:block;color:#e3c780;font-size:10px}.systems{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.radio-row,.coffee-row{border-top:1px solid #465c68;margin-top:17px}.controls{position:sticky;top:20px;border:1px solid #496272;background:#1b3345;border-radius:15px;padding:22px;border-top:4px solid var(--blue)}.controls.copilot{border-top-color:var(--orange)}.controls h2{font-size:24px}.controls .primary{width:100%;margin:8px 0}.communication{padding:12px;border:1px solid #776f55;background:#473f2c40;font-size:12px;color:#e6d6ab;border-radius:6px}.controls small{display:block}.controls>p{font-size:12px}.dice{display:flex;gap:9px;margin:16px 0}.die{font-size:25px;min-width:46px;padding:9px 0;background:#6aafd7;color:#0c2d40;border-color:#a7d7e9;font-weight:700}.copilot .die{background:#dba666;color:#442b15;border-color:#f0cf9d}.die.selected{outline:3px solid #f5d98c;outline-offset:3px}.numbers{display:flex;gap:4px}.numbers button{padding:8px 0;flex:1}.adjust p{font-size:11px}.checklist{margin-top:25px;border-top:1px solid #41576a}.checklist p{font-size:12px;margin:6px 0}.logs{margin:24px 0;background:#1a3343;padding:18px;border:1px solid #3c5261;border-radius:10px}.logs summary{cursor:pointer}.logs ol{list-style:none;padding:0;font-size:12px;line-height:2}.logs li>span{color:#d3b77a;margin-right:12px}.result{padding:28px;background:#413a35;border:1px solid #9e7760;border-radius:15px;margin-bottom:24px}.result.win{background:#27473f;border-color:#89ac89}.result h1{font-size:35px;margin:12px 0}.result button{margin-right:8px}footer{text-align:center;padding:20px;color:#8ca5b5;font-size:10px;letter-spacing:2px}dialog{max-width:700px;width:calc(100% - 30px);max-height:85vh;border:1px solid #698091;border-radius:16px;background:#183448;color:#eef5f1;padding:28px}dialog::backdrop{background:#0009}dialog>button{float:right}dialog p{font-size:13px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:#e7c27a;color:#192f3f;padding:13px 23px;border-radius:9px;box-shadow:0 5px 20px #0006;z-index:99}
@media(max-width:860px){.game-grid{grid-template-columns:1fr}.controls{position:static}.dice{justify-content:center}.die{min-width:60px}.entry{grid-template-columns:1fr}.hero{min-height:480px;border-radius:18px 18px 0 0}.boarding{border-radius:0 0 18px 18px}.lobby{grid-template-columns:1fr}.lobby>img{height:320px}.controls .numbers{max-width:360px}.controls .primary{max-width:400px}}@media(max-width:560px){header{padding:16px}.brand{display:block}.brand b{font-size:17px}.brand span{display:block;font-size:10px;margin-top:5px}nav{gap:7px;font-size:10px}.connection{display:none}.table{padding:0 10px;margin:15px auto}.cockpit{padding:13px 9px;border-radius:15px}.display{padding:12px 8px}.display>b{font-size:26px}.display>span{font-size:8px}.display small{font-size:9px}.approach{padding:5px;gap:2px}.track-cell>span{font-size:10px;letter-spacing:0}.axis-row,.engine-row{margin:0 2px}.axis-row .slot,.engine-row .slot{width:78px}.instrument{width:235px;margin:-43px auto -44px}.slot>b{font-size:17px}.slot>span{font-size:9px}.systems{gap:10px}.three{gap:5px}.four{gap:5px}h3{font-size:8px}.slot{padding:8px 2px}.speed-strip{font-size:9px}.entry{padding:0 16px;margin-top:20px}.hero>div{margin:28px}.hero{min-height:440px}.boarding{padding:28px}.seat{padding:16px}.scope{font-size:11px}}