.campaign-cinema{--cinema-speaker:#8edce1;background:#0d1723;color:#e5edf2;border:1px solid #334657;border-radius:13px;overflow:hidden;margin:0 0 22px;isolation:isolate;min-width:0;box-shadow:0 15px 50px #02070e40}
.campaign-cinema *{box-sizing:border-box}.campaign-cinema button{font-family:inherit;cursor:pointer;min-height:38px}.cinema-top{height:auto;min-height:0;padding:14px 20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;background:#14212d;border-bottom:1px solid #304455}.cinema-top>span{color:#e7c384;letter-spacing:.18em;font-size:13px}.cinema-top small{letter-spacing:.07em;font-size:11px;color:#aebdca}
.cinema-reach{position:relative;padding:12px 20px 16px;display:flex;justify-content:space-between;gap:7px 15px;flex-wrap:wrap;font-size:12px;color:#a9bece}.cinema-reach b{font-weight:500;color:#e7c384}.cinema-range{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#22323f;overflow:hidden}.cinema-range>span{display:block;height:100%;background:#a6cbbb;transition:width 1s ease}
.cinema-stage{height:310px;position:relative;background:#070e1a;overflow:hidden}.cinema-stage canvas{display:block;width:100%;height:100%}.cinema-caption{position:absolute;left:22px;right:22px;top:19px;pointer-events:none}.cinema-caption>span{display:block;font-size:10px;letter-spacing:.16em;color:#9ccbd6;text-transform:uppercase}.cinema-caption h2,.cinema-caption .cinema-scene-title{font-family:Barlow,sans-serif;font-weight:500;font-size:clamp(20px,2.5vw,29px);line-height:1.15;margin:8px 0 0;max-width:80%;color:#e5eef2;text-shadow:0 2px 15px #050b17}.cinema-status{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px}.cinema-status span{background:#0a1520ed;color:#a9d5df;padding:6px 9px;border-left:2px solid #8dcbd5;max-width:100%}.cinema-status span+span{border:0;color:#e7c384;text-align:right}
.cinema-dialogue{display:grid;grid-template-columns:132px minmax(0,1fr);gap:21px;padding:22px;background:linear-gradient(115deg,#182734,#11202c);border-top:1px solid #2c4052}.cinema-portrait{position:relative;align-self:start;border:1px solid #698695;border-radius:7px;overflow:hidden;background:#152433;box-shadow:0 0 25px #80d5de0c;aspect-ratio:11/12}.cinema-portrait img{display:block;width:100%;height:100%;object-fit:cover;animation:cinema-breathe 9s ease-in-out infinite alternate}.cinema-portrait>span{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 4px,#06132112 5px 6px);pointer-events:none}.cinema-portrait:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#a7dbe160;box-shadow:0 0 8px #9ecedc;animation:cinema-scan 8s linear infinite}
.cinema-speaker{display:flex;align-items:baseline;gap:5px 10px;flex-wrap:wrap;color:var(--cinema-speaker);min-height:24px}.cinema-speaker strong{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.cinema-speaker>span:not(.cinema-wave){font-size:11px;color:#a6bdcc}.cinema-wave{display:flex;align-items:center;gap:3px;height:14px;margin-left:auto}.cinema-wave i{display:block;width:3px;height:11px;background:var(--cinema-speaker);animation:cinema-speak .7s ease-in-out infinite alternate}.cinema-wave i:nth-child(2n){height:6px;animation-delay:-.35s}.cinema-wave i:nth-child(3n){height:15px;animation-delay:-.55s}.cinema-transmission{min-width:0}.cinema-transmission>p{font-size:15px;line-height:1.65;color:#e0e9ef;margin:8px 0 16px;min-height:50px}.cinema-dialogue-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cinema-dialogue-controls>span{font-size:11px;color:#a1b7c7;margin-right:auto}.cinema-dialogue-controls button{background:#213544;border:1px solid #405b6d;color:#d9e5ed;border-radius:5px;padding:7px 10px;font-size:12px}.cinema-dialogue-controls button:disabled{opacity:.35;cursor:default}
.cinema-choices{padding:0 22px 22px;background:#11202c;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cinema-choice-label{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#d1e2ed;font-size:10px;letter-spacing:.1em;margin:0 0 2px}.cinema-choice-label span{color:#9db4c5;letter-spacing:0}.cinema-choices>button{display:flex;align-items:flex-start;gap:11px;padding:15px 13px;text-align:left;color:#d5e5ee;background:#172b3a;border:1px solid #3b5468;border-radius:7px;min-width:0}.cinema-choices>button[aria-pressed=true]{border-color:#d8b477;background:#2c3032;box-shadow:inset 3px 0 #d8b477}.cinema-choice-number{font-size:11px;color:#88c7d0;padding-top:2px}.cinema-choices strong{display:block;color:#e7c384;font-weight:500;font-size:14px}.cinema-choices small{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:#b9ccd9}.cinema-choices button:hover,.cinema-dialogue-controls button:hover{border-color:#e4c28a}.campaign-cinema button:focus-visible{outline:2px solid #b8e9e5;outline-offset:3px}
.campaign-evidence{margin:15px 0;padding:14px 16px;border-left:2px solid #9dcae1;background:#152532}.campaign-evidence h4{font-size:12px;color:#b5d8e8;margin:0 0 9px}.campaign-evidence p{color:#b8cbd6;font-size:12px;line-height:1.6;margin:7px 0}.campaign-setback summary{color:#e7b29b!important}.campaign-cinema[data-motion=off] *,.campaign-cinema[data-motion=off] *::before,.campaign-cinema[data-motion=off] *::after{animation:none!important;transition:none!important}
.mission-debrief .campaign-cinema{margin:0 0 24px}.mission-debrief .cinema-caption h2{font-size:24px}.mission-debrief .cinema-top{padding:12px 16px}.mission-debrief .cinema-dialogue{padding:18px;gap:17px;grid-template-columns:112px minmax(0,1fr)}.mission-debrief .cinema-stage{height:240px}.mission-debrief .debrief-hero:has(+.debrief-content .campaign-cinema){min-height:0;padding:25px 45px 22px}.mission-debrief .debrief-hero:has(+.debrief-content .campaign-cinema) .debrief-emblem{display:none}.mission-debrief .debrief-hero:has(+.debrief-content .campaign-cinema) h2{font-size:25px}.debrief-failure-note{color:#e2b59d;font-size:13px;line-height:1.7}.debrief-losses{color:#dcae9b;font-size:13px;line-height:1.7}
@keyframes cinema-breathe{to{transform:scale(1.035) translateY(-1px)}}@keyframes cinema-scan{to{transform:translateY(145px)}}@keyframes cinema-speak{to{transform:scaleY(.3);opacity:.55}}
@media(prefers-reduced-motion:reduce){.campaign-cinema:not([data-motion=on]) *,.campaign-cinema:not([data-motion=on]) *::before,.campaign-cinema:not([data-motion=on]) *::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.cinema-choices{grid-template-columns:1fr}.cinema-dialogue{grid-template-columns:100px minmax(0,1fr);gap:15px;padding:18px}.cinema-caption h2{max-width:100%;font-size:24px}.cinema-top{padding:12px 15px}.cinema-transmission>p{font-size:14px}}
@media(max-width:440px){.cinema-stage{height:270px}.cinema-caption{left:14px;right:14px}.cinema-caption h2{font-size:21px}.cinema-top,.cinema-reach{padding-left:13px;padding-right:13px}.cinema-dialogue,.mission-debrief .cinema-dialogue{grid-template-columns:72px minmax(0,1fr);gap:11px;padding:15px 12px}.cinema-portrait{aspect-ratio:3/4}.cinema-speaker{gap:4px}.cinema-speaker strong{font-size:12px}.cinema-speaker>span:not(.cinema-wave){width:100%}.cinema-wave{display:none}.cinema-transmission>p{font-size:13px;line-height:1.6}.cinema-dialogue-controls>span{width:100%;margin-bottom:3px}.cinema-dialogue-controls button{font-size:11px;padding:7px}.cinema-choices{padding:0 12px 15px}.cinema-status{left:12px;right:12px;bottom:12px}.mission-debrief .cinema-caption h2{font-size:19px}.mission-debrief .cinema-stage{height:245px}}
.cinema-plan{display:flex;justify-content:flex-end;padding:0 22px 18px;background:#11202c}.cinema-plan button{background:#ddbd85;border:1px solid #ddbd85;border-radius:6px;color:#162332;font-weight:600;font-size:12px;padding:10px 16px}.cinema-plan button:hover{background:#ecd2a4}
.debrief-resource-grid[hidden]{display:none}

.campaign-prize{display:flex;align-items:center;gap:12px 24px;padding:14px 20px;background:linear-gradient(110deg,#16322f,#12252b);border-bottom:1px solid #34514d}.campaign-prize>small{flex-shrink:0;font-size:10px;letter-spacing:.12em;color:#a4d7bc}.campaign-prize>div{min-width:0}.campaign-prize .campaign-materials{margin:0}.campaign-prize .campaign-materials span{white-space:nowrap}.campaign-prize p{font-size:12px;line-height:1.6;color:#a4d7bc;margin:5px 0 0}.campaign-prize p+.campaign-materials{margin-top:4px}
@media(max-width:440px){.campaign-prize{display:block;padding:12px 13px}.campaign-prize>small{display:block;margin-bottom:8px}}

.campaign-mission-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:12px 20px;border-bottom:1px solid #304455;color:#afc4d2;font-size:11px;background:#101e2b}
.campaign-operation{display:inline-flex;align-items:center;gap:7px;color:#a8e3d7;font-weight:600}.campaign-operation i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px #a8e3d750}.campaign-operation[data-operation=intercept],.campaign-operation[data-operation=siege]{color:#efb09a}.campaign-operation[data-operation=portal],.campaign-operation[data-operation=final]{color:#e7c384}.campaign-tier{color:#d7c39e}.campaign-step{margin-left:auto;color:#94afc1;font-variant-numeric:tabular-nums}
.campaign-prize>small>span{display:block;letter-spacing:0;font-size:11px;color:#90b3aa;margin-top:6px}.campaign-prize .campaign-reward-settlement{font-size:10px;color:#8db2a6;line-height:1.5;margin-top:8px}.campaign-tier-bonus{margin-top:9px;padding:8px 10px;border-left:2px solid #dabb7f;background:#dabb7f0c}.campaign-tier-bonus>strong{font-weight:500;font-size:11px;color:#e2c694;display:block;margin-bottom:5px}.campaign-tier-bonus .campaign-materials span,.campaign-tier-bonus .campaign-materials b{font-size:11px;color:#d9c8a8}
.cinema-tactical-label{position:absolute;top:44%;left:20px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#829eaf;display:flex;align-items:center;gap:8px}.cinema-tactical-label i{width:5px;height:5px;border-radius:50%;background:#86c9bb;animation:cinema-link 2.4s ease-in-out infinite}.campaign-cinema[data-phase=failure] .cinema-tactical-label i{background:#d0907f;animation:none}
.cinema-flight-track{list-style:none;margin:0;padding:14px 20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;background:#0c1925;border-top:1px solid #324859;border-bottom:1px solid #304455}.cinema-flight-track li{position:relative;display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;color:#748d9e}.cinema-flight-track li>span{font-size:9px;border:1px solid #344959;border-radius:50%;min-width:23px;height:23px;display:grid;place-items:center;background:#152330}.cinema-flight-track li.current{color:#e6ca96}.cinema-flight-track li.current>span{border-color:#c7a771;background:#3a3226;box-shadow:0 0 13px #d8b47715}.cinema-flight-track li.complete{color:#a0c9bb}.cinema-flight-track li.complete>span{border-color:#486c63;color:#a5d4c2}.campaign-cinema[data-phase=failure] .cinema-flight-track li.current{color:#e7b29b}
.cinema-story{padding:16px 22px 0;background:linear-gradient(115deg,#182734,#11202c)}.cinema-story>span{font-size:9px;letter-spacing:.13em;color:#a8c1d3}.cinema-story>p{font-size:14px;line-height:1.6;color:#dccaa7;margin:7px 0 0;font-style:italic}.cinema-story+.cinema-dialogue{border-top:0}
.cinema-replay{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#11202c;color:#b7cbd8;font-size:12px}.cinema-replay select{max-width:60%;min-width:0;padding:7px 10px;border:1px solid #486071;border-radius:5px;background:#182c3b;color:#f0d59f;font:inherit}.cinema-replay select:focus-visible{outline:2px solid #e7c384;outline-offset:3px}
.campaign-tier-track{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:0}.campaign-tier-track li{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;color:#788d9f;padding:8px 1px}.campaign-tier-track li::before{content:'';position:absolute;height:1px;left:0;right:-6px;top:21px;background:#344a5a}.campaign-tier-track li:last-child::before{right:0}.campaign-tier-track li>span{z-index:1;border:1px solid #415665;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#142331;font-size:11px}.campaign-tier-track strong{font-size:11px;font-weight:500}.campaign-tier-track small{font-size:9px;color:#8198aa}.campaign-tier-track .complete{color:#a1d8c1}.campaign-tier-track .complete>span{border-color:#76b49a;background:#193e34}.campaign-tier-track .current{color:#e5c58c}.campaign-tier-track .current>span{border-color:#caac73;background:#353228}.campaign-journal .campaign-next-milestone{font-size:11px;color:#c3b18c;margin-bottom:18px;line-height:1.6}.campaign-next .campaign-header-meta{font-size:11px;color:#a8cbbb;line-height:1.5}
@keyframes cinema-link{50%{opacity:.4;box-shadow:0 0 8px #8be8cf80}}
@media(max-width:700px){.cinema-flight-track li{flex-direction:column;gap:5px}.cinema-flight-track{padding:12px 14px}.cinema-story{padding:14px 18px 0}}
@media(max-width:440px){.campaign-mission-badges{padding:11px 13px;gap:8px 10px}.campaign-tier{font-size:10px}.campaign-step{margin-left:0;font-size:10px}.cinema-tactical-label{left:14px;font-size:8px}.cinema-flight-track{padding:11px 8px;gap:3px}.cinema-flight-track li{font-size:9px}.cinema-story{padding:13px 12px 0}.cinema-story>p{font-size:12px}.cinema-story>span{font-size:8px}}
.god-missions{display:grid;gap:8px;margin:14px 0}.god-missions button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:12px}.god-missions small{color:#a8cbbb}.god-missions strong{font-size:13px}.god-missions span{font-size:11px;color:#e5c58c}.campaign-markers button:disabled{opacity:.45;cursor:default}
.campaign-markers button[data-test-campaign]{width:24px;height:24px}.campaign-markers button[data-test-campaign] .campaign-beacon{width:22px;height:22px;border-radius:6px;font-size:10px}