.mission-game{--game-ink:#203b50;--game-cream:#fff3ce;--game-gold:#edb652;--game-teal:#277b7c;max-width:1100px;margin:0 auto;color:var(--game-ink)}
.mission-game>.history-intro{max-width:760px;margin:1rem 0 1.5rem}.mission-game>.history-intro .eyebrow{color:#b16937;letter-spacing:.12em;font-size:.7rem}.mission-game h1{font-family:Georgia,serif;font-weight:900;letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.3rem);color:#203b50}.mission-game>.history-intro p{max-width:650px;font-size:.95rem;line-height:1.7}
.mission-game .history-adventure{border:3px solid #253f50;border-radius:23px;background:#f5e9cc;box-shadow:0 7px 0 #203b50,0 22px 50px #203b5018;overflow:hidden;margin:1.5rem 0 3rem}.mission-game .history-episode-heading{background:#203b50;color:#fff1c9;border:0;padding:1rem 1.5rem;gap:1rem}.mission-game .history-episode-heading .history-tag{color:#ffdc91;font-size:.8rem}.mission-game .history-episode-heading p{color:#b8d4cf;font-size:.72rem;margin-top:.25rem}.mission-game .revolution-actions .btn{border:1px solid #8ca5a4;color:#d9e9dc;font-size:.72rem;max-width:260px}.mission-game .revolution-actions .btn-primary{background:#f4c466;border:2px solid #ffe4a7;border-bottom:4px solid #b37b36;color:#223b4e;font-weight:900}.mission-game .revolution-actions .btn:hover{filter:brightness(1.08)}
.mission-game .history-content{padding:1rem}.mission-map{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0 0 1rem;padding:0;gap:5px}.mission-map li{display:flex;align-items:center;gap:6px;justify-content:center;padding:8px 3px;border-radius:8px;background:#e5d9bd;color:#82785f;font-size:.7rem;font-weight:700}.mission-map li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #c5b898;background:#eee3c8;border-radius:50%;flex-shrink:0}.mission-map .current{background:#277b7c;color:#fff5cd;box-shadow:0 3px 0 #164c54}.mission-map .current span{background:#ffdd8c;border-color:#f9d176;color:#203b50}.mission-map .finished{background:#c8dac0;color:#36584a}.mission-map .finished span{background:#7ca67a;color:white}
.mission-game .history-hud{padding:8px 13px;border:0;border-radius:11px 11px 0 0;background:#2d535e;font-family:ui-monospace,monospace;color:#ffdfa0;font-size:.8rem}.mission-game .history-hud strong{font-size:.8rem}.mission-game .history-screen{position:relative;border:5px solid #2d535e;border-top:0;background:#2d535e;padding:0;border-radius:0 0 12px 12px;box-shadow:0 4px 0 #1b394b}.mission-game canvas{border-radius:0 0 6px 6px}.mission-pause-overlay{position:absolute;inset:0;background:#142c40bd;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffe3a0;font-weight:900;font-size:1.4rem;pointer-events:none}.mission-pause-overlay span{font-size:3rem}.mission-pause-overlay[hidden]{display:none}
.mission-game .mission-inventory{justify-content:center;gap:8px;margin:1rem 0 .5rem}.mission-game .mission-inventory span{border:2px solid #caba95;border-bottom-width:4px;border-radius:9px;background:#eee2c6;color:#7b715c;min-width:100px;text-align:center;font-weight:800;font-size:.8rem}.mission-game .mission-inventory .collected{background:#d6e5bf;border-color:#96b57d;color:#385b3f}.mission-game .mission-actions{justify-content:center;gap:12px}.mission-game .mission-actions:empty{display:none}.mission-game .mission-actions button{background:#fff2c8;border:2px solid #314f59;border-bottom:5px solid #314f59;border-radius:12px;min-width:140px;color:#26444e;font-size:1rem;padding:14px 18px}.mission-game .mission-actions button:hover{background:#ffdc8b;transform:translateY(-2px)}
.mission-game .revolution-dialogue{margin:.8rem 0;padding:.85rem 1rem;background:#fff7df;border:2px solid #c8b38d;border-left:6px solid #dba557;min-height:0;border-radius:12px;box-shadow:none}.mission-game .revolution-dialogue>span{font-family:ui-monospace,monospace;font-size:.65rem;color:#ad733b}.mission-game .revolution-dialogue p{font-family:system-ui,sans-serif;font-size:.95rem;line-height:1.6;margin:.35rem 0;max-width:100%}.mission-game .revolution-dialogue .btn{margin-top:.75rem;background:#277b7c;border-color:#277b7c}.mission-game .revolution-controls{justify-content:center;gap:10px;margin:.8rem 0}.mission-game .revolution-controls button{background:#e4ebd4;border:2px solid #6d8f88;border-bottom:5px solid #456a69;color:#264b51;border-radius:12px;min-width:65px;min-height:54px;font-size:1rem;font-weight:800}.mission-game .revolution-controls #mission-jump{background:#f5d481;border-color:#b18c45;border-bottom-color:#8f6b35}.mission-game .revolution-controls button:disabled{opacity:.4}.mission-game #revolution-help{text-align:center;color:#7d745f;font-size:.72rem;margin:1rem 0 .3rem}
@media(max-width:650px){.mission-game .history-content{padding:.5rem}.mission-game .history-episode-heading{padding:.8rem;display:block}.mission-game .revolution-actions{margin-top:.7rem;gap:.4rem}.mission-game .revolution-actions .btn{font-size:.65rem}.mission-map{gap:3px}.mission-map li{flex-direction:column;font-size:.52rem;padding:5px 1px;gap:4px}.mission-map li span{width:21px;height:21px}.mission-game .mission-inventory span{min-width:85px;font-size:.72rem}.mission-game .revolution-controls{gap:6px}.mission-game .revolution-controls button{min-width:48px;min-height:48px;font-size:.75rem}.mission-game .revolution-controls #revolution-interact{flex:initial}.mission-game .mission-actions button{min-width:90px;padding:10px;font-size:.85rem}.mission-game .revolution-dialogue p{font-size:.85rem}.mission-game .history-hud{font-size:.65rem}.mission-game .history-hud strong{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.mission-game .mission-actions button:hover{transform:none}}