:root{--bg-0: #0a0f14;--bg-1: #111922;--bg-2: #1a232e;--bg-3: #243140;--border: #2e3d4f;--text: #d6e1ec;--text-dim: #7d8fa3;--accent: #4dd0ff;--water: #1f7fb8;--water-bright: #3aa6df;--good: #4ade80;--warn: #fbbf24;--danger: #ef4444;--damaged: #f97316}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-0);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{margin:0 0 8px;font-weight:600;letter-spacing:.02em}h2{font-size:14px;text-transform:uppercase;color:var(--text-dim)}h3{font-size:13px;text-transform:uppercase;color:var(--text-dim);margin-top:14px}h4{font-size:11px;text-transform:uppercase;color:var(--text-dim);margin-top:10px}hr{border:none;border-top:1px solid var(--border);margin:10px 0}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.app__header{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-1);border-bottom:1px solid var(--border)}.app__header h1{margin:0;font-size:18px;letter-spacing:.1em;color:var(--accent)}.app__subtitle{color:var(--text-dim);font-size:12px}.ship-picker{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.ship-picker__label{text-transform:uppercase;letter-spacing:.06em}.ship-picker select{background:var(--bg-3);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:12px}.app__layout{flex:1;display:grid;grid-template-columns:260px 1fr 320px;min-height:0}.app__left,.app__right{background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto;padding:12px}.app__right{border-right:none;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.app__center{background:radial-gradient(ellipse at center top,#15202c,#0a0f14 80%);display:flex;align-items:center;justify-content:center;min-height:0}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:10px 12px}.status-row{display:flex;justify-content:space-between;padding:2px 0;font-variant-numeric:tabular-nums}.status-row__label{color:var(--text-dim)}.status-row.is-warn .status-row__value{color:var(--warn)}.status-row.is-danger .status-row__value{color:var(--danger);font-weight:600}.sim-controls{display:flex;gap:8px;margin-left:auto;align-items:center;flex-wrap:wrap}.sim-controls__row{display:flex;gap:4px;align-items:center}.sim-controls__label{color:var(--text-dim);font-size:11px;text-transform:uppercase;margin-right:4px}.btn{background:var(--bg-3);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:6px 10px;font-size:12px;font-weight:500}.btn:hover:not(:disabled){background:#2c3a4a;border-color:#3a4d62}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--small{padding:4px 8px;font-size:11px}.btn--tiny{padding:3px 7px;font-size:11px}.btn--active{background:var(--accent);color:#0a0f14;border-color:var(--accent)}.btn--running{background:var(--good);color:#0a0f14;border-color:var(--good)}.btn--paused{background:var(--warn);color:#0a0f14;border-color:var(--warn)}.btn--warn{border-color:var(--damaged);color:var(--damaged)}.btn--warn:hover:not(:disabled){background:#f9731626}.btn-row{display:flex;gap:4px}.btn-row--wrap{flex-wrap:wrap}.toggle{position:relative;width:36px;height:18px;flex-shrink:0;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:0;cursor:pointer;transition:background .12s ease,border-color .12s ease}.toggle:hover:not(:disabled){border-color:#3a4d62}.toggle:disabled{opacity:.4;cursor:not-allowed}.toggle__thumb{position:absolute;top:1px;left:1px;width:14px;height:14px;background:var(--text-dim);border-radius:50%;transition:left .12s ease,background .12s ease}.toggle--on{background:#4ade802e;border-color:var(--good)}.toggle--on .toggle__thumb{left:19px;background:var(--good)}.repair-progress{display:flex;align-items:center;gap:8px;margin:6px 0}.repair-progress__bar{flex:1;height:6px;background:var(--bg-3);border:1px solid var(--border);border-radius:3px;overflow:hidden}.repair-progress__fill{height:100%;background:var(--good);transition:width .12s linear}.repair-progress__label{font-size:11px;color:var(--text-dim);white-space:nowrap}.crew-assign{display:flex;align-items:center;gap:6px;margin:6px 0}.crew-assign__label{font-size:11px;text-transform:uppercase;color:var(--text-dim);margin-right:2px}.crew-assign__value{min-width:14px;text-align:center;font-weight:600}.crew-assign__free{font-size:11px;margin-left:auto}.crew-assign__moving{font-size:11px;color:var(--text-dim)}.crew-assign__warn{flex-basis:100%;font-size:11px;color:var(--damaged);margin-top:2px}.crew__shadow{fill:#00000073}.crew__head{fill:#f4cba0;stroke:#1a0d08;stroke-width:.4}.crew__torso{fill:#ffe27a;stroke:#1a0d08;stroke-width:.4;transition:fill .2s}.crew__arm,.crew__leg{stroke:#1a0d08;stroke-width:.9;stroke-linecap:round}.crew__tool{stroke:#c8c8c8;stroke-width:.8;stroke-linecap:round}.crew--idle .crew__torso{fill:#ffe27a}.crew--moving .crew__torso{fill:#4dd0ff}.crew--working .crew__torso{fill:var(--good)}.crew--returning .crew__torso{fill:#93a4b5}.crew--boarding .crew__torso{fill:#ff9d4d}.crew--moving .crew__arms,.crew--returning .crew__arms,.crew--boarding .crew__arms{animation:crew-step .5s ease-in-out infinite;transform-origin:center top;transform-box:fill-box}.crew--moving .crew__legs,.crew--returning .crew__legs,.crew--boarding .crew__legs{animation:crew-step .5s ease-in-out infinite reverse;transform-origin:center top;transform-box:fill-box}@keyframes crew-step{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.crew--working .crew__arms{animation:crew-hammer .45s ease-in-out infinite;transform-origin:center top;transform-box:fill-box}.crew--working .crew__tool{animation:crew-hammer .45s ease-in-out infinite;transform-origin:bottom left;transform-box:fill-box}@keyframes crew-hammer{0%,to{transform:rotate(-25deg)}50%{transform:rotate(35deg)}}.lifeboat__davit{stroke:#6b7886;stroke-width:.8}.lifeboat__hull{fill:#d97706;stroke:#1a0d08;stroke-width:.6}.lifeboat__cover{fill:#f59e0b;stroke:#1a0d08;stroke-width:.4}.lifeboat__capacity{fill:#1a0d08;font-size:7px;font-weight:700;pointer-events:none;font-variant-numeric:tabular-nums}.lifeboat--launched .lifeboat__hull{fill:#b45309}.lifeboat--launched .lifeboat__cover{fill:#d97706}.lifeboat-list{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.lifeboat-list__item{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:var(--bg-2);border:1px solid var(--border);border-radius:3px;font-size:12px}.lifeboat-list__item.is-launched{opacity:.65}.lifeboat-list__name{display:flex;align-items:center;gap:6px}.status-dot--warn{background:var(--warn);box-shadow:0 0 4px var(--warn)}.activity-log{display:flex;flex-direction:column;min-height:0;flex:1}.activity-log__list{list-style:none;margin:0;padding:4px 0 0;overflow-y:auto;font-size:11px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex:1;min-height:80px;max-height:320px}.activity-log__entry{display:grid;grid-template-columns:max-content max-content 1fr;gap:6px;padding:2px 4px;border-bottom:1px solid rgba(46,61,79,.3)}.activity-log__entry:last-child{border-bottom:none}.activity-log__time{color:var(--text-dim);font-variant-numeric:tabular-nums}.activity-log__cat{text-transform:uppercase;font-size:10px;letter-spacing:.04em;color:var(--text-dim)}.activity-log__cat--breach,.activity-log__cat--outcome{color:var(--damaged)}.activity-log__cat--lifeboat{color:var(--warn)}.activity-log__cat--crew{color:var(--accent)}.activity-log__cat--system,.activity-log__cat--pump{color:var(--good)}.activity-log__msg{color:var(--text)}.activity-log__entry--warn .activity-log__msg{color:var(--warn)}.activity-log__entry--critical .activity-log__msg{color:var(--damaged);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f14c7;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:6px;padding:28px 32px;min-width:320px;max-width:480px;box-shadow:0 20px 60px #0009}.modal h2{margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}.modal--won h2{color:var(--good)}.modal--lost h2{color:var(--damaged)}.modal__subtitle{margin:0 0 16px;color:var(--text-dim)}.modal__stats{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 20px;font-size:13px}.modal__stats dt{color:var(--text-dim)}.modal__stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.ship-view{width:100%;height:100%;max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none}.sea{fill:#0d2638}.waterline{stroke:#2a5a7a;stroke-width:1;stroke-dasharray:4 4}.hull{fill:#1f2c3a;stroke:#3a4d62;stroke-width:2}.hull--external{fill:#2a3a4d;stroke:#4d6378;stroke-width:2.5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.silhouette-bulwark{fill:none;stroke:#6b8295;stroke-width:1.5}.silhouette-deckhouse{fill:#cfdbe6;stroke:#1a232e;stroke-width:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.silhouette-bridge{fill:#e7eef5;stroke:#1a232e;stroke-width:1}.silhouette-windows{fill:none;stroke:#4dd0ff;stroke-width:2.5;stroke-linecap:round;opacity:.85}.silhouette-funnel{fill:#b4424e;stroke:#1a232e;stroke-width:1}.silhouette-funnel-band{fill:none;stroke:#f4f4f4;stroke-width:3}.silhouette-mast{fill:none;stroke:#2c3a4a;stroke-width:1.5;stroke-linecap:round}.silhouette-bootline{fill:none;stroke:#1a0d08;stroke-width:4;opacity:.65}.silhouette-bulwark-wood{fill:none;stroke:#5a3a1f;stroke-width:3;stroke-linecap:round}.silhouette-deck-wood{fill:#8b5a2b;stroke:#3d2410;stroke-width:1}.silhouette-mast-wood{fill:none;stroke:#3d2410;stroke-width:2.5;stroke-linecap:round}.silhouette-sail{fill:#ede4c8;stroke:#6b5a3d;stroke-width:.6;opacity:.92;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.silhouette-sail-jib{fill:#f0e8d0;stroke:#6b5a3d;stroke-width:.5;opacity:.88}.silhouette-wale{fill:none;stroke:#2a1808;stroke-width:2;opacity:.7}.silhouette-flag{fill:#b4424e;stroke:#1a232e;stroke-width:.6}.ship-view[data-ship-id=wooden_brig_01] .hull--external{fill:#6b3f1d;stroke:#2a1808}.ship-view[data-ship-id=wooden_brig_01] .hull{fill:#6b3f1d;stroke:#3d2410}.ship-view[data-ship-id=cargo_ship_01] .hull--external{fill:#1f3a5a;stroke:#0a1a2a}.ship-view[data-ship-id=cruise_ship_01] .hull--external{fill:#e8eef3;stroke:#5b6f80}.ship-view[data-ship-id=cruise_ship_01] .silhouette-cruise-superstructure{fill:#fff;stroke:#5b6f80;stroke-width:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.ship-view[data-ship-id=oil_tanker_01] .hull--external{fill:#2a1818;stroke:#1a0808}.silhouette-container{stroke:#1a232e;stroke-width:.8;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.silhouette-container--blue{fill:#2563eb}.silhouette-container--red{fill:#b4424e}.silhouette-container--green{fill:#14532d}.silhouette-container-line{fill:none;stroke:#00000073;stroke-width:.5}.silhouette-cabin-row{fill:none;stroke:#4dd0ff;stroke-width:5;stroke-linecap:butt;stroke-dasharray:6 3;opacity:.9}.silhouette-tanker-manifold{fill:#4a4a4a;stroke:#1a1a1a;stroke-width:.8}.silhouette-tanker-standpipe{fill:none;stroke:#6b6b6b;stroke-width:2;stroke-linecap:round}.ship-view[data-ship-id=titanic] .hull--external{fill:#0d0d0d;stroke:#050505;stroke-width:2}.silhouette-bulwark-titanic{fill:none;stroke:#2a2a2a;stroke-width:2}.silhouette-titanic-deck-line{fill:none;stroke:#6b5a3d;stroke-width:1;opacity:.6}.silhouette-titanic-superstructure{fill:#f4f1ea;stroke:#2a2a2a;stroke-width:.8;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.silhouette-titanic-promenade{fill:#ede8db;stroke:#2a2a2a;stroke-width:.8}.silhouette-titanic-promenade-windows{fill:none;stroke:#2c3a4a;stroke-width:6;stroke-linecap:butt;stroke-dasharray:4 1;opacity:.85}.silhouette-titanic-portholes{fill:none;stroke:#1a232e;stroke-width:3;stroke-linecap:round;stroke-dasharray:.1 8}.silhouette-titanic-boat-deck{fill:#d9d0bb;stroke:#2a2a2a;stroke-width:.8}.silhouette-titanic-funnel{fill:#e2c47e;stroke:#1a1a1a;stroke-width:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.silhouette-titanic-funnel-cap{fill:#0d0d0d;stroke:#0d0d0d}.silhouette-titanic-rigging{fill:none;stroke:#1a232e;stroke-width:.6;opacity:.7}.silhouette-titanic-anchor{fill:#1a1a1a;stroke:#050505;stroke-width:.4}.silhouette-titanic-bootline{fill:none;stroke:#6b1f1f;stroke-width:5;opacity:.85}.silhouette-titanic-flag{fill:#b4424e;stroke:#1a1a1a;stroke-width:.4}.wave{fill:none;stroke:#78aad280;stroke-width:1.2;animation:wave-drift 8s linear infinite}.wave--far{stroke:#78aad24d;animation-duration:14s;animation-direction:reverse}@keyframes wave-drift{0%{transform:translate(0)}to{transform:translate(-36px)}}.breach-external__halo{fill:var(--damaged);opacity:.35;animation:breach-pulse 1.5s ease-out infinite;transform-origin:center;transform-box:fill-box}.breach-external__core{fill:#ff5a3c;stroke:#1a0d08;stroke-width:.6}.breach-external__inflow{fill:#dcf0ff80;stroke:#dcf0ffb3;stroke-width:.8;animation:breach-inflow .8s ease-in-out infinite alternate;transform-origin:center;transform-box:fill-box}@keyframes breach-inflow{0%{opacity:.4;transform:scaleY(.8)}to{opacity:.85;transform:scaleY(1.2)}}.breach-external__outflow{fill:#78aad28c;animation:breach-outflow 1.1s ease-in-out infinite;transform-origin:top center;transform-box:fill-box}@keyframes breach-outflow{0%{opacity:.3;transform:scaleY(.6)}60%{opacity:.7;transform:scaleY(1)}to{opacity:.4;transform:scaleY(1.2)}}.compartment{cursor:pointer}.compartment__shell{fill:#1a2735;stroke:#3a4d62;stroke-width:1.5;transition:stroke .12s}.compartment--partial .compartment__shell{stroke:#6a8aa6}.compartment--heavy .compartment__shell{stroke:var(--warn)}.compartment--full .compartment__shell{stroke:var(--danger);stroke-width:2}.compartment--selected .compartment__shell{stroke:var(--accent);stroke-width:2.5;filter:drop-shadow(0 0 4px var(--accent))}.compartment__water{fill:var(--water);fill-opacity:.85;pointer-events:none}.compartment__label{fill:#cfdbe6;font-size:10px;font-weight:500;pointer-events:none}.compartment__pct{fill:#93a4b5;font-size:10px;font-variant-numeric:tabular-nums;pointer-events:none}.breach__marker{fill:var(--damaged);stroke:#fff;stroke-width:.5}.breach__pulse{fill:none;stroke:var(--damaged);stroke-width:1.5;opacity:.6;animation:breach-pulse 1.5s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes breach-pulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(2);opacity:0}}.door{cursor:pointer}.door__hit{fill:transparent}.door__icon{stroke:#cfdbe6;stroke-width:1.5;fill:#1a2735}.door--open .door__icon{fill:#4ade802e;stroke:var(--good)}.door--closed .door__icon{fill:#cfdbe6;stroke:#cfdbe6}.door--damaged .door__icon{fill:#f9731640;stroke:var(--damaged)}.door__slash{stroke:var(--good);stroke-width:2}.door__damage{fill:var(--damaged);font-size:10px;font-weight:700}.system-marker circle{fill:var(--bg-3);stroke:var(--text-dim);stroke-width:1}.system-marker--powered circle{fill:var(--good);stroke:var(--good)}.system-marker--unpowered circle{fill:var(--bg-3);stroke:var(--warn)}.system-marker--damaged circle{fill:var(--danger);stroke:var(--danger)}.system-marker__glyph{fill:#0a0f14;font-size:8px;font-weight:700}.system-marker--unpowered .system-marker__glyph,.system-marker .system-marker__glyph{fill:#0a0f14}.compartment-panel__header{display:flex;justify-content:space-between;align-items:center}.compartment-panel__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.compartment-panel__metrics>div{background:var(--bg-3);padding:6px 8px;border-radius:3px;display:flex;flex-direction:column}.metric-label{font-size:10px;text-transform:uppercase;color:var(--text-dim)}.metric-value{font-size:13px;font-variant-numeric:tabular-nums}.muted{color:var(--text-dim);margin:0;font-size:12px}.hint{color:var(--text-dim);font-size:11px;line-height:1.4;margin:8px 0 0}.breach-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0}.inline-list,.door-list,.system-list,.pump-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.inline-list li{display:flex;align-items:center;gap:6px;font-size:12px}.door-list__item{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--bg-3);border-radius:3px;font-size:11px;border-left:3px solid var(--border)}.door-list__item--open{border-left-color:var(--good)}.door-list__item--closed{border-left-color:var(--text-dim)}.door-list__item--damaged{border-left-color:var(--damaged)}.system-list .system-item,.pump-list .pump-item{background:var(--bg-3);border-radius:3px;padding:6px 8px;font-size:12px}.system-item{display:flex;justify-content:space-between;align-items:center;gap:8px}.system-item__name{display:flex;align-items:center;gap:6px}.system-item__meta{display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums}.pump-item__header{display:flex;align-items:center;gap:6px}.pump-item__capacity{margin-left:auto;color:var(--text-dim);font-size:11px}.pump-item__row{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:8px}.pump-item__target{display:flex;flex-direction:column;font-size:10px;color:var(--text-dim);flex:1}.pump-item__target select{background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 4px;font-size:11px;margin-top:2px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-dot--powered,.status-dot--running{background:var(--good);box-shadow:0 0 4px var(--good)}.status-dot--unpowered{background:var(--warn)}.status-dot--damaged{background:var(--damaged)}.status-dot--disabled{background:var(--text-dim)}