/* Cosmetic brand preview only. This stylesheet does not replace world art. */
:root{--accent:#f1b452;--paper:#fff4d8;--line:#809f8460}
.title-screen{background:#132226;color:#fff4dc}
.title-screen .title-art{inset:0 0 25% 0;background-size:cover;background-position:58% 5%;filter:saturate(1.08) brightness(.9);opacity:1}
.title-screen:before{background:linear-gradient(90deg,#132226fc 0%,#132226ec 25%,#13222644 67%,transparent),linear-gradient(0deg,#132226 8%,#132226da 32%,transparent 65%)}
.title-screen .title-grain{opacity:.04}
.title-screen .title-top{top:calc(23px + var(--safe-top));left:5%;right:5%;color:#efe2c7;gap:18px}
.title-screen .brandmark{border:2px solid #eed18f;border-radius:9px;padding:3px 10px;font-size:25px;background:#152c27}
.title-screen .version-chip{background:#132226c9;border:1px solid #b9aa80;border-radius:20px;padding:7px 12px;color:#ffe8b2}
.title-screen .title-copy{left:6%;top:115px!important;transform:none!important;width:430px;max-height:calc(100svh - 190px);overflow:auto;padding:0 10px 20px 0!important;scrollbar-width:thin;scrollbar-color:#98815a transparent}
.title-screen .title-copy .eyebrow{letter-spacing:2px;color:#eab256;margin-bottom:15px;font-size:10px}
.title-screen .title-copy .end-days-logo{font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:112px!important;line-height:1.15;font-weight:1000;letter-spacing:5px;color:#fff0cb;text-shadow:4px 6px 0 #101b22,0 0 38px #ffb44425;margin:0}
.title-screen .end-days-logo .end-days-english{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.4;letter-spacing:.4px;font-weight:700;color:#ffd37c;text-shadow:0 2px 4px #101b22}
.title-screen .title-sub{letter-spacing:2px;font-size:16px;margin-top:18px;color:#f0e0c4}
.title-screen .title-desc{color:#a9c1b1;font-size:12px;margin-top:13px;line-height:1.75}
.title-screen .title-actions{width:100%;margin-top:22px;gap:11px}
.title-screen .title-actions .btn{border-radius:10px;min-height:51px;border:2px solid #15201f;box-shadow:0 4px 0 #071614;font-size:15px;padding:12px 18px;transition:transform .1s,filter .1s}
.title-screen .title-actions .btn.primary{color:#243421;background:linear-gradient(#fbd483,#e3a63e);font-weight:800}
.title-screen .title-actions .btn.outline{color:#eef2d2;background:#37513f;border-color:#83936b}
.title-screen .btn:hover{filter:brightness(1.08)}
.title-screen .btn:active{transform:translateY(2px)}
.title-screen .difficulty-control{margin-top:14px}
.title-screen .difficulty-control select{border-radius:7px;background:#172d29;color:#e8e0c2;border-color:#6b806b}
.title-screen .title-links{flex-wrap:wrap;line-height:1.8;color:#d1cfaf;gap:6px;margin-top:13px}
.title-screen .title-links a{color:#e3bf79;text-decoration:none}
.art-preview-warning{padding:11px 13px;margin-top:17px;background:#412d26dc;border:1px solid #d9935966;border-left:3px solid #e8ac60;border-radius:7px;font-size:11px;line-height:1.7;max-width:100%}
.art-preview-warning b{display:block;color:#ffdc9e;margin-bottom:3px}
.art-preview-warning span{color:#e2c7b5;display:block}
.art-preview-warning a{color:#b6e5cb;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:3px}
.title-screen .title-features{margin-top:16px;gap:12px;color:#c8d5b3}
.title-screen .title-features span:not(:last-child){padding-right:12px}
.title-screen .bo-title-launch{position:static;width:100%;min-width:0;max-width:100%;margin-top:15px;padding:12px 16px;border-radius:8px;background:#1c3a35;border-color:#638778}
.title-screen .nw-title-telemetry{display:none}
.title-screen .cover-caption{bottom:16%;right:6%;color:#ffe6af;max-width:40vw;text-align:right}
.title-screen .title-footer{color:#b0bba6;left:5%;right:5%;border-top-color:#d9c38b42}
.loading-screen{background:radial-gradient(ellipse at 50% 40%,#314c3b,#101d25)}
.loading-title{font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;color:#ffe2a8;letter-spacing:5px}
.loading-title span{font-family:Georgia,serif;letter-spacing:.5px;font-size:18px;color:#aecaac}
#modal .modal-panel{border-radius:12px;border-color:#87936a77}
#modal .modal-header{background:linear-gradient(90deg,#264236,#19312e)}
#modal .btn.primary{background:#cfab62;color:#16251c}
#hud .vitals-card,#hud .time-card,#hud .mission-card,#hud .mini-card{border-radius:9px}
#hud .vitals-card{border-top-color:#ead292}
@media(min-width:1500px){.title-screen .title-copy{left:8%;width:450px}.title-screen .title-copy .end-days-logo{font-size:124px!important}}
@media(max-width:900px){.title-screen .title-copy{left:5%;width:390px}.title-screen .cover-caption{display:none}.title-screen .title-top>span:nth-child(2){font-size:8px;letter-spacing:1px}}
@media(max-width:600px){
 .title-screen .title-art{inset:0 0 40% 0;background-position:49% top;opacity:.78}
 .title-screen:before{background:linear-gradient(0deg,#132226 23%,#132226be 60%,#132226aa),linear-gradient(90deg,#13222696,transparent)}
 .title-screen .title-copy{left:6%;top:90px!important;width:88%;max-height:calc(100svh - 165px);padding:0 4px 20px 0!important}
 .title-screen .title-copy .end-days-logo{font-size:76px!important;line-height:1.12;letter-spacing:4px}
 .title-screen .end-days-logo .end-days-english{font-size:20px}
 .title-screen .title-copy .eyebrow{font-size:8px;margin-bottom:10px}
 .title-screen .title-sub{font-size:13px;letter-spacing:1px;margin-top:12px}
 .title-screen .title-desc{font-size:11px;margin-top:9px!important}
 .title-screen .title-actions{margin-top:17px;gap:9px}
 .title-screen .title-actions .btn{min-height:48px;height:auto;font-size:14px}
 .title-screen .title-top{top:calc(16px + var(--safe-top));gap:10px;left:6%;right:6%}
 .title-screen .title-top>span:nth-child(2){display:none}
 .title-screen .version-chip{font-size:8px;padding:6px 8px;letter-spacing:.5px}
 .title-screen .brandmark{font-size:22px}
 .title-screen .title-features{font-size:9px;margin-top:12px;gap:10px}
 .title-screen .title-features span:not(:last-child){padding-right:10px}
 .art-preview-warning{font-size:10px;padding:9px 11px;margin-top:12px}
 .title-screen .title-footer{font-size:7px;bottom:calc(15px + var(--safe-bottom));padding-top:9px}
 .title-screen .title-footer>span:last-child{display:none}
}
@media(max-height:550px) and (orientation:landscape){
 .title-screen .title-copy{top:74px!important;left:5%;width:45%;max-height:calc(100svh - 119px);padding:0 8px 20px 0!important}
 .title-screen .title-copy .end-days-logo{font-size:64px!important}
 .title-screen .end-days-logo .end-days-english{font-size:18px}
 .title-screen .title-sub{font-size:11px;margin-top:10px}
 .title-screen .title-desc{display:none}
 .title-screen .title-actions{margin-top:13px}
 .title-screen .title-actions .btn{min-height:44px;height:auto;padding:9px 14px;font-size:13px}
 .title-screen .title-art{inset:0 0 0 24%;background-position:52% top}
 .title-screen .title-footer{bottom:10px;font-size:7px;padding-top:7px}
 .title-screen .title-top{top:12px}
}
@media(prefers-reduced-motion:reduce){.title-screen .btn{transition:none}}