/* The working bridge: fixed-position controls, opened machinery, large legible readings. */
:root{--paper:#ddcfad;--muted:#acb39d;--iron:#121c17;--brass:#b99557}
#topbar{top:18px;left:22px;right:22px}nav button{font-size:12px}nav kbd{font-size:10px}.smallcaps{font-size:10px;letter-spacing:.15em}.weather-block small{font-size:12px}.weather-block span{font-size:10px}
#objective{top:112px;width:230px;padding:13px 16px}#objective p{font-size:12px;line-height:1.5}#objective>button{margin-top:12px;border:0;border-top:1px solid #5e5b3d;background:transparent;font-size:11px;padding:8px 0 0;width:100%;text-align:left;color:#cfb275}
#clock-button{position:absolute;z-index:3;left:26px;top:310px;width:130px;padding:4px 0 8px;background:radial-gradient(ellipse,#253125c9,#0b1514a1);border:0;box-shadow:none;text-shadow:0 2px 4px #000}#clock-button canvas{width:116px;height:116px;display:block;margin:auto}#clock-watch{display:block;font-size:11px;color:#d5c7a4}
#command-deck{min-height:150px;height:158px;grid-template-columns:1.1fr .7fr .68fr 1.25fr 1.12fr;bottom:10px;left:10px;right:10px;border-top:3px solid #91794a;background:linear-gradient(180deg,#343329f8,#152019fc 14%,#131b15fc);box-shadow:0 -4px 26px #0007,inset 0 0 0 4px #101811}
#command-deck section{padding:12px 15px}.hull-name{margin-bottom:9px}.hull-name small{font-size:10px}.meter-row{margin-bottom:8px}.meter-row label{font-size:12px}.crew-state{font-size:10px;margin-top:11px}#instrument-reading{width:100%;margin-top:8px;padding:4px 6px;min-height:24px;font-size:10px;color:#d8c28c;background:linear-gradient(#2e3827,#17231a);border-color:#77653f}.stores #stores{margin:12px 0;gap:10px}.stores button{font-size:11px}.store span{font-size:12px}.store b{font-size:19px}.helm{width:86px;height:83px}.helm-ring{inset:8px 7px}.helm b{left:28px;top:25px;font-size:29px}.helm i{height:29px;top:12px;transform-origin:center 30px}#helm-order{height:26px;top:15px}.helm .port-letter,.helm .starboard-letter{top:36px}.helm-buttons{gap:5px}.helm-buttons button{font-size:11px;padding:4px 7px}#helm-status{display:block;font:10px/1.4 system-ui;color:#b8b795;white-space:nowrap;margin-top:3px}.sail-orders{margin:10px 0 8px}.sail-orders button{font-size:12px;padding:5px 4px}.speed strong{font-size:27px}.speed span{font:10px system-ui;max-width:54px}.speed small{font-size:11px;display:block}.secondary-orders{margin-top:8px}.secondary-orders button{font-size:11px;padding:5px 6px}.watch-presets{display:flex;gap:4px;margin:10px 0 7px}.watch-presets button{flex:1;font-size:11px;padding:6px 3px}.watch-presets kbd{font-size:9px;display:none}.duty-section>#machinery-toggle{font-size:12px;padding:7px;text-align:center}.weapons{margin-top:6px}.weapons button{font-size:10px;padding:4px 6px}.weapons span{font-size:10px}
#response-strip{position:absolute;z-index:3;bottom:168px;left:11px;right:11px;min-height:31px;background:linear-gradient(90deg,#0c1713f0,#182219ed,#0b1512f2);border:1px solid #655d3c;border-bottom:0;display:flex;align-items:center;justify-content:center;gap:30px;padding:7px 20px;pointer-events:none}.response-order{display:flex;align-items:center;gap:9px;min-width:0}.response-order>span{font:11px system-ui;color:#d3b77c;white-space:nowrap}.response-order small{font:10px system-ui;color:#b0b69c;white-space:nowrap}.response-track{width:54px;height:4px;background:#050e0a}.response-track i{display:block;height:4px;background:#cfb989}.response-order.settled span{color:#a7b998}
#order-message{bottom:218px;font-size:12px;width:315px;padding:10px 13px}#interaction{bottom:224px}#toast{bottom:212px}#danger{top:98px;font-size:12px;max-width:520px}
#machinery-panel{position:absolute;right:22px;top:104px;bottom:218px;width:335px;z-index:8;border:1px solid #8e7749;box-shadow:0 12px 40px #0009,inset 0 0 0 3px #0b1510;background:linear-gradient(110deg,#273025f5,#101b16fc);padding:17px;overflow:auto;scrollbar-color:#73613e #101b15}.machinery-open #mini-chart{opacity:0;pointer-events:none}.drawer-heading{display:flex;justify-content:space-between;align-items:center}.drawer-heading h2{font-weight:normal;font-size:24px;margin:5px 0 13px}.drawer-heading>button{border:0;background:none;font-size:24px;padding:3px 8px;align-self:flex-start}.drawer-tabs{display:flex;border-bottom:1px solid #726544;padding-bottom:13px;gap:4px}.drawer-tabs button{flex:1;font-size:12px;padding:7px 5px}.machine-group{border-bottom:1px solid #53533a;padding:3px 0 14px}.machine-group:last-child{border:0}.machine-group h3{font-weight:normal;font-size:17px;color:#d7c296;margin:15px 0 10px}.machine-group h3 span{display:block;font:10px system-ui;color:#9faa93;letter-spacing:.04em;margin-top:4px}.machine-group p{font:11px/1.6 system-ui;color:#aab39d;margin:10px 0 0}.button-row{display:flex;gap:4px;margin:7px 0}.button-row button{flex:1;font-size:11px;padding:7px 4px;white-space:nowrap}.machine-group label{display:flex;justify-content:space-between;align-items:baseline;font:11px system-ui;color:#c4b57d;margin:13px 0 5px}.machine-group label span{font-size:10px;color:#abb29f;text-align:right;max-width:72%}.load-track{height:3px;background:#06100b}.load-track i{height:100%;display:block;background:linear-gradient(90deg,#929976,#c69250,#b84c32);width:0}.trim-row button{font-size:10px;color:#aeb99f}.station-row{display:flex;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #434d344d}.station-row>div{flex:1}.station-row b{display:block;font-size:12px;font-weight:normal}.station-row small{font:10px system-ui;color:#91a088;display:block;margin-top:3px}.station-row button{font-size:16px;padding:2px 8px}.station-row strong{font:15px system-ui;min-width:18px;text-align:center}
#petition-button{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:100px;max-width:420px;background:linear-gradient(#493920ee,#242c1fee);border-color:#c2a064;font-size:12px;box-shadow:0 4px 25px #0008}#danger:not([hidden])~#petition-button{top:145px}
.company-confidence{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.company-confidence article{background:#111d16;border:1px solid #635d3e;padding:18px}.company-confidence span{font:11px system-ui;letter-spacing:.1em;color:#bba675;display:block}.company-confidence b{font-size:38px;font-weight:normal;display:block;margin-top:8px}.company-confidence p{font-size:12px;margin:7px 0 0}.policy-list>article{display:grid;grid-template-columns:1fr 230px;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid #4e573c}.policy-list h3{font-weight:normal;font-size:17px;margin:0}.policy-list p{font:12px/1.6 system-ui;margin:6px 0!important}.policy-options{display:flex;flex-wrap:wrap;gap:4px}.policy-options button{font-size:11px;padding:7px 8px;flex-grow:1}.claim{border-left:3px solid #be8d51;background:#111c16;padding:16px;margin:12px 0}.claim h3{font-weight:normal;font-size:20px;margin:8px 0}.claim p{font-size:13px}.claim small{font:11px system-ui}.passage-book{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:8px;padding:0;margin:24px 0}.passage-book li{display:flex;gap:11px;padding:13px 10px;border:1px solid #484e36;background:#111b16;color:#8b9b83}.passage-book .current{border-color:#ac8f57;color:#e0caa2;background:#363621}.passage-book li>span{font-size:23px;color:#aa925d}.passage-book b{display:block;font-size:13px;font-weight:normal}.passage-book small{display:block;font:10px system-ui;margin-top:6px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.project-grid article{padding:17px;border:1px solid #53583d;background:#152017}.project-grid h3{font-size:18px;font-weight:normal;margin:0;color:#cfb785}.project-grid p{font:12px/1.65 system-ui}.project-grid small{display:block;font:11px/1.5 system-ui}.project-grid button{display:block;margin-top:12px;font-size:12px;width:100%}.work-order{padding:20px;border:1px solid #8a794f;margin-top:24px;background:#242d1e}.legacy-folio{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:30px 0}.legacy-folio>section{padding:15px 10px;min-height:290px;border-left:1px solid #72623f;background:linear-gradient(#19251966,#111b1466)}.blank-folio{padding:40px 8px;text-align:center;color:#8b947a}.blank-folio>span{font-size:34px;color:#675c3f}.blank-folio p{font-size:13px;font-style:italic}.talent-node{margin-top:20px;border:1px solid #8d784a;padding:12px;background:linear-gradient(125deg,#323424,#172218);position:relative}.talent-node h3{font-weight:normal;color:#dec79a;font-size:18px;margin:8px 0}.talent-node p{font:12px/1.65 system-ui}.talent-node small{font:10px/1.6 system-ui}.talent-seal{font-size:25px;color:#bd9e5d}.clock-reading{display:flex;align-items:center;gap:30px}.clock-reading canvas{width:250px;height:250px}.clock-reading p{font-size:13px}.clock-sources{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.clock-sources>div{padding:12px;border:1px solid #4f563d;background:#132018}.clock-sources b{display:block;font-size:14px;font-weight:normal;color:#d0ba8c}.clock-sources span,.clock-sources small{display:block;font:11px system-ui;margin-top:5px}
.hidden-ui #clock-button,.hidden-ui #petition-button{opacity:0;pointer-events:none}.intro-card{width:min(560px,46vw)}.intro-card h1{font-size:43px}.intro-story{font-size:16px!important}.intro-caption{bottom:28vh}#modal-card{max-width:950px}#modal-content .panel-note{font-size:12px}.panel-footer button{font-size:13px}
#harbour-progress{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:300px;padding:12px;background:#17251bed;border:1px solid #8f7849;max-width:580px;text-align:center}#harbour-progress-text{display:block;font:12px/1.6 system-ui;margin-bottom:8px}#harbour-progress button{font-size:11px;padding:6px 10px}.passenger-manifest{border:1px solid #5b6243;padding:14px;margin:20px 0}.passenger-manifest summary{cursor:pointer;color:#cdb785}.household-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.household-list article{padding:12px;background:#122017}.household-list b{font-weight:normal;color:#d6c191}.household-list p{font:11px/1.65 system-ui}.household-list small{font:10px system-ui}
.mix-sliders{margin-top:22px;padding-top:18px;border-top:1px solid #5b6243}.mix-sliders label{margin:14px 0;font-size:13px}.mix-sliders input{min-width:80px}.mix-sliders .dynamic-range{justify-content:flex-start}.mix-sliders .dynamic-range input{flex:none;min-width:auto;accent-color:#aa8c52}
@media(max-height:790px) and (min-width:761px){#clock-button{top:295px;width:108px}#clock-button canvas{width:92px;height:92px}#clock-watch{font-size:10px}#order-message{left:150px;bottom:211px;width:260px}#objective{max-width:230px}.intro-card{padding:22px 27px}.intro-card h1{font-size:38px;margin:14px 0}.intro-card p{line-height:1.5}.intro-controls{padding:13px 0;margin:15px 0}.intro-actions{margin:16px 0 12px}.speed span{max-width:none;font-size:10px}.speed small{display:none}}
@media(max-width:1200px){#command-deck{grid-template-columns:1fr .7fr .72fr 1.2fr 1.1fr}#command-deck section{padding:11px 9px}nav button{font-size:11px;padding:8px}nav kbd{display:none}.speed small{display:none}.crew-state{gap:4px;font-size:9px}.response-order small{font-size:9px}#response-strip{gap:12px}.brand b{font-size:18px}}
@media(max-width:950px){#command-deck{grid-template-columns:1fr .8fr 1.25fr 1.1fr}.stores{display:none}.brand{max-width:190px}#topbar{gap:10px}#clock-button{top:275px;width:104px}#clock-button canvas{width:92px;height:92px}#machinery-panel{width:310px;right:12px}.policy-list>article{grid-template-columns:1fr}.passage-book{grid-template-columns:1fr 1fr}.legacy-folio{gap:8px}.clock-reading{gap:10px}.clock-reading canvas{width:200px;height:200px}}
@media(max-width:760px){#command-deck{height:200px;grid-template-columns:1fr 1fr 1.25fr}.duty-section{grid-column:1/4;display:flex;padding:4px 8px!important}.watch-presets{margin:0;flex:1}#command-deck .duty-section>#machinery-toggle{width:auto;margin:0}.duty-section .weapons{display:none}#response-strip{bottom:210px;overflow:hidden;justify-content:flex-start;gap:10px;padding:6px}.response-order:nth-child(n+2){display:none}#order-message{bottom:252px;max-width:260px}#interaction{bottom:253px}#machinery-panel{bottom:252px;top:83px;width:300px;padding:13px}#clock-button{top:90px;left:12px}#topbar{left:12px;right:12px}.brand b{font-size:13px}nav button{font-size:10px;padding:7px 5px}nav [data-action=log],nav [data-action=sound]{display:none}.helm-buttons button{font-size:10px;padding:3px 6px}.helm-section>#helm-status{font-size:9px}.helm{height:73px}.helm-ring{inset:5px 12px}.helm i{top:6px}.helm b{top:18px}.speed strong{font-size:23px}.speed span{font-size:9px}.sail-orders button{font-size:10px;padding:6px 2px}.intro-card{width:92vw}.intro-card h1{font-size:35px}#toast{bottom:250px}.project-grid,.legacy-folio{grid-template-columns:1fr}.legacy-folio>section{min-height:130px}.blank-folio{padding:10px}.clock-reading{display:block}.clock-reading canvas{display:block;margin:auto}.clock-sources{grid-template-columns:1fr}#petition-button{top:66px;font-size:10px;max-width:220px}#danger{top:66px}}