.mh-game{--ink:#354f58;--muted:#738c8d;--cream:#f4edd8;--sea:#547b86;position:relative;isolation:isolate;max-width:740px;margin:auto;background:#e6ece5;border:1px solid #bfcfc6;border-radius:15px;overflow:hidden;font-family:inherit;font-size:14px;color:var(--ink)}.mh-game *{box-sizing:border-box}.mh-game button{font:inherit;line-height:1.2;min-height:40px;border:1px solid #a9bfb8;border-radius:8px;background:#f7f0dc;color:var(--ink);padding:6px 11px;cursor:pointer;touch-action:manipulation}.mh-game button:hover:not(:disabled){background:#fffae8;border-color:#8f9e8d}.mh-game button:focus-visible{outline:3px solid #bd9459;outline-offset:-3px}.mh-game button:disabled{opacity:.42;cursor:default}.mh-game button[aria-pressed=true],.mh-game .mh-selected{background:#527b80;color:#fff4d8;border-color:#3e666d}.mh-hud{display:flex;align-items:center;gap:10px;min-height:63px;padding:7px 12px;background:#f2edda;border-bottom:1px solid #b9ccc4}.mh-hud .mh-day{padding:0;flex:1;text-align:start;border:0;background:transparent;min-width:0}.mh-day strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mh-day small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.mh-resources{display:grid;grid-template-columns:auto auto;gap:4px 15px;font-size:12px;font-variant-numeric:tabular-nums}.mh-resources b{color:#9b7d45}.mh-pause{min-width:40px;padding:6px!important}.mh-tabs{display:flex;gap:5px;padding:7px 10px 0;background:#e0e8df}.mh-tabs button{flex:1;border-radius:8px 8px 0 0;border-bottom:0;min-width:0;font-size:12px;padding:6px 5px}.mh-content{padding:12px;min-height:330px;max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#e8ede4}.mh-content>section[hidden]{display:none!important}.mh-map{position:relative;width:100%;aspect-ratio:680/420;background:#cbdcdb;border:1px solid #a9c3c3;border-radius:11px;overflow:hidden;direction:ltr}.mh-chart{display:block;width:100%;height:100%}.mh-route-lines path{fill:none;stroke:#8caab0;stroke-width:1.6;stroke-dasharray:5 5}.mh-route-lines path.mh-route-selected{stroke:#ba945c;stroke-width:4;stroke-dasharray:none}.mh-game .mh-port{position:absolute;transform:translate(-50%,-50%);border:1px solid #91aaa4;background:#f1ecd4f2;border-radius:50%;width:40px;height:40px;min-height:40px;padding:0;z-index:2;box-shadow:0 2px 3px #496d7220}.mh-port b{font-size:20px;font-weight:400}.mh-port span{position:absolute;top:36px;left:50%;transform:translateX(-50%);min-width:74px;max-width:90px;padding:2px 3px;font-size:10px;line-height:1.1;color:#385f63;background:#e8ecdaed;border-radius:4px;pointer-events:none}.mh-game .mh-port.mh-current{border:2px solid #b28c4d;background:#f6e3af}.mh-game .mh-port.mh-target{outline:2px solid #638986;outline-offset:2px}.mh-port.mh-visited b{color:#587c6b}.mh-vessel{position:absolute;width:46px;height:43px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.mh-vessel svg{width:100%;height:100%;display:block}.mh-route-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 7px;min-height:22px}.mh-route-head strong{font-size:14px}.mh-route-head small{font-size:11px;color:#64858a;white-space:nowrap}.mh-sailing-modes{display:flex;gap:6px}.mh-sailing-modes button{flex:1;font-size:12px;min-width:0}.mh-leg{display:flex;gap:13px;align-items:center;margin-top:9px;font-size:12px}.mh-leg b{color:#927b4f}.mh-risk{font-size:11px;color:#8e7b5b;margin:5px 0 8px}.mh-telegraph{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #c2d0c1;padding-top:7px;font-size:11px;line-height:1.5}.mh-note{font-size:10px;color:#7e9590;line-height:1.5;margin:7px 0 0}.mh-market-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mh-market-head strong{font-size:14px}.mh-market-head>div{display:flex;gap:5px}.mh-market-head button{font-size:11px;min-width:42px}.mh-market-rows{display:grid;gap:6px}.mh-market-rows article{display:flex;align-items:center;gap:8px;min-height:52px;padding:5px 8px;border:1px solid #c4d0bd;border-radius:9px;background:#faf2dc}.mh-market-rows svg{width:39px;height:39px;flex-shrink:0}.mh-market-rows article>div{flex:1;min-width:0}.mh-market-rows strong{font-size:13px}.mh-market-rows small{font-size:10px;display:block;color:#7e927b;margin-top:3px}.mh-market-rows article>b{font-size:12px;min-width:25px;color:#987f4e;font-variant-numeric:tabular-nums}.mh-market-rows button{min-width:95px;font-size:12px;padding:5px 8px;white-space:nowrap}.mh-market-rows .mh-sell{background:#e0e9d8;border-color:#aec2a4}.mh-contract-list{display:grid;gap:8px}.mh-contract{display:flex;gap:9px;align-items:center;min-height:93px;background:#f7efda;border:1px solid #c6bea1;border-radius:10px;padding:9px}.mh-contract svg{width:48px;height:48px;flex-shrink:0}.mh-contract>div:not(.mh-contract-price){flex:1;min-width:0}.mh-contract strong{font-size:13px;display:block}.mh-contract small{font-size:10px;display:block;color:#789087;margin-top:4px;line-height:1.4}.mh-contract [data-contract-due]{font-size:10px;color:#a0885c;display:block;margin-top:4px}.mh-contract-price{text-align:center;min-width:91px}.mh-contract-price b{font-size:14px;color:#9b804b}.mh-contract-price small{font-size:9px;margin:2px 0 5px}.mh-contract-price button{width:100%;font-size:11px;min-height:40px}.mh-active-contract{border-color:#709899;box-shadow:inset 3px 0 #709899}.mh-service{display:flex;gap:8px;margin-bottom:10px}.mh-service button{flex:1;font-size:12px}.mh-upgrades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mh-upgrades article{display:flex;align-items:center;gap:8px;border:1px solid #bbccbc;border-radius:9px;background:#e2e9d8;padding:8px}.mh-equipment{width:33px;font-size:28px;color:#809883;text-align:center;flex-shrink:0}.mh-upgrades article>div{flex:1;min-width:0}.mh-upgrades strong{font-size:12px;display:block}.mh-upgrades small{font-size:10px;line-height:1.4;display:block;color:#7a907b;margin:4px 0}.mh-upgrades [data-level]{font-size:10px;color:#83917a}.mh-upgrades button{font-size:11px;min-width:66px;padding:5px 8px}.mh-recovery{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:11px;border:1px solid #c9b995;border-radius:9px;background:#eee4ca}.mh-recovery strong{font-size:13px;color:#897344}.mh-recovery button{font-size:11px}.mh-recovery p{grid-column:1/-1;font-size:10px;line-height:1.5;color:#8d825e;margin:4px 0}.mh-recovery [data-action=rescue],.mh-recovery [data-action=work]{grid-column:1/-1;justify-self:start}.mh-status{font-size:11px;line-height:1.4;color:#947b4e;min-height:26px;background:#e1e7dc;border-block:1px solid #bfcebf;margin:0;padding:5px 12px}.mh-footer{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f6eed8}.mh-footer .mh-save{flex:1;min-width:0;border:0;background:transparent;text-align:start;padding:4px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.mh-game .mh-primary{background:#527d81;color:#fff6df;border-color:#41686e;font-weight:700}.mh-footer>.mh-primary{min-width:190px;max-width:70%;min-height:43px;font-size:13px;padding:7px 13px;overflow-wrap:anywhere}.mh-layer[hidden]{display:none}.mh-layer{position:absolute;inset:0;z-index:6;display:flex;justify-content:center;align-items:center;padding:15px;background:#294b53b8;backdrop-filter:blur(3px)}.mh-panel{width:min(100%,445px);max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#f6eed8;border:1px solid #bda77b;border-radius:14px;padding:22px;box-shadow:0 15px 35px #233f4730;outline:none}.mh-panel h2{font-size:23px;line-height:1.2;color:#456d73;margin:0 0 14px}.mh-panel p{font-size:12px;line-height:1.5;color:#7c8c79;margin:9px 0 13px}.mh-panel>small{display:block;margin-top:15px;font-size:10px;color:#8a9782;overflow-wrap:anywhere}.mh-panel-actions{display:flex;gap:8px;margin-top:12px}.mh-panel-actions button{flex:1;font-size:12px;min-height:42px}.mh-panel>.mh-primary{width:100%;min-height:42px}.mh-panel .mh-text{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:11px;margin-top:8px}.mh-goals{list-style:none;margin:12px 0;padding:0}.mh-goals li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d0d2b9;padding:9px 0;font-size:12px;line-height:1.4}.mh-goals b{color:#9a8050;white-space:nowrap}.mh-goals .mh-done,.mh-goals .mh-done b{color:#5c8059}.mh-score{display:flex;justify-content:space-between;align-items:center;padding:13px;background:#e0e7cf;border-radius:9px;color:#7b8b65;font-size:13px}.mh-score b{font-size:27px;color:#9d824d}@media(min-width:750px){[data-pane=map]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 16px;align-content:center;min-height:300px}.mh-map{grid-column:1;grid-row:1/8;align-self:center}.mh-route-head,.mh-sailing-modes,.mh-leg,.mh-risk,.mh-telegraph,[data-pane=map]>.mh-note{grid-column:2}.mh-route-head{display:block;margin-top:0}.mh-route-head small{display:block;margin-top:5px}.mh-sailing-modes{flex-direction:column}.mh-leg{font-size:11px;gap:8px;flex-wrap:wrap}.mh-telegraph{display:block}.mh-telegraph span{display:block;margin-top:3px}.mh-content{max-height:400px}}@media(max-width:600px){.mh-game{border-radius:10px}.mh-hud{padding:6px 8px;gap:7px;min-height:60px}.mh-day strong{font-size:12px}.mh-day small{font-size:9px;margin-top:3px}.mh-resources{font-size:11px;gap:4px 10px}.mh-pause{min-width:40px}.mh-tabs{gap:4px;padding:6px 7px 0}.mh-tabs button{font-size:11px;padding:6px 3px;min-height:40px}.mh-content{padding:8px;min-height:320px;max-height:440px}.mh-route-head{margin-top:7px;margin-bottom:5px}.mh-route-head strong{font-size:12px}.mh-route-head small{font-size:10px}.mh-sailing-modes{gap:5px}.mh-sailing-modes button{font-size:11px;padding:5px;min-height:40px}.mh-leg{font-size:10px;gap:9px;margin-top:7px}.mh-risk{font-size:10px;margin:4px 0 6px}.mh-telegraph{font-size:10px;gap:8px;padding-top:5px}.mh-note{font-size:9px;line-height:1.4;margin-top:6px}.mh-map{border-radius:9px}.mh-port span{font-size:9px;min-width:66px;max-width:79px;padding:2px}.mh-vessel{width:39px;height:36px}.mh-market-head{margin-bottom:6px}.mh-market-head strong{font-size:12px}.mh-market-head button{font-size:11px;min-width:40px}.mh-market-rows{gap:5px}.mh-market-rows article{padding:4px 5px;gap:4px;min-height:49px}.mh-market-rows svg{width:29px;height:32px}.mh-market-rows strong{font-size:11px}.mh-market-rows small{font-size:8px;margin-top:3px}.mh-market-rows article>b{font-size:10px;min-width:19px}.mh-market-rows button{font-size:10px;min-width:70px;padding:5px 5px;min-height:40px}.mh-contract{padding:7px;gap:6px;min-height:92px}.mh-contract svg{width:34px;height:38px}.mh-contract strong{font-size:12px}.mh-contract small,.mh-contract [data-contract-due]{font-size:9px}.mh-contract-price{min-width:75px}.mh-contract-price b{font-size:12px}.mh-contract-price small{font-size:8px}.mh-contract-price button{font-size:10px}.mh-service{gap:6px;margin-bottom:8px}.mh-service button{font-size:10px;padding:5px}.mh-upgrades{grid-template-columns:1fr;gap:6px}.mh-upgrades article{padding:7px;gap:8px}.mh-upgrades strong{font-size:11px}.mh-upgrades small{font-size:9px;margin-block:3px}.mh-upgrades button{font-size:10px;min-width:63px;min-height:40px}.mh-upgrades [data-level]{font-size:9px}.mh-recovery{padding:9px;margin-top:8px}.mh-recovery strong{font-size:11px}.mh-recovery button{font-size:10px}.mh-recovery p{font-size:9px}.mh-status{font-size:10px;padding:5px 8px;min-height:25px}.mh-footer{padding:6px 8px;gap:8px}.mh-footer .mh-save{font-size:10px}.mh-footer>.mh-primary{font-size:11px;min-width:150px;min-height:43px;padding:6px 9px}.mh-panel{padding:18px}.mh-panel h2{font-size:20px;margin-bottom:12px}.mh-panel p{font-size:11px}.mh-panel-actions{gap:6px}.mh-panel-actions button{font-size:11px;padding:6px 8px;overflow-wrap:anywhere}.mh-goals li{font-size:11px;padding:8px 0}}@media(prefers-reduced-motion:reduce){.mh-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}