/* Water Margin palette: cinnabar banners, aged gold, ivory paper and warm ink. */
:root{--bg:#e9e0c9;--panel:rgba(255,248,228,.82);--text:#3c352a;--muted:#796e57;--gold:#a67b34;--gold-light:#795125;--aqua:#527d76;--line:#9b794a40;--live-panel:rgba(255,247,224,.82);--live-inset:rgba(247,232,193,.64);--live-edge:#ae885980;--red:#ac412e;--paper:#fff7e3;--ink:#3c352a}
html,body{background:var(--bg);color:var(--ink)}.sky{background:radial-gradient(ellipse at 50% 32%,#f5ebd1,transparent 62%),linear-gradient(140deg,#e5dcc0,#bdc8aa)}.sky:before{background:linear-gradient(170deg,#9aab8626,transparent 75%)}.sky:after{box-shadow:inset 0 0 120px #82744b1f}.hud{background:linear-gradient(#f6edd8e8,transparent)}.brand-mark{color:#a13e2b}.brand h1{color:#4c3524}.brand .eyebrow{color:#80693f}.version{color:#7a653d;border-color:#ab906064}.resource small,.resource i{color:#75654c}.resource b{color:#3f392b}.resource>span{color:#9e702e}.resource.crystal>span{color:#537e7b}.resource.life>span{color:#a54935}.chapter-num{color:#b3894f99;border-color:#ac8c5855}.chapter .eyebrow,.chapter p{color:#7a6b51}.chapter h2{color:#59412b}.wave-caption>span,.wave-caption i,.session-line,.next-enemy{color:#6b5b43}.wave-caption b{color:#914a31}.wave-track i{background:#9e8c6529}.wave-track i.done{background:#c8a45d}.wave-track i.active{background:#ac412e;box-shadow:0 0 7px #ac412e55}
.controls{background:rgba(255,247,224,.84);border-color:#ac8c5c77;box-shadow:0 8px 28px #6c4b2326;backdrop-filter:none}.temple-button small{color:#806d4c}.temple-button b{color:#4c3c27}.temple-button>span:first-child{color:#9c6a2c}.chevron{color:#967544}.utility button{color:#665137}.utility button:hover{background:#b9843020;color:#9d3e2c}.primary{background:linear-gradient(130deg,#c95a3c,#aa3c2a);border:1px solid #a13f2d;color:#fff5dd;box-shadow:inset 0 1px #fca47d77,0 3px 0 #7937275c;font-weight:700}.primary:hover:not(:disabled){background:linear-gradient(130deg,#d36643,#b94a30)}.secondary{background:#fbefd2b3;border:1px solid #b8956080;color:#6a5234}.secondary:hover{background:#f8e2b7}.danger{background:#bd493814;color:#a23c2c;border-color:#ad554a80}.wave-button small{color:#ffe6bc}.wave-button.combat{background:#e7d3a2;border-color:#bb9656;color:#70522c;box-shadow:none}.wave-button.combat small{color:#7a6139}.wave-button:disabled{opacity:.82}.text-button{color:#7c5c35}.text-button:hover{color:#a43d2b}
.field-hint{color:#665333;text-shadow:0 1px 3px #fff9}.field-hint svg{color:#a14b30}#toast{background:#fff4dcef;color:#62442d;border-color:#b78f50;box-shadow:0 5px 20px #5d401f25}.moment{background:linear-gradient(90deg,transparent,#fff0d1eb 22%,#fff0d1eb 78%,transparent);color:#a3422d;text-shadow:none}.moment small{color:#796037}.boss{background:#fff2d9ed;border-color:#b86c4e77}.boss b{color:#803a2d}.boss small{color:#9d4b3d}.boss>span{color:#84573e}.boss-track{background:#ab815027}.boss-track i{background:linear-gradient(90deg,#be6b3b,#a83b2d)}
#context{background:var(--live-panel);color:#433729;border-color:var(--live-edge);text-shadow:none;box-shadow:0 12px 35px #60432230;backdrop-filter:none}#context h3{color:#6c3e28}#context .panel-top>div>small,#context .unit-description,#context .cost-line,#context .panel-note,#context .stat-grid small,#context .unit-totals,#context .charge-top,#context .check-row{color:#776042}#context .stat-grid{background:#fffcf33d;border-color:#b8966030}#context .stat-grid b,#context .unit-totals b{color:#674728}#context .stat-grid>div{border-color:#bda06c33}#context .upgrade-preview{background:#f3dfab80;border-left-color:#bc8843;color:#755730}#context .upgrade-preview strong,#context .cost-line b,#context .promotion-title{color:#92552d}#context .build-card{background:#fffaf044;border-color:#bda16b66}#context .build-card:hover:not(:disabled){background:#ffecc6;border-color:#b67a36}#context .build-card strong{color:#67422a}#context .build-card small,#context .build-card b i{color:#816743}#context .build-card b{color:#9c4a2f}#context .portrait{border-color:#b7925d55;background:#fff7de66}#context .panel-close{color:#80623c}#context .temple-effects{color:#745735;border-color:#b88c45}#context .temple-steps span{border-color:#ab8b5c40;color:#9a8869}#context .temple-steps span.active{color:#a23d2a;background:#f6d8a6;border-color:#b67837}#context .temple-steps span.done{color:#547554}.level-stars{color:#a77932}.skill-button{color:#80512d;border-color:#b28d5266;background:#efdaad80}.charge-track{background:#b7985b33}.charge-track i{background:#ad4937;box-shadow:none}.resource-gap{color:#a74630!important}.synergy-note{font-size:12px;line-height:1.8;background:#f7e5bd8c;border-left:2px solid #c28f42;padding:8px 10px;color:#77502e;margin:10px 0}.synergy-note b{color:#a74630}.unit-tags{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 10px}.unit-tags span{font-size:11px;padding:3px 7px;border-radius:4px;color:#7a5634;background:#f0ddaf;border:1px solid #be9b5b55}.support-report{padding:12px;background:#f5e6c1;border-radius:7px;font-size:12px;line-height:1.8;margin-top:13px;color:#795a35}.support-report strong{color:#a3452c}.support-report p{margin:5px 0 0}.battle-intel{font-size:10px;color:#9e4b31;margin-top:5px;line-height:1.5}
#pause-cover{background:rgba(238,226,193,.20);text-shadow:0 1px 4px #fffc,0 0 10px #f5e6c7aa}#pause-cover>span{color:#a4452e}#pause-cover h2{color:#8e3d2b}#pause-cover p,#pause-cover .save-note,#pause-cover .local-save-note{color:#614b32}#pause-cover>.secondary{background:rgba(255,244,214,.9);color:#73502e;border-color:#bd965b}#pause-cover>#pause-plan{color:#953d2b;text-shadow:none}.pause-plan-tools,.map-zoom{background:rgba(255,244,215,.85);color:#7e4e2e;border-color:#b38d53;box-shadow:0 4px 15px #61441e22;text-shadow:none}.map-zoom button{color:#84542f;text-shadow:none}.map-zoom button:hover:not(:disabled){background:#caa25826}.pause-plan-tools button{background:#f2dfb3;color:#75512f;border-color:#b9985c}
#welcome,#help,#result,#confirm,#new-run-confirm,#post-preview{background:linear-gradient(120deg,rgba(255,249,232,.96),rgba(247,234,204,.94));color:#4b3a28;border-color:#b68a4c;box-shadow:0 17px 60px #66421f36}#help::backdrop,#confirm::backdrop,#result::backdrop,#post-preview::backdrop,dialog::backdrop{background:rgba(100,75,39,.12);backdrop-filter:none}#welcome::backdrop{background:rgba(230,221,192,.20);backdrop-filter:none}#welcome{width:490px;padding:24px;overflow:auto}.aux-heading{color:#8f6b3b}.aux-stamp{color:#9c4a2d;border-color:#bf985b77;background:#f8e6be}#welcome .aux-heading{margin-bottom:16px}#welcome h2,#help h2,#result h2,#post-preview h2,#confirm h2,#new-run-confirm h2{color:#8f3b28}#welcome .home-hero{position:relative;background:linear-gradient(120deg,#c0583d,#9d3b2c);padding:23px 24px;border-radius:8px;box-shadow:inset 0 0 0 1px #e3ab6c66;margin-bottom:20px;overflow:hidden}#welcome .home-hero:after{content:'梁山';position:absolute;right:10px;bottom:-12px;font:64px var(--serif);letter-spacing:3px;color:#f3d28c12;pointer-events:none}#welcome .home-hero h2{color:#ffe7b5;font:38px 'KaiTi',var(--serif);letter-spacing:5px;margin:0 0 9px}#welcome .home-hero .welcome-text{color:#ffedce;font-size:13px;margin:0;line-height:1.8;max-width:82%}.home-seal{position:absolute;right:22px;top:25px;border:1px solid #f1cf8b99;color:#ffe4ab;padding:5px 7px;font:25px 'KaiTi',var(--serif);transform:rotate(7deg);border-radius:2px}#welcome .campaign-facts{border:0;gap:9px;padding:0;margin:0 0 17px}#welcome .campaign-facts>div{border:1px solid #c5aa7570;background:#fff9e780;border-radius:7px;text-align:center;padding:12px 4px}#welcome .campaign-facts b{font-size:25px;color:#a54c30}#welcome .campaign-facts span{color:#8b714b;font-size:12px}#welcome .welcome-path{color:#8d7552;background:#eddeb71f;border-left:2px solid #c29b55;padding-left:11px;margin:17px 0}#welcome .welcome-path strong{color:#795230}#welcome .resume-card{background:#fff9e994;border-color:#c29f64;border-left:3px solid #bc5435;padding:15px;margin:17px 0 12px}#welcome .resume-card>span{color:#9d432c}#welcome .resume-card p{color:#7e6646;font-size:13px}#welcome.has-save .home-hero{margin-bottom:13px;padding-block:18px}#welcome.has-save .home-hero h2{font-size:33px}#welcome.has-save>#enter-button{background:#f7e9c9;color:#8b5a33;border-color:#b89b66;box-shadow:none;font-size:13px}#welcome .home-secondary{justify-content:center;margin-top:3px}#welcome .home-secondary button{color:#89704c;font-size:12px}#welcome .welcome-note{color:#95805e;font-size:11px;margin-top:7px;line-height:1.7}#welcome .home-guide-button{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 15px;margin-top:13px;border:1px solid #bf9a5c88;border-radius:7px;background:#f9e7bc;color:#84522f;text-align:left;min-height:62px}#welcome .home-guide-button strong{font-size:14px;font-weight:600;display:block}#welcome .home-guide-button small{display:block;color:#9a7945;font-size:11px;line-height:1.7;margin-top:3px}.home-guide-arrow{font-size:21px;color:#af5730}.has-guide-reminder{position:relative}#home-help.has-guide-reminder:after,#help-button.has-guide-reminder:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#e24031;box-shadow:0 0 0 2px #fff7e4;pointer-events:none}#home-help.has-guide-reminder:after{right:38px;top:14px}#help-button.has-guide-reminder:after{right:4px;top:4px}#help-button.has-guide-reminder{width:105px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #c66b4855;background:#f7dfae;border-radius:6px;color:#9d3c2c}#help-button.has-guide-reminder svg{margin:0;width:18px;height:18px;flex-shrink:0}.guide-label{font:12px var(--sans);white-space:nowrap}
#help .eyebrow,#result-kicker,#post-preview .eyebrow{color:#9e633a}#help .dialog-close{color:#907246}.tutorial-steps{grid-template-columns:repeat(5,1fr)}.tutorial-steps button{color:#89663c;border-color:#c1a47166;background:#fcf1d6}.tutorial-steps b{color:#a74c31}.tutorial-steps [aria-current=step]{color:#fff1ce;background:#b94f35;border-color:#a43e2a;box-shadow:inset 0 -2px #71372a}.tutorial-steps [aria-current=step] b{color:#ffe6ae}#tutorial-stage h3{color:#86502c}.tutorial-lead{color:#856c48}.tutorial-pair,.tutorial-wide{background:#eddfb780;border-color:#b99c6566}#tutorial-stage figcaption{color:#896c43}#tutorial-stage figcaption b{color:#ac4d31}.tutorial-arrow{color:#ad7037}.tutorial-tip{background:#f0dfb7;color:#81613b;border-color:#bd8b3f}.tutorial-tip>b{color:#9c4e2e}.tutorial-command figcaption{color:#9b5d31!important}.tutorial-roles{color:#967548}.tutorial-roles b{color:#9c4b30}.tutorial-flow{color:#915e34}.tutorial-flow i{color:#b98a42}.tutorial-actions>span,.tutorial-safety{color:#9d825a}.tutorial-target,.tutorial-command-target{border-color:#d34e32;box-shadow:0 0 0 4px #d34e3222}.combo-demo{display:grid;gap:12px;margin:15px 0}.combo-row{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;background:#f0dfb6;border:1px solid #c3a16177;border-radius:8px;padding:14px;text-align:center}.combo-person{display:grid;justify-items:center;gap:6px;color:#9a4d31;font-size:14px}.combo-person svg{width:40px;height:43px;stroke-width:1.6}.combo-person small{color:#927448;font-size:11px}.combo-row>span{color:#b68039;font-size:21px}
#result>p,#result .result-stats small,#result .damage-leaders h4,#result .ad-tip{color:#876c48}#result .leader{color:#795336}#result .leader>b,#result .result-stats b{color:#a1492e}#result .reward-line{background:#f0dba86b;color:#8e6c3f;border-color:#c1a06766}#result .reward-line b{color:#a4492f}#result-advice{background:#efdfb7;color:#826037}#result-advice b{color:#a44c30}.post-draft{background:#f2e1b8}.post-draft h3{color:#965032}.post-draft p{color:#826140}.post-note{color:#957b52}#post-preview .post-note[role=status]{color:#a14c31}#confirm p,#new-run-confirm p{color:#826442}#welcome,#help,#result,#post-preview,#context{scrollbar-color:#bfa46e #f2e5c8}
@media(max-width:600px){#welcome{padding:21px;max-width:calc(100vw - 24px)}#welcome .home-hero{padding:20px}#welcome .home-hero h2{font-size:33px}#welcome.has-save .home-hero h2{font-size:30px}#welcome .home-hero .welcome-text{font-size:12px}#welcome .home-seal{right:19px;top:23px}#welcome .campaign-facts b{font-size:23px}#welcome .campaign-facts span{font-size:11px}#welcome .resume-card p{font-size:12px}.tutorial-steps button{font-size:11px;padding:5px 3px;gap:3px}.battle-intel{font-size:9px}.unit-tags{gap:4px}.synergy-note{font-size:11px}.support-report{font-size:11px}.combo-row{padding:11px}.combo-person{font-size:13px}.combo-person small{font-size:10px}}
@media(max-width:350px){.utility{gap:10px}#help-button.has-guide-reminder{width:99px}}

.home-screen .hud,.home-screen .chapter,.home-screen .wave-overview,.home-screen .controls,.home-screen .field-hint{visibility:hidden}.home-screen #battlefield{opacity:.24}

@media(max-width:600px){.map-zoom,.pause-plan-tools{top:210px}}
#context button:disabled{opacity:.55}

#result .result-actions{position:sticky;bottom:-23px;display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin-top:14px;padding:12px 0 2px;background:#fff5df;box-shadow:0 -5px 12px #7855280d}#result .result-actions button{width:100%;min-height:46px;margin:0;font-size:14px;padding:9px}#result .result-stats b small{display:inline-block;font:12px var(--sans);margin:0 0 0 3px}