/* ============================================================
   近现代史兵棋推演 · 题库驱动的手动回合界面
   ============================================================ */
body[data-view="redmap"]{overflow:hidden;background:#10191e}
body[data-view="redmap"] main{height:100vh;overflow:hidden}
.grand-war{
  --ink:#eef0e9;--muted:#9aa8a8;--panel:#17242b;--panel-2:#1d2d35;
  --bronze:#c6a56c;--bronze-2:#826b45;--line:rgba(215,193,151,.18);
  height:100vh;min-height:660px;overflow:hidden;color:var(--ink);background:#10191e;
  display:grid;grid-template-rows:72px minmax(0,1fr) 72px;
  font-family:"PingFang SC","Helvetica Neue",Arial,sans-serif
}
#view>.grand-war{animation:none!important;transform:none!important;filter:none!important}
.gw-header{display:flex;align-items:center;gap:15px;padding:0 24px;border-bottom:1px solid var(--line);background:#132027}
.gw-back{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:18px}
.gw-back:hover{border-color:var(--bronze);color:var(--bronze)}
.gw-title{display:grid;gap:2px}.gw-title span,.gw-panel-label{font-size:9px;font-weight:800;letter-spacing:.2em;color:var(--bronze)}
.gw-title h1{font:600 21px/1.1 "Songti SC","STSong",serif;letter-spacing:.04em}
.gw-range{margin-left:auto;display:flex;align-items:baseline;gap:10px}.gw-range b{font:italic 700 22px Georgia,serif;color:var(--bronze)}.gw-range span{font-size:11px;color:var(--muted)}
.gw-layout{min-height:0;display:grid;grid-template-columns:190px minmax(420px,1fr) minmax(360px,430px)}
.gw-factions{min-height:0;overflow-y:auto;padding:18px 12px;border-right:1px solid var(--line);background:#121e24}
.gw-panel-label{padding:0 8px 11px}
.gw-faction{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:9px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#19272e}
.gw-faction:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:var(--faction)}
.gw-faction.lead{border-color:color-mix(in srgb,var(--faction) 50%,transparent);background:#203039}
.gw-avatar{width:54px;height:54px;border:1px solid rgba(232,205,153,.36);border-radius:50%;background-image:url("../img/war-game/faction-portraits-grid.png");background-repeat:no-repeat;background-size:300% 300%;box-shadow:0 4px 14px rgba(0,0,0,.32)}
.gw-avatar.portrait-0{background-position:0 0}.gw-avatar.portrait-1{background-position:50% 0}.gw-avatar.portrait-2{background-position:100% 0}
.gw-avatar.portrait-3{background-position:0 50%}.gw-avatar.portrait-4{background-position:50% 50%}.gw-avatar.portrait-5{background-position:100% 50%}
.gw-avatar.portrait-6{background-position:0 100%}.gw-avatar.portrait-7{background-position:50% 100%}.gw-avatar.portrait-8{background-position:100% 100%}
.gw-faction>div:last-child{min-width:0}.gw-faction span{display:block;font-size:8px;letter-spacing:.12em;color:var(--faction)}.gw-faction b{display:block;margin-top:2px;font-size:13px}.gw-faction p{margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gw-rule{margin:17px 5px 0;padding:13px;border-top:1px solid var(--line)}.gw-rule i{font-style:normal;font-size:9px;letter-spacing:.15em;color:var(--bronze)}.gw-rule p{margin-top:7px;font-size:10px;line-height:1.65;color:#879595}
.gw-board{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:54px minmax(0,1fr) 50px auto 64px;background:#142128;overflow:hidden}
.gw-board:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px}
.gw-board-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}
.gw-board-top>div:first-child{display:grid;gap:3px}.gw-board-top span{font-size:9px;letter-spacing:.16em;color:var(--bronze)}.gw-board-top b{font-size:12px;font-weight:600}
.gw-map-key{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.gw-map-key i,.gw-map-key em{width:12px;height:8px;border:1px solid #e0bd7d;background:#8a6a3c}.gw-map-key em{width:8px;height:8px;border-radius:50%;background:#efc87e}
.gw-map{position:relative;z-index:1;min-height:300px;width:100%;height:100%}
.gw-map-player{position:relative;z-index:3;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:10px;padding:7px 18px;background:#101c22;border-top:1px solid var(--line)}
.gw-map-player>button{height:34px;border:1px solid rgba(224,189,125,.46);border-radius:7px;background:#293a3f;color:#f1d49d;font-size:10px;font-weight:800}
.gw-map-player>button:hover{background:#344a4f}
#wgBeatDots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
#wgBeatDots button{min-width:0;height:34px;display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#17272e;color:#748486;text-align:left}
#wgBeatDots button i{width:19px;height:19px;display:grid;place-items:center;border:1px solid #52636a;border-radius:50%;font:8px Georgia,serif}
#wgBeatDots button span{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
#wgBeatDots button.on{border-color:rgba(224,189,125,.55);background:#394335;color:#fff2d4}#wgBeatDots button.on i{background:var(--bronze);border-color:var(--bronze);color:#142027}
#wgBeatDots button.passed i{background:#406a5b;color:#fff;border-color:#5d9480}
.gw-map-caption{position:relative;z-index:2;display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;margin:0 18px;padding:8px 11px;border-left:2px solid var(--bronze-2);background:rgba(9,19,24,.68);color:#879797;font-size:10px;line-height:1.5}.gw-map-caption span{color:var(--bronze);font-size:8px}.gw-map-caption b{color:#dce4df;font-size:9px}
.gw-turn-rail{position:relative;z-index:3;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--line);background:#132027}
.gw-rail-arrow{height:34px;border:1px solid var(--line);border-radius:8px;background:#19282f;color:var(--bronze);font-size:20px}
.gw-turn-scroll{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.gw-turn-scroll::-webkit-scrollbar{display:none}
.gw-turn-scroll button{flex:0 0 42px;height:42px;display:grid;place-items:center;align-content:center;gap:2px;border:0;border-radius:8px;background:transparent;color:#738183}
.gw-turn-scroll button i{width:21px;height:21px;display:grid;place-items:center;border:1px solid #53646a;border-radius:50%;font:8px Georgia,serif}
.gw-turn-scroll button span{font-size:8px}.gw-turn-scroll button.passed{color:#a4b0ae}.gw-turn-scroll button.passed i{background:#355a4e;border-color:#5b917d;color:#fff}.gw-turn-scroll button.current{background:#263740;color:#f5dfb4}.gw-turn-scroll button.current i{background:var(--bronze);border-color:var(--bronze);color:#172026;box-shadow:0 0 0 4px rgba(198,165,108,.12)}
.gw-dossier{min-height:0;overflow-y:auto;padding:21px 22px 28px;border-left:1px solid var(--line);background:#17242b;scrollbar-color:#516268 transparent;scrollbar-width:thin}
.gw-dossier-head{display:flex;align-items:center;justify-content:space-between}.gw-dossier-head>div{display:grid;gap:2px}.gw-dossier-head span{font-size:8px;letter-spacing:.18em;color:var(--muted)}.gw-dossier-head b{font:italic 700 18px Georgia,serif;color:var(--bronze)}
.gw-dossier-head em{padding:5px 8px;border:1px solid rgba(118,190,157,.35);border-radius:99px;color:#8ed3b4;background:rgba(72,132,105,.12);font-style:normal;font-size:9px}.gw-dossier-head em.linked{border-color:rgba(198,165,108,.35);color:#d2b987;background:rgba(198,165,108,.08)}
.gw-dossier h2{margin:14px 0 9px;font:600 25px/1.25 "Songti SC","STSong",serif;color:#fff;letter-spacing:.01em}
.gw-comic{margin-top:12px}.gw-comic-art{position:relative;width:100%;aspect-ratio:6/5;overflow:hidden;border:1px solid rgba(223,192,135,.28);border-radius:9px;background-image:url("../img/war-game/history-comic-atlas.png");background-repeat:no-repeat;background-size:500% 400%;box-shadow:inset 0 0 40px rgba(0,0,0,.12)}
.gw-comic-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(10,18,21,.6),transparent 35%)}
.gw-comic-art>span{position:absolute;z-index:2;left:10px;bottom:8px;padding:4px 6px;background:rgba(13,25,29,.78);border-left:2px solid var(--bronze);color:#dfd3bc;font-size:8px;letter-spacing:.12em}
.gw-comic-art.comic-0,.gw-comic-art.comic-5,.gw-comic-art.comic-10,.gw-comic-art.comic-15{background-position-x:0}
.gw-comic-art.comic-1,.gw-comic-art.comic-6,.gw-comic-art.comic-11,.gw-comic-art.comic-16{background-position-x:25%}
.gw-comic-art.comic-2,.gw-comic-art.comic-7,.gw-comic-art.comic-12,.gw-comic-art.comic-17{background-position-x:50%}
.gw-comic-art.comic-3,.gw-comic-art.comic-8,.gw-comic-art.comic-13,.gw-comic-art.comic-18{background-position-x:75%}
.gw-comic-art.comic-4,.gw-comic-art.comic-9,.gw-comic-art.comic-14,.gw-comic-art.comic-19{background-position-x:100%}
.gw-comic-art.comic-0,.gw-comic-art.comic-1,.gw-comic-art.comic-2,.gw-comic-art.comic-3,.gw-comic-art.comic-4{background-position-y:0}
.gw-comic-art.comic-5,.gw-comic-art.comic-6,.gw-comic-art.comic-7,.gw-comic-art.comic-8,.gw-comic-art.comic-9{background-position-y:33.333%}
.gw-comic-art.comic-10,.gw-comic-art.comic-11,.gw-comic-art.comic-12,.gw-comic-art.comic-13,.gw-comic-art.comic-14{background-position-y:66.666%}
.gw-comic-art.comic-15,.gw-comic-art.comic-16,.gw-comic-art.comic-17,.gw-comic-art.comic-18,.gw-comic-art.comic-19{background-position-y:100%}
.gw-comic-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}
.gw-comic-sequence button{position:relative;min-width:0;min-height:104px;padding:9px 7px 8px 27px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#111e24;color:#93a09e;text-align:left}
.gw-comic-sequence button:before{content:"";position:absolute;left:18px;top:31px;bottom:-9px;width:1px;background:#3b4a4d}.gw-comic-sequence button:last-child:before{display:none}
.gw-comic-sequence i{position:absolute;left:7px;top:8px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #59696d;border-radius:50%;font:7px Georgia,serif;font-style:normal}
.gw-comic-sequence span{display:block;overflow:hidden;color:#cbd2cf;font-size:9px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.gw-comic-sequence p{display:-webkit-box;margin-top:5px;overflow:hidden;color:#7f8d8d;font-size:8px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.gw-comic-sequence button.on{border-color:rgba(224,189,125,.55);background:#293733;box-shadow:inset 0 0 0 1px rgba(224,189,125,.08)}.gw-comic-sequence button.on i{background:var(--bronze);border-color:var(--bronze);color:#142027}.gw-comic-sequence button.on span{color:#f7e5bf}.gw-comic-sequence button.on p{color:#bdc8c2}
.gw-situation{margin-top:10px;font-size:11px;line-height:1.72;color:#aab7b3}.gw-situation b{display:block;margin-bottom:3px;color:var(--bronze);font-size:9px;letter-spacing:.08em}
.gw-causal{display:grid;grid-template-columns:1fr 14px 1fr;gap:7px;align-items:stretch;margin-top:16px}.gw-causal section{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#1c2b32}.gw-causal>i{align-self:center;color:var(--bronze);font-style:normal}.gw-causal span,.gw-exam>span,.gw-memory span,.gw-explanation>span,.gw-answer span{display:block;margin-bottom:5px;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--bronze)}.gw-causal p{font-size:10px;line-height:1.6;color:#9eabaa}
.gw-exam{margin-top:9px;padding:12px 13px;border-left:2px solid #78aa94;background:#1b2c31}.gw-exam p{font-size:11px;line-height:1.7;color:#c8d4ce}
.gw-memory{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.gw-memory>div{padding:10px;border-radius:9px;background:#111e24}.gw-memory p{font-size:10px;line-height:1.55;color:#9ba8a7}.gw-memory>div:first-child span{color:#e29976}
.gw-quiz-slot{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.gw-quiz-slot.nudge{animation:gwNudge .35s ease}
@keyframes gwNudge{0%,100%{transform:none}30%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
.gw-quiz-loading,.gw-quiz-empty{min-height:90px;display:grid;place-items:center;align-content:center;gap:8px;padding:15px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center;font-size:11px}
.gw-quiz-loading i{width:20px;height:20px;border:2px solid #42545a;border-top-color:var(--bronze);border-radius:50%;animation:gwSpin .8s linear infinite}@keyframes gwSpin{to{transform:rotate(360deg)}}
.gw-quiz-empty b{color:#d7dfda}.gw-quiz-empty span{font-size:10px}.gw-quiz-empty button{padding:8px 11px;border:0;border-radius:7px;background:var(--bronze);color:#142027;font-weight:800}
.gw-question-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.gw-question-head span{font-size:9px;font-weight:800;letter-spacing:.12em;color:#87c7aa}.gw-question-head em{font-style:normal;font-size:9px;color:var(--muted)}
.gw-question h3{margin:10px 0 11px;font-size:14px;line-height:1.62;color:#f4f2ea}
.gw-options{display:grid;gap:6px}.gw-option{width:100%;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:8px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1b2b32;color:#c9d1cd;text-align:left;font:11px/1.5 inherit}.gw-option:hover,.gw-option.selected{border-color:var(--bronze);background:#263940;color:#fff}.gw-option i{width:22px;height:22px;display:grid;place-items:center;border:1px solid #506168;border-radius:50%;color:var(--bronze);font:9px Georgia,serif}.gw-option.selected i{background:var(--bronze);color:#142027}
.gw-submit{width:100%;margin-top:8px;padding:10px;border:0;border-radius:8px;background:var(--bronze);color:#142027;font-weight:800}.gw-submit:disabled{opacity:.35}
.gw-question-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.gw-question-tools span{font-size:8px;color:#718185}.gw-question-tools button{border:0;background:transparent;color:var(--bronze);font-size:9px}
.gw-feedback{display:grid;gap:10px}.gw-feedback-title{display:flex;gap:10px;align-items:center}.gw-feedback-title>i,.gw-turn-cleared>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#477663;color:#fff;font-style:normal;font-weight:900}.gw-feedback.wrong .gw-feedback-title>i{background:#a75a45}.gw-feedback-title div{display:grid;gap:2px}.gw-feedback-title b{font-size:13px}.gw-feedback-title span{font-size:9px;color:var(--muted)}
.gw-answer,.gw-explanation{padding:10px;border-radius:8px;background:#111e24}.gw-answer b{font-size:11px;color:#f2d6a0}.gw-explanation p{max-height:140px;overflow-y:auto;white-space:pre-line;font-size:10px;line-height:1.65;color:#aeb9b6}
.gw-feedback-next{padding:10px;border:0;border-radius:8px;background:var(--bronze);color:#142027;font-weight:800}
.gw-turn-cleared{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(93,151,125,.3);border-radius:10px;background:rgba(69,117,95,.1)}.gw-turn-cleared div{display:grid;gap:2px}.gw-turn-cleared b{font-size:12px}.gw-turn-cleared span{font-size:9px;color:var(--muted)}
.gw-command{display:grid;grid-template-columns:260px minmax(80px,1fr) 88px minmax(200px,270px);align-items:center;gap:15px;padding:0 22px;border-top:1px solid var(--line);background:#111d23}
.gw-progress-copy{display:grid;gap:4px}.gw-progress-copy span{font-size:9px;letter-spacing:.14em;color:var(--bronze)}.gw-progress-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9c3c0}
.gw-progress{height:3px;background:#2a3b42}.gw-progress i{display:block;height:100%;background:var(--bronze);transition:width .5s ease}
.gw-command button{height:38px;border-radius:8px;font-weight:800}.gw-prev{border:1px solid var(--line);background:transparent;color:#bdc6c3}.gw-next{border:0;background:var(--bronze);color:#142027}.gw-next.locked{border:1px solid rgba(222,185,116,.42);background:#26383d;color:#ebce95;cursor:pointer}.gw-next.locked:hover{background:#34483f;border-color:#e1bd78}

@media(max-width:1180px){
  .gw-layout{grid-template-columns:150px minmax(360px,1fr) minmax(330px,390px)}
  .gw-faction{grid-template-columns:44px 1fr}.gw-avatar{width:44px;height:44px}
  .gw-faction p{font-size:9px}.gw-dossier{padding-left:17px;padding-right:17px}
}
@media(max-width:920px){
  body[data-view="redmap"]{overflow:auto}body[data-view="redmap"] main{height:auto;overflow:visible}
  .grand-war{height:auto;min-height:100svh;display:block;padding-bottom:72px}
  .gw-header{height:62px;padding:0 14px}.gw-title h1{font-size:17px}.gw-range b{font-size:15px}.gw-range span{display:none}
  .gw-layout{display:flex;flex-direction:column}.gw-factions{order:3;display:block;overflow-x:auto;padding:9px 12px;border:0;border-bottom:1px solid var(--line);white-space:nowrap}
  .gw-panel-label,.gw-rule{display:none}.gw-factions>div{display:flex;gap:7px}.gw-faction{display:inline-grid;grid-template-columns:36px auto;min-width:132px;margin:0;padding:6px}.gw-avatar{width:36px;height:36px}.gw-faction p{max-width:90px}
  .gw-board{order:1;height:58svh;min-height:470px;grid-template-rows:46px minmax(0,1fr) 48px auto 58px}.gw-map{min-height:220px}.gw-board-top{padding:0 12px}.gw-map-key{display:none}
  .gw-map-player{grid-template-columns:114px 1fr;padding:6px 10px}.gw-map-player>button{font-size:9px}#wgBeatDots button{grid-template-columns:18px 1fr;padding:4px}#wgBeatDots button i{width:17px;height:17px}#wgBeatDots button span{font-size:8px}
  .gw-dossier{order:2;overflow:visible;border:0;padding:20px 16px 28px}.gw-dossier h2{font-size:24px}
  .gw-command{position:fixed;z-index:30;left:0;right:0;bottom:0;height:66px;grid-template-columns:1fr 74px minmax(190px,1.4fr);gap:8px;padding:0 10px}.gw-progress,.gw-progress-copy b{display:none}.gw-progress-copy{min-width:0}.gw-command button{height:42px}.gw-next{font-size:11px}
}
@media(max-width:560px){
  .gw-title span{font-size:7px}.gw-title h1{font-size:15px}.gw-range{display:none}
  .gw-board{height:58svh;min-height:470px}.gw-map-caption{grid-template-columns:auto 1fr;margin:0 10px;font-size:9px}.gw-map-caption b{display:none}.gw-turn-rail{padding-left:7px;padding-right:7px}
  .gw-comic-sequence{overflow-x:auto;grid-template-columns:repeat(3,minmax(118px,1fr));padding-bottom:3px}.gw-comic-sequence button{min-height:94px}
  .gw-causal,.gw-memory{grid-template-columns:1fr}.gw-causal>i{display:none}
  .gw-command{grid-template-columns:42px minmax(0,1fr)}.gw-progress-copy{display:none}.gw-prev{font-size:0}.gw-prev:after{content:"‹";font-size:20px}
}

/* ============================================================
   单焦点推演舞台：取消固定右栏，叙事与题目全部进入地图
   ============================================================ */
.gw-layout{position:relative;display:block;min-height:0}
.gw-board{width:100%;height:100%;grid-template-rows:54px minmax(0,1fr) 50px 64px}
.gw-map{grid-row:2}
.gw-map-player{grid-row:3}
.gw-turn-rail{grid-row:4}

.gw-factions{
  position:absolute;z-index:8;top:66px;left:auto;right:18px;
  width:auto;max-width:72%;padding:0;border:0;background:transparent;
  overflow:visible;white-space:normal
}
.gw-factions>span{display:block;margin:0 0 6px 3px;color:#d2b477;font-size:8px;font-weight:800;letter-spacing:.15em;text-shadow:0 2px 7px #0b151a}
.gw-factions>div{display:flex;gap:7px}
.gw-faction{
  width:166px;grid-template-columns:40px minmax(0,1fr);gap:8px;
  margin:0;padding:6px 8px;border-color:rgba(224,199,151,.2);
  background:rgba(15,29,35,.82);backdrop-filter:blur(12px);
  box-shadow:0 8px 22px rgba(0,0,0,.22)
}
.gw-faction .gw-avatar{width:40px;height:40px}.gw-faction p{font-size:8px}

.gw-story-layer{
  position:absolute;z-index:7;left:18px;top:66px;bottom:auto;
  width:min(680px,63%);pointer-events:none
}
.gw-story-card{
  display:grid;grid-template-columns:154px minmax(0,1fr);gap:13px;
  padding:11px;border:1px solid rgba(223,195,140,.28);border-radius:13px;
  background:rgba(13,26,32,.86);backdrop-filter:blur(18px) saturate(115%);
  box-shadow:0 18px 44px rgba(0,0,0,.32);pointer-events:auto
}
.gw-story-card.beat-enter .gw-story-copy{animation:gwStoryIn .48s cubic-bezier(.2,.8,.2,1)}
@keyframes gwStoryIn{from{opacity:.2;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.gw-story-comic{width:154px;height:128px;aspect-ratio:auto;border-radius:8px}
.gw-story-comic:after{background:linear-gradient(0deg,rgba(8,17,21,.82),transparent 48%)}
.gw-story-comic>span{left:8px;bottom:23px;padding:0;border:0;background:none;color:#e0be7f;font:7px Georgia,serif;letter-spacing:.16em}
.gw-story-comic>b{position:absolute;z-index:2;left:8px;bottom:8px;color:#fff2d5;font:italic 700 14px Georgia,serif}
.gw-story-copy{min-width:0}
.gw-story-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gw-story-head em{padding:3px 6px;border:1px solid rgba(112,187,154,.35);border-radius:99px;background:rgba(63,128,99,.15);color:#8fd1b3;font-style:normal;font-size:7px}
.gw-story-head em.linked{border-color:rgba(206,171,107,.35);background:rgba(169,126,57,.12);color:#d4b675}
.gw-story-head>span{font:8px Georgia,serif;color:#9ba9a8}
.gw-story-copy h2{margin:5px 0 3px;font:600 19px/1.18 "Songti SC","STSong",serif;color:#fff}
.gw-story-copy h3{font-size:10px;color:#e1bc78}.gw-story-copy>p{margin-top:3px;color:#d7ded9;font-size:10px;line-height:1.55}
.gw-story-context{display:grid;grid-template-columns:auto 1fr;gap:7px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08)}
.gw-story-context>span{color:#d2b477;font-size:8px;font-weight:800;white-space:nowrap}.gw-story-context p{display:-webkit-box;overflow:hidden;color:#97a6a3;font-size:9px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.gw-story-beats{display:flex;gap:5px;margin-top:7px}
.gw-story-beats button{display:flex;align-items:center;gap:4px;min-width:0;padding:4px 7px;border:1px solid rgba(255,255,255,.09);border-radius:99px;background:#17272d;color:#839292}
.gw-story-beats i{width:15px;height:15px;display:grid;place-items:center;border:1px solid #52646a;border-radius:50%;font:7px Georgia,serif;font-style:normal}.gw-story-beats span{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.gw-story-beats button.on{border-color:rgba(222,185,116,.58);background:#3a4031;color:#f6e4bc}.gw-story-beats button.on i{background:var(--bronze);border-color:var(--bronze);color:#142027}
.gw-story-notes{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:6px}
.gw-story-notes section{min-width:0;padding:7px 8px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,14,18,.36)}
.gw-story-notes span{display:block;margin-bottom:3px;color:#c9a96e;font-size:7px;font-weight:800;letter-spacing:.08em}
.gw-story-notes p{display:-webkit-box;overflow:hidden;color:#849492;font-size:8px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.gw-quiz-launch{
  position:absolute;z-index:9;right:18px;bottom:126px;width:208px;
  display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;
  padding:11px 12px;border:1px solid rgba(224,187,116,.46);border-radius:11px;
  background:rgba(25,41,46,.9);backdrop-filter:blur(15px);color:#fff;text-align:left;
  box-shadow:0 12px 30px rgba(0,0,0,.28)
}
.gw-quiz-launch span{font-size:7px;letter-spacing:.13em;color:#c9a66b}.gw-quiz-launch b{font-size:11px}.gw-quiz-launch i{grid-column:2;grid-row:1/3;color:#e2be7b;font-style:normal}
.gw-quiz-launch:hover,.gw-quiz-launch.open{background:#34483f;border-color:#e1bd78}.gw-quiz-launch.done{border-color:rgba(104,179,145,.5);background:rgba(40,82,66,.88)}
.gw-quiz-drawer{
  position:absolute;z-index:15;right:18px;bottom:126px;width:min(450px,46%);
  max-height:calc(100% - 198px);overflow-y:auto;padding:14px;
  border:1px solid rgba(224,190,126,.3);border-radius:14px;
  background:rgba(15,28,34,.97);backdrop-filter:blur(20px);
  box-shadow:0 24px 70px rgba(0,0,0,.5);
  opacity:0;transform:translateX(calc(100% + 32px));pointer-events:none;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .25s
}
.gw-quiz-drawer.open{opacity:1;transform:none;pointer-events:auto}
.gw-quiz-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}
.gw-quiz-drawer>header div{display:grid;gap:2px}.gw-quiz-drawer>header span{color:#cda968;font-size:7px;letter-spacing:.16em}.gw-quiz-drawer>header b{font-size:11px;color:#e8ece8}
.gw-quiz-drawer>header button{width:28px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#22333a;color:#cbd3d0;font-size:17px}
.gw-quiz-drawer .gw-quiz-slot{margin-top:12px;padding-top:0;border:0}

@media(max-width:920px){
  body[data-view="redmap"]{overflow:hidden}body[data-view="redmap"] main{height:100svh;overflow:hidden}
  .grand-war{height:100svh;min-height:600px;display:grid;padding-bottom:66px}
  .gw-layout{display:block!important;min-height:0}
  .gw-board{order:initial;height:100%;min-height:0;grid-template-rows:46px minmax(0,1fr) 48px 58px}
  .gw-factions{position:absolute;z-index:8;order:initial;top:52px;left:8px;right:8px;width:auto;max-width:none;padding:0;border:0;background:transparent;overflow-x:auto}
  .gw-factions>span{display:none}.gw-factions>div{display:flex;gap:5px}.gw-faction{flex:0 0 auto;min-width:0;width:auto;grid-template-columns:30px auto;padding:4px 7px}.gw-faction .gw-avatar{width:30px;height:30px}.gw-faction span{font-size:6px}.gw-faction b{font-size:10px}.gw-faction p{display:none}
  .gw-story-layer{left:8px;right:8px;top:auto;bottom:114px;width:auto;max-height:255px;overflow-y:auto;pointer-events:none}
  .gw-story-card{grid-template-columns:92px minmax(0,1fr);gap:8px;padding:8px;background:rgba(13,26,32,.9)}
  .gw-story-comic{width:92px;height:78px}.gw-story-comic>span{bottom:19px;font-size:6px}.gw-story-comic>b{font-size:11px}
  .gw-story-copy h2{font-size:15px}.gw-story-copy h3{font-size:9px}.gw-story-copy>p{font-size:9px;line-height:1.4}.gw-story-context{margin-top:5px;padding-top:5px}.gw-story-context p{-webkit-line-clamp:2;font-size:8px}.gw-story-beats{margin-top:5px}.gw-story-beats button{padding:3px 5px}.gw-story-beats span{display:none}
  .gw-story-notes{display:flex;overflow-x:auto;scrollbar-width:none}.gw-story-notes::-webkit-scrollbar{display:none}.gw-story-notes section{flex:0 0 150px}.gw-story-notes p{-webkit-line-clamp:2}
  .gw-quiz-launch{right:8px;top:auto;bottom:381px;width:156px;padding:8px 9px}.gw-quiz-launch span{font-size:6px}.gw-quiz-launch b{font-size:9px}
  .gw-quiz-drawer{left:8px;right:8px;bottom:114px;width:auto;max-height:58%;padding:12px;transform:translateY(calc(100% + 24px))}
  .gw-quiz-drawer.open{transform:none}
  .gw-map-player{grid-row:3}.gw-turn-rail{grid-row:4}
}

@media(max-width:560px){
  .gw-map-player{grid-template-columns:106px 1fr}.gw-map-player>button{font-size:8px}
  #wgBeatDots button span{display:none}#wgBeatDots button{display:grid;place-items:center;grid-template-columns:1fr}
  .gw-story-layer{max-height:238px}.gw-story-notes{margin-top:1px}.gw-story-copy{padding-right:46px}
  .gw-quiz-launch{right:16px;bottom:288px;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%}.gw-quiz-launch span,.gw-quiz-launch b{display:none}.gw-quiz-launch i{grid-column:1;grid-row:1;font-size:0}.gw-quiz-launch i::after{content:"题";font:800 11px/1 system-ui,sans-serif}
}

/* ============================================================
   电影字幕式推演：地图是画面，文字按幕播放
   ============================================================ */
.gw-story-layer{
  inset:54px 0 114px;
  width:auto;max-height:none;overflow:hidden;
}
.gw-cinematic-story{position:relative;width:100%;height:100%;overflow:hidden}
.gw-scene-wash{
  position:absolute;z-index:0;inset:-2%;width:auto;height:auto;aspect-ratio:auto;
  border:0;border-radius:0;opacity:.13;pointer-events:none;
  transform:translateX(var(--beat-shift, -1.4%)) scale(1.045);
  filter:sepia(.35) saturate(.6) contrast(1.15);
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.32) 45%,transparent 76%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.32) 45%,transparent 76%);
  transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .6s ease
}
.gw-scene-wash:after{background:linear-gradient(90deg,rgba(8,17,21,.08),rgba(8,17,21,.55) 72%,rgba(8,17,21,.82))}
.gw-scene-wash.scene-enter{animation:gwSceneReveal 1s cubic-bezier(.2,.8,.2,1)}
@keyframes gwSceneReveal{from{opacity:.02;filter:sepia(.55) saturate(.4) contrast(1.25) blur(5px)}to{opacity:.13;filter:sepia(.35) saturate(.6) contrast(1.15) blur(0)}}

.gw-event-tag{
  position:absolute;z-index:2;left:20px;top:18px;
  max-width:min(520px,56%);padding-left:11px;border-left:2px solid #dab875;
  color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.92)
}
.gw-event-tag>span{display:block;color:#d6b878;font:700 9px/1.2 Georgia,serif;letter-spacing:.18em}
.gw-event-tag h2{margin:5px 0 6px;font:600 20px/1.25 "Songti SC","STSong",serif;letter-spacing:.03em}
.gw-event-tag em{
  display:inline-block;color:#9fd6bd;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.1em
}
.gw-event-tag em.linked{color:#d8bd84}

.gw-subtitle-beam{
  position:absolute;z-index:3;left:50%;bottom:18px;
  width:min(860px,calc(100% - 330px));min-width:540px;
  transform:translateX(-50%);text-align:center;
  color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 22px rgba(0,0,0,.8)
}
.gw-subtitle-beam:before{
  content:"";position:absolute;z-index:-1;left:50%;bottom:-24px;
  width:calc(100% + 260px);height:230px;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 100%,rgba(5,13,17,.96) 0%,rgba(5,13,17,.72) 34%,rgba(5,13,17,.2) 66%,transparent 76%);
  pointer-events:none
}
.gw-subtitle-kicker{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:7px}
.gw-subtitle-kicker span{color:#e4bd71;font-size:10px;font-weight:900;letter-spacing:.18em}
.gw-subtitle-kicker em{color:#aeb9b6;font:italic 10px Georgia,serif}
.gw-subtitle-beam h3{font:600 27px/1.25 "Songti SC","STSong",serif;letter-spacing:.04em}
.gw-subtitle-action{margin-top:5px;color:#bdc8c4;font-size:13px;line-height:1.5;letter-spacing:.02em}
.gw-subtitle-main{margin:8px auto 0;max-width:780px;color:#fffdf5;font:500 18px/1.65 "Songti SC","STSong",serif}
.gw-subtitle-note{
  display:flex;justify-content:center;align-items:baseline;gap:9px;
  margin-top:9px;color:#aab7b2;font-size:11px;line-height:1.5
}
.gw-subtitle-note span{flex:0 0 auto;color:#e4bd71;font-size:9px;font-weight:900;letter-spacing:.12em}
.gw-subtitle-note p{max-width:660px}
.gw-subtitle-beam.beat-enter>*{animation:gwSubtitleRise .58s both cubic-bezier(.18,.78,.2,1)}
.gw-subtitle-beam.beat-enter h3{animation-delay:.05s}
.gw-subtitle-beam.beat-enter .gw-subtitle-action{animation-delay:.12s}
.gw-subtitle-beam.beat-enter .gw-subtitle-main{animation-delay:.2s}
.gw-subtitle-beam.beat-enter .gw-subtitle-note{animation-delay:.3s}
@keyframes gwSubtitleRise{from{opacity:0;transform:translateY(13px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.gw-cinematic-story.playing .gw-subtitle-beam.beat-enter:after{
  content:"";position:absolute;left:50%;bottom:-12px;width:160px;height:2px;
  background:linear-gradient(90deg,transparent,#e1bb71 22%,#e1bb71 78%,transparent);
  transform:translateX(-50%) scaleX(0);transform-origin:center;animation:gwSubtitleClock 5.2s linear forwards
}
@keyframes gwSubtitleClock{to{transform:translateX(-50%) scaleX(1)}}

.gw-quiz-launch{top:160px;bottom:auto}

@media(max-width:920px){
  .gw-story-layer{inset:46px 0 106px;max-height:none;overflow:hidden}
  .gw-event-tag{top:62px;left:12px;max-width:calc(100% - 76px);padding-left:8px}
  .gw-event-tag>span{font-size:7px}.gw-event-tag h2{margin:4px 0;font-size:16px}.gw-event-tag em{font-size:7px}
  .gw-subtitle-beam{bottom:10px;width:calc(100% - 24px);min-width:0}
  .gw-subtitle-beam:before{bottom:-18px;width:calc(100% + 40px);height:220px}
  .gw-subtitle-kicker{gap:9px;margin-bottom:5px}.gw-subtitle-kicker span,.gw-subtitle-kicker em{font-size:8px}
  .gw-subtitle-beam h3{font-size:21px}
  .gw-subtitle-action{margin-top:4px;font-size:11px}
  .gw-subtitle-main{margin-top:6px;max-width:650px;font-size:15px;line-height:1.55}
  .gw-subtitle-note{gap:6px;margin-top:6px;font-size:10px;line-height:1.4}.gw-subtitle-note span{font-size:8px}
  .gw-quiz-launch{top:104px;right:12px;bottom:auto;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%}
  .gw-quiz-launch span,.gw-quiz-launch b{display:none}.gw-quiz-launch i{grid-column:1;grid-row:1;font-size:0}.gw-quiz-launch i::after{content:"题";font:800 11px/1 system-ui,sans-serif}
}

@media(max-width:560px){
  .gw-subtitle-beam{bottom:7px}
  .gw-subtitle-beam h3{font-size:20px}
  .gw-subtitle-main{font-size:16px;line-height:1.5}
  .gw-subtitle-action{font-size:11px}
  .gw-subtitle-note{align-items:flex-start;text-align:left;font-size:11px}.gw-subtitle-note p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .gw-scene-wash{opacity:.1;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 55%,transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 55%,transparent 82%)}
}

@media(prefers-reduced-motion:reduce){
  .gw-scene-wash,.gw-subtitle-beam.beat-enter>*,.gw-cinematic-story.playing .gw-subtitle-beam.beat-enter:after{animation:none!important;transition:none!important}
}