body.start-screen-open> :not(#startScreen):not(dialog):not(script):not(#fatal):not(#configWarning){visibility:hidden}
#startScreen{position:fixed;inset:0;z-index:30;background:#0b2530;color:#dfdfc8;overflow:auto;font-family:"Microsoft YaHei",sans-serif}
#startScreen[hidden]{display:none}
#startSea{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.start-content{position:relative;width:min(470px,43vw);margin:clamp(50px,10vh,110px) 0 90px max(6vw,32px)}
.start-mark{display:grid;place-items:center;width:52px;height:60px;border:1px solid #b8a16b;color:#dec48a;font:32px serif}
.start-eyebrow{font:11px Consolas,monospace;letter-spacing:4px;color:#d1b779;margin:30px 0 14px}
#startScreen h1{font-size:clamp(56px,6vw,88px);font-weight:400;letter-spacing:14px;line-height:1.2;margin:0;color:#e9dbb8}
#startScreen h1 span{display:block;font-size:22px;letter-spacing:10px;margin:15px 0 0;color:#b2cbbd}
.start-intro{font-size:14px;line-height:2.1;color:#a1b9b4;margin:28px 0 24px}
#startSummary{font-size:12px;color:#aac3b5;border-left:2px solid #9eac7e;padding-left:12px;line-height:1.8;margin-bottom:20px}
.start-actions{display:flex;flex-direction:column;gap:10px;max-width:340px}
.start-actions button{min-height:52px;text-align:left;font-size:15px;padding:14px 20px;border:1px solid #688a7a;background:#16373c;color:#d5e2ce;border-radius:4px}
.start-actions button:hover{background:#244a4b;border-color:#d3bf8c}
.start-actions button:focus-visible{outline:2px solid #fff0b1;outline-offset:4px}
.start-actions #startPrimary{background:#c5b67b;color:#10282d;border-color:#eddb9f;font-weight:700}
.start-actions #startPrimary:hover{background:#dfce92}
#startError{color:#f2b393;font-size:13px;line-height:1.7;max-width:400px}
.start-ship-caption{position:absolute;right:8vw;top:72%;text-align:right;border-right:2px solid #b9ad7a;padding-right:18px}
.start-ship-caption span,.start-ship-caption small{display:block;color:#94b1ad;font-size:11px;letter-spacing:1px}
.start-ship-caption strong{display:block;font-size:22px;font-weight:400;color:#d9d9ba;margin:8px 0}
#startScreen footer{position:fixed;bottom:24px;left:6vw;color:#739593;font-size:11px;letter-spacing:3px}
#startScreen footer span{margin:0 18px;color:#ad9a6a}
@media(max-width:759px){
 .start-content{width:auto;margin:30vh 24px 55px}.start-mark{display:none}.start-eyebrow{font-size:9px;letter-spacing:3px;margin-top:0}
 #startScreen h1{font-size:52px;letter-spacing:10px}#startScreen h1 span{font-size:17px;letter-spacing:8px;margin-top:9px}
 .start-intro{font-size:12px;margin:18px 0}.start-actions{max-width:none}.start-actions button{min-height:50px}
 #startSummary{font-size:11px;margin-bottom:16px}.start-ship-caption{top:22px;right:22px;padding-right:10px}.start-ship-caption strong{font-size:16px}
 .start-ship-caption span{font-size:9px}.start-ship-caption small{font-size:10px}#startScreen footer{position:relative;left:auto;bottom:auto;margin:0 24px 20px;font-size:10px;letter-spacing:1px}
 #startScreen footer span{margin:0 12px}
}
@media(max-height:640px) and (min-width:760px){.start-content{margin-top:24px;margin-bottom:55px}.start-mark{display:none}.start-eyebrow{margin-top:0}#startScreen h1{font-size:56px}.start-intro{margin:16px 0}.start-actions button{min-height:46px;padding:10px 18px}}