.mdo{--vellum:#efe6d0;--vellum-deep:#e6d9bb;--vellum-panel:#ece0c2;--ink:#241d12;--ink-soft:#574a33;--ink-faint:#8a7a58;--navy:#223a56;--navy-deep:#152838;--crimson:#7c1f22;--crimson-deep:#571416;--verdigris:#3f6552;--verdigris-deep:#274034;--brass:#a8863f;--rule:#c9b78c;--rule-soft:#d9cba6;--good:#3f6d3a;--warn:#9a6b1e;--bad:#8a2b20;background:var(--vellum);color:var(--ink);font-family:var(--font-sans);background-image:radial-gradient(#785f2d0d 1px,#0000 1px);background-size:4px 4px;min-height:100vh;padding-bottom:70px;font-size:17px;line-height:1.5}.mdo *{box-sizing:border-box}.mdo .wrap{max-width:1180px;margin:0 auto;padding:0 18px}.mdo .page{padding-top:14px}.mdo .label{font-variant:small-caps;letter-spacing:.09em;color:var(--ink-soft);font-weight:600}.mdo .label .hint,.mdo .label em{font-variant:normal;letter-spacing:0;color:var(--ink-faint);font-size:13.5px;font-style:italic;font-weight:400}.mdo h1,.mdo h2,.mdo h3{font-family:var(--font-display);margin:0;font-weight:400}.mdo header{border-bottom:2px solid var(--navy);background:var(--vellum-deep);background-image:linear-gradient(#ffffff40,#0000)}.mdo .masthead{flex-wrap:wrap;align-items:baseline;gap:8px 18px;max-width:1180px;margin:0 auto;padding:18px 18px 12px;display:flex}.mdo .masthead h1{color:var(--navy-deep);font-size:32px;line-height:1}.mdo .masthead .sub{color:var(--ink-soft);font-size:16px;font-style:italic}.mdo .spacer{flex:1}.mdo .tabs{gap:6px;display:flex}.mdo .tab{font-size:15px}.mdo .tab.on{background:var(--navy);color:var(--vellum)}.mdo button{font-family:var(--font-sans);cursor:pointer;border:1px solid var(--navy);background:var(--vellum);color:var(--navy-deep);font-variant:small-caps;letter-spacing:.05em;border-radius:2px;padding:5px 12px;font-size:15px;transition:all .12s}.mdo button:hover{background:var(--navy);color:var(--vellum)}.mdo button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.mdo button.ghost{border-color:var(--rule);color:var(--ink-soft)}.mdo button.ghost:hover{background:var(--rule-soft);color:var(--ink)}.mdo .toggle{border:1px solid var(--crimson);color:var(--crimson);font-variant:small-caps;letter-spacing:.05em;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.mdo .toggle input{accent-color:var(--crimson);width:16px;height:16px}.mdo .toggle.on{background:var(--crimson);color:var(--vellum)}.mdo .toolbar{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;max-width:1180px;margin:0 auto;padding:12px 18px;display:flex}.mdo .round{font-variant:small-caps;letter-spacing:.06em;color:var(--navy-deep);align-items:center;gap:8px;display:flex}.mdo .round b{text-align:center;min-width:26px;font-size:24px}.mdo .lede{max-width:760px;color:var(--ink-soft);margin:16px 0 4px;font-size:18px}.mdo .range-track{background:var(--navy-deep);color:var(--vellum);border-radius:3px;margin:16px 0 4px;padding:12px 14px}.mdo .range-track .label{color:#d8c9a2}.mdo .rt-note{color:#a9b8ca;font-size:14px;font-style:italic}.mdo .bands{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mdo .band{text-align:center;color:#b9c6d6;font-variant:small-caps;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #3a5470;border-radius:2px;flex:1;min-width:110px;padding:8px 6px}.mdo .band small{font-variant:normal;letter-spacing:0;color:#8ea2b8;margin-top:2px;font-size:12.5px;font-style:italic;display:block}.mdo .band:hover{border-color:var(--brass)}.mdo .band.active{background:var(--brass);border-color:var(--brass);color:var(--navy-deep);font-weight:600}.mdo .band.active small{color:var(--navy-deep)}.mdo .grid{grid-template-columns:1fr 340px;gap:18px;margin-top:18px;display:grid}@media (width<=900px){.mdo .grid{grid-template-columns:1fr}}.mdo .fleet{flex-direction:column;gap:16px;display:flex}.mdo .ship{border:1px solid var(--rule);border-top:3px solid var(--navy);background:var(--vellum-panel);border-radius:3px}.mdo .ship.foe{border-top-color:var(--crimson)}.mdo .ship.ally{border-top-color:var(--verdigris)}.mdo .ship-head{border-bottom:1px solid var(--rule-soft);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:12px 14px 8px;display:flex}.mdo .ship-head h2{color:var(--navy-deep);font-size:24px}.mdo .ship.foe .ship-head h2{color:var(--crimson-deep)}.mdo .ship.ally .ship-head h2{color:var(--verdigris-deep)}.mdo .ship-head .meta{color:var(--ink-soft);font-size:14.5px;font-style:italic}.mdo .side-tag{font-variant:small-caps;letter-spacing:.06em;border:1px solid;border-radius:2px;padding:1px 8px;font-size:13px}.mdo .side-tag.own{color:var(--navy);border-color:var(--navy)}.mdo .side-tag.foe{color:var(--crimson);border-color:var(--crimson)}.mdo .side-tag.ally{color:var(--verdigris);border-color:var(--verdigris)}.mdo .x{color:var(--ink-faint);background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.mdo .x:hover{color:var(--bad);background:0 0}.mdo .ship-body{padding:12px 14px}.mdo .clocks{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=520px){.mdo .clocks{grid-template-columns:1fr}}.mdo .clock .label{justify-content:space-between;align-items:baseline;font-size:14.5px;display:flex}.mdo .clock .cap{color:var(--ink-faint);font-variant:normal;letter-spacing:0;font-size:12.5px;font-style:italic}.mdo .pips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.mdo .pip{border:1.5px solid var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;width:20px;height:20px;padding:0}.mdo .pip:hover{border-color:var(--navy)}.mdo .pip.on{background:var(--ink-soft);border-color:var(--ink-soft)}.mdo .clock.hull .pip.on{background:var(--navy);border-color:var(--navy)}.mdo .clock.lift .pip.on{background:#3a6a86;border-color:#3a6a86}.mdo .clock.crew .pip.on{background:#6b5330;border-color:#6b5330}.mdo .clock.eter .pip.on{background:#5a7d3a;border-color:#5a7d3a}.mdo .clock.morale .pip.on{background:#8a6a2a;border-color:#8a6a2a}.mdo .clock.fort .pip.on{background:var(--brass);border-color:var(--brass)}.mdo .pip.danger.on{background:var(--bad)!important;border-color:var(--bad)!important}.mdo .readout{margin-top:6px;font-size:14.5px}.mdo .readout .state{font-variant:small-caps;letter-spacing:.05em;font-weight:600}.mdo .readout.good .state{color:var(--good)}.mdo .readout.warn .state{color:var(--warn)}.mdo .readout.bad .state{color:var(--bad)}.mdo .readout p{margin:2px 0 0}.mdo .subnote{border-left:3px solid var(--crimson);color:var(--crimson-deep);background:#7c1f220f;margin-top:5px;padding:7px 9px;font-size:14px;font-style:italic}.mdo .subnote .label{color:var(--crimson);margin-bottom:1px;font-size:12px;font-style:normal;display:block}.mdo .sections{flex-direction:column;gap:7px;margin-top:2px;display:flex}.mdo .sec{flex-direction:column;gap:2px;display:flex}.mdo .sec-nm{font-variant:small-caps;letter-spacing:.03em;color:var(--ink-soft);align-items:baseline;gap:7px;font-size:13.5px;display:flex}.mdo .arc{letter-spacing:.03em;border:1px solid;border-radius:2px;padding:0 6px;font-size:10.5px}.mdo .arc.hard{color:var(--navy);border-color:var(--navy);background:#223a560f}.mdo .arc.soft{color:var(--bad);border-color:var(--bad);background:#8a2b200f}.mdo .clock.lift .sec .pip.on{background:#3a6a86;border-color:#3a6a86}.mdo .dormant{border:1px dashed var(--rule);color:var(--ink-faint);border-radius:2px;margin-top:4px;padding:7px 9px;font-size:14px;font-style:italic}.mdo .dormant b{color:var(--ink-soft);font-variant:small-caps;letter-spacing:.03em;font-style:normal}.mdo .strip{border-top:1px solid var(--rule-soft);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}.mdo .station{flex-direction:column;align-items:center;gap:3px;display:flex}.mdo .station .nm{font-variant:small-caps;letter-spacing:.04em;color:var(--ink-soft);font-size:13px}.mdo .st-btn{border:1px solid var(--rule);background:var(--vellum);color:var(--ink-soft);font-variant:small-caps;letter-spacing:.04em;border-radius:2px;min-width:74px;padding:2px 9px;font-size:12.5px}.mdo .st-btn.manned{border-color:var(--good);color:var(--good)}.mdo .st-btn.suppressed{border-color:var(--warn);color:var(--warn);background:#9a6b1e14}.mdo .st-btn.down{border-color:var(--bad);color:var(--bad);background:#8a2b2014}.mdo .arms{border-top:1px solid var(--rule-soft);margin-top:12px;padding-top:10px;font-size:14.5px}.mdo .arms .sm{font-size:13px}.mdo .arms .sm em{font-variant:normal;letter-spacing:0;color:var(--ink-faint);font-style:italic}.mdo .arms select{margin-left:6px}.mdo .arms .row{align-items:baseline;gap:8px;margin:3px 0;display:flex}.mdo .bear{font-variant:small-caps;letter-spacing:.04em;border:1px solid;border-radius:2px;padding:0 7px;font-size:12.5px}.mdo .bear.yes{color:var(--good);border-color:var(--good)}.mdo .bear.no{color:var(--ink-faint);border-color:var(--rule)}.mdo .gun{color:var(--ink-soft)}.mdo .sig{color:var(--ink-soft);margin-top:10px;font-size:14.5px;font-style:italic}.mdo .sig .label{color:var(--navy);font-size:12.5px;font-style:normal;display:block}.mdo .apply-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.mdo .apply-row .sm{font-size:12.5px}.mdo .apply-row button{padding:3px 9px;font-size:13.5px}.mdo aside{flex-direction:column;gap:16px;display:flex}.mdo .panel{border:1px solid var(--rule);background:var(--vellum-panel);border-radius:3px}.mdo .panel.ref{border-top:3px solid var(--crimson);background:linear-gradient(#7c1f220d,#0000)}.mdo .panel h3{color:var(--navy-deep);padding:10px 14px 0;font-size:19px}.mdo .panel.ref h3{color:var(--crimson-deep)}.mdo .panel .dim{color:var(--ink-faint);font-size:13px;font-style:italic}.mdo .panel .inner{padding:8px 14px 14px}.mdo .sit-clock{border-top:1px dotted var(--rule);margin:10px 0;padding-top:8px}.mdo .sit-clock:first-child{border-top:none;padding-top:0}.mdo .sit-clock .top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.mdo .sit-clock .nm{font-variant:small-caps;letter-spacing:.04em;font-size:15px}.mdo .sit-clock .full{color:var(--bad);font-size:13px;font-style:italic}.mdo .add-clock{gap:6px;margin-top:10px;display:flex}.mdo input[type=text],.mdo input[type=number],.mdo select,.mdo textarea{font-family:var(--font-sans);border:1px solid var(--rule);background:var(--vellum);color:var(--ink);border-radius:2px;width:100%;padding:5px 8px;font-size:15px}.mdo .add-clock input[type=text]{flex:1;min-width:0}.mdo .add-clock input[type=number]{width:56px}.mdo .dice{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mdo .die{border:2px solid var(--navy);width:46px;height:46px;color:var(--navy-deep);background:var(--vellum);border-radius:6px;place-items:center;font-size:26px;display:grid}.mdo .roll-out{font-variant:small-caps;letter-spacing:.05em}.mdo .roll-out .band-name{font-size:20px}.mdo .band-name.good{color:var(--good)}.mdo .band-name.warn{color:var(--warn)}.mdo .band-name.bad{color:var(--bad)}.mdo .flag{color:var(--crimson);border-left:3px solid var(--crimson);background:#7c1f220d;margin-top:8px;padding:6px 9px;font-size:12.5px;font-style:italic}.mdo .log{max-height:220px;font-size:14px;overflow:auto}.mdo .log .e{border-bottom:1px dotted var(--rule-soft);color:var(--ink-soft);padding:3px 0}.mdo .log .e b{color:var(--ink);font-variant:small-caps;letter-spacing:.03em}.mdo .empty{color:var(--ink-faint);font-size:14.5px;font-style:italic}.mdo .build-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;display:grid}@media (width<=820px){.mdo .build-grid{grid-template-columns:1fr}}.mdo .form .inner{padding:14px}.mdo .field{margin:10px 0}.mdo .field .label{margin-bottom:3px;display:block}.mdo .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mdo .chk{font-variant:small-caps;letter-spacing:.04em;color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;margin:12px 0;display:flex}.mdo .chk input{accent-color:var(--navy);width:16px;height:16px}.mdo .preview{border-top:3px solid var(--brass)}.mdo .preview h3{color:var(--navy-deep);padding:12px 16px 0;font-size:24px}.mdo .vmeta{color:var(--ink-soft);margin:2px 0 12px;font-style:italic}.mdo .scaletag{font-variant:small-caps;letter-spacing:.05em;border:1px solid var(--brass);color:var(--brass);border-radius:2px;padding:0 7px;font-size:13px;font-style:normal}.mdo .derived{flex-direction:column;gap:8px;display:flex}.mdo .drow{border-bottom:1px dotted var(--rule-soft);grid-template-columns:auto 78px 1fr;align-items:baseline;gap:10px;padding-bottom:7px;display:grid}.mdo .drow .dk{font-variant:small-caps;letter-spacing:.04em;color:var(--navy-deep);font-weight:600}.mdo .drow .dv{color:var(--ink);font-size:20px}.mdo .drow .dwhy{color:var(--ink-faint);font-size:14px;font-style:italic}.mdo .secnote{border-left:3px solid var(--brass);color:var(--ink-soft);background:#a8863f14;margin-top:12px;padding:8px 10px;font-size:14px;font-style:italic}.mdo .secnote b{font-style:normal}.mdo .vbtns{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mdo .bridge{background:#00000008;border:1px solid #00000024;border-radius:8px;margin-top:14px;padding:12px}.mdo .bridge-stations{flex-wrap:wrap;gap:10px;margin:8px 0 4px;display:flex}.mdo .bstation{flex-direction:column;gap:4px;min-width:120px;display:flex}.mdo .bstation .nm{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:.72rem}.mdo .bst{text-align:left}.mdo .bst.on{outline:2px solid}.mdo .bridge-action{flex-direction:column;gap:8px;margin-top:10px;display:flex}.mdo .brow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mdo .bpreview{margin:0;font-weight:600}.mdo .bmath{margin:0;font-size:.78rem}.mdo .herotag{font-variant:small-caps;letter-spacing:.05em;border:1px solid var(--gold,var(--brass));color:var(--gold,var(--brass));border-radius:2px;margin-left:8px;padding:0 7px;font-size:12px;font-style:normal}.mdo button.on{background:var(--navy);border-color:var(--navy-deep);color:var(--vellum)}.mdo .picker{margin-top:14px}.mdo .picker .label{margin:10px 0 6px;display:block}.mdo .pick-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.mdo button.pick{text-align:left;border:1px solid var(--rule);background:var(--vellum);color:var(--ink);border-radius:2px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.mdo button.pick:hover{background:var(--rule-soft)}.mdo .pk-nm{font-variant:small-caps;letter-spacing:.04em;font-weight:600}.mdo .pk-meta{color:var(--ink-soft);font-size:13.5px;font-style:italic}.mdo .my-fleet{border-top:1px solid var(--rule-soft);margin-top:16px;padding-top:12px}.mdo .fleet-list{margin:6px 0 0;padding:0;list-style:none}.mdo .fleet-list li{border-bottom:1px dotted var(--rule);align-items:baseline;gap:8px;padding:5px 0;display:flex}.mdo .fl-nm{font-variant:small-caps;letter-spacing:.04em;font-weight:600}.mdo .fl-meta{color:var(--ink-soft);flex:1;font-size:13.5px;font-style:italic}.mdo .calm-note{color:var(--ink-soft);margin:8px 0 0;font-size:13.5px;font-style:italic}.ship-body .clock-note{font-family:var(--font-sans);opacity:.62;margin:0 0 .6rem;font-size:.82rem;font-style:italic;line-height:1.45}.mdo .mdo-flash-live{pointer-events:none;z-index:40;justify-content:center;display:flex;position:fixed;bottom:18px;left:0;right:0}.mdo .mdo-flash{pointer-events:none;font-family:var(--font-sans);letter-spacing:.04em;color:var(--ink);background:var(--paper,#fdf6e3);border:1px solid var(--rule);padding:.5rem .85rem;font-size:.82rem;animation:.18s ease-out mdo-flash-in;box-shadow:0 6px 18px #1e2a4724}@keyframes mdo-flash-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}