/* Auxiliary surfaces only. Battlefield, camera and permanent combat HUD stay intact. */
#welcome,#help,#result,#confirm,#new-run-confirm,#post-preview{background:#1c2c24;border:1px solid #8f7b505c;border-radius:14px;text-align:left;box-shadow:0 24px 90px #0009;padding:28px;max-height:calc(100dvh - 28px);overflow:auto}
#welcome{width:480px}#help{width:520px}#result{width:480px}#post-preview{width:500px}
.aux-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--gold);font-size:12px;letter-spacing:1px;margin-bottom:22px}
.aux-stamp{color:#bac6b6;border:1px solid var(--line);padding:4px 8px;border-radius:4px;font-size:12px;letter-spacing:0}
#welcome h2,#help h2,#result h2,#post-preview h2{font:30px var(--serif);letter-spacing:2px;margin:0 0 12px;color:var(--gold-light)}
#welcome .welcome-text{font-size:14px;line-height:1.9;color:#c3cdbf;margin:0 0 20px}#welcome .welcome-emblem,#welcome .welcome-kicker,#welcome>.eyebrow{display:none}
.campaign-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:18px 0;padding:15px 0;gap:10px}.campaign-facts b{display:block;font:23px Georgia,var(--serif);color:var(--gold-light);margin-bottom:5px}.campaign-facts span{font-size:12px;color:#bec9b9}
.welcome-path{font-size:13px;color:#b6c4b0;line-height:1.8;margin:18px 0}.welcome-path strong{color:#e9dfc8;font-weight:500}
#welcome .resume-card{background:#14221b;border:1px solid #8f7b5066;border-left:3px solid var(--gold);border-radius:7px;padding:17px;margin:18px 0 12px}#welcome .resume-card>span{font:16px var(--serif);color:var(--gold-light);letter-spacing:1px}#welcome .resume-card p{font-size:13px;color:#c4cfbe;line-height:1.8;margin:10px 0 14px}
#welcome.has-save .campaign-facts{display:none}#welcome.has-save h2{font-size:28px}#welcome.has-save .welcome-text{font-size:13px}#welcome.has-save .welcome-path{display:none}
#welcome>.primary,#welcome .resume-card .primary{font-size:15px;min-height:48px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}
.home-secondary{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:9px}.home-secondary button{font-size:13px;min-height:44px;padding:8px 0;color:#d4c6a8}
#welcome .welcome-note{font-size:12px;line-height:1.8;color:#aaba9f;margin-top:15px;letter-spacing:0}
#help .eyebrow,#post-preview .eyebrow{font:12px var(--sans);letter-spacing:1px;margin-bottom:12px}#help ol{margin:22px 0 12px}#help li{display:block;padding:0 0 18px 31px}#help li b{display:block;font-size:15px;margin-bottom:6px;color:var(--gold-light)}#help li span{font-size:13px;color:#c0ccba;line-height:1.85}#help .help-note{font-size:12px;line-height:1.8;color:#b7c6ad;background:#14221b;padding:13px;border-radius:6px}
#context{background:#1d2d25f5;border-color:#a68d5c66;border-radius:10px}#context h3{font-size:21px}#context .panel-top>div>small{font-size:12px;color:#bbc9b2}#context .stat-grid small{font-size:12px;color:#bdc9b5}#context .stat-grid b{font-size:21px}#context .unit-description{font-size:13px;line-height:1.8;color:#ccd4c4}#context .cost-line{font-size:13px;line-height:1.7;flex-wrap:wrap;gap:5px}#context .panel-note{font-size:12px;line-height:1.8;color:#b8c7ad}#context .temple-effects{font-size:13px;line-height:1.9}#context .temple-steps{font-size:12px}#context .unit-totals{font-size:12px;gap:8px;flex-wrap:wrap}#context .charge-top,#context .check-row{font-size:12px}
#context .build-card strong{font-size:14px}#context .build-card small{font-size:12px;color:#c0cbb7}#context .build-card b i{font-size:12px}#context .build-card{min-height:104px}#context .promotion-title{font-size:14px;color:var(--gold-light)}
.upgrade-preview{background:#14221b;border-left:2px solid #a58e5d;padding:11px 12px;margin:13px 0;font-size:13px;line-height:1.9;color:#c8d3be}.upgrade-preview strong{color:var(--gold-light);font-weight:500}.upgrade-preview span{display:block}.resource-gap{margin:8px 0;color:#ddba86;font-size:12px;line-height:1.7}
#pause-cover{background:#101c17d4;backdrop-filter:blur(4px);text-align:center;padding:18px}#pause-cover h2{font-size:29px;color:var(--gold-light);letter-spacing:3px}#pause-cover p{font-size:14px;line-height:1.8;margin:14px 0 16px}#pause-cover .save-note{font-size:13px;color:#bdcfad}#pause-cover .local-save-note{font-size:12px;line-height:1.7}#pause-cover>.primary,#pause-cover>.secondary{font-size:14px;width:min(260px,90vw);min-height:48px}
#result .result-emblem{width:42px;height:42px;margin:0 0 15px}#result-kicker{font:12px var(--sans);letter-spacing:1px}#result>p{font-size:13px;line-height:1.85;color:#c0ccb8}#result .result-stats{margin:20px 0;padding:18px 0}#result .result-stats small{font-size:12px}#result .result-stats b{font-size:27px}#result .damage-leaders h4{font-size:13px;letter-spacing:1px}#result .leader{font-size:14px;margin:12px 0}#result .leader>b{font-size:15px}#result .reward-line{font-size:13px;justify-content:flex-start;padding:13px 15px}#result .reward-line b{margin-left:auto}#result .ad-button{font-size:14px;min-height:48px}#result .ad-tip{font-size:12px;line-height:1.8;text-align:center;margin-top:9px}
.result-advice{font-size:13px;line-height:1.85;color:#c9d2be;padding:13px 15px;background:#14221b;border-radius:6px;margin:16px 0}.result-advice b{color:var(--gold-light);font-weight:500}.result-share{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:13px;min-height:48px;font-size:14px}.result-share svg{width:19px;height:19px}#result>.primary{font-size:15px;min-height:48px}#result>.text-button{font-size:13px;width:100%;min-height:44px}
#confirm p,#new-run-confirm p{font-size:14px;line-height:1.8}#confirm h2,#new-run-confirm h2{font-size:24px}#confirm button,#new-run-confirm button{min-height:46px;font-size:14px}
.post-draft{background:#14221b;padding:17px;border-radius:7px;margin:18px 0}.post-draft h3{font-size:16px;line-height:1.7;margin:0 0 12px;color:var(--gold-light)}.post-draft p{white-space:pre-wrap;font-size:13px;line-height:1.85;color:#c6d2bd;margin:0}.post-note{font-size:12px;line-height:1.8;color:#b6c5aa}#post-preview .dialog-actions{margin-top:18px}#post-preview button{min-height:48px;font-size:14px}#post-preview .post-note[role=status]{color:#ddbd85}
@media(max-width:600px){#welcome,#help,#result,#post-preview{padding:23px;max-width:calc(100vw - 26px)}#welcome h2,#help h2,#result h2,#post-preview h2{font-size:26px}.aux-heading{margin-bottom:18px}.campaign-facts{padding:13px 0;margin:16px 0}.campaign-facts b{font-size:22px}#welcome .welcome-text{font-size:13px}#context{max-height:55dvh;padding:17px}#context .build-list,#context .promotion-list{gap:7px}#context .build-card{padding:11px 5px}#context .build-card small{font-size:11px}#context .build-card b i{font-size:11px}#context .unit-description{font-size:12px}#context .stat-grid small{font-size:11px}#context .stat-grid b{font-size:19px}#context .panel-note{font-size:12px}#context .panel-buttons>button{min-height:44px}#context .temple-steps{font-size:11px}.post-draft{padding:14px}#result .result-stats b{font-size:24px}}

#welcome,#help,#result,#post-preview,#context{scrollbar-width:thin;scrollbar-color:#69745e #17251f}#welcome::-webkit-scrollbar,#help::-webkit-scrollbar,#result::-webkit-scrollbar,#post-preview::-webkit-scrollbar,#context::-webkit-scrollbar{width:5px}#welcome::-webkit-scrollbar-thumb,#help::-webkit-scrollbar-thumb,#result::-webkit-scrollbar-thumb,#post-preview::-webkit-scrollbar-thumb,#context::-webkit-scrollbar-thumb{background:#69745e;border-radius:5px}

/* L23: local report copy, with readable native selection in embedded WebViews. */
#post-preview .post-copy-label{display:block;margin:12px 0 7px;font-size:12px;color:#476f81}
#post-preview #post-content{display:block;box-sizing:border-box;width:100%;height:clamp(120px,30dvh,260px);resize:none;overflow:auto;white-space:pre-wrap;border:1px solid #8cb6c2;border-radius:6px;background:#f5fbfd;color:#294f60;padding:12px;font:14px/1.7 var(--sans);text-align:left;user-select:text;-webkit-user-select:text;touch-action:auto}
#post-preview #post-content:focus{outline:2px solid #279ca5;outline-offset:2px}
#post-preview #post-status{min-height:40px;margin:10px 0 0}
@media(max-height:600px){#post-preview{padding:16px!important}#post-preview h2{margin-bottom:8px;font-size:23px}#post-preview .post-copy-label{margin-top:8px}#post-preview #post-content{height:120px}#post-preview .dialog-actions{margin-top:8px}}