.mh66-campaign{border:1px solid #6a6880;border-radius:17px;background:linear-gradient(126deg,#25283d,#102633 75%);padding:22px;margin:24px 0;color:#ececea}
.mh66-campaign header>small{letter-spacing:.13em;color:#ecd09b;font-weight:800}.mh66-campaign h2{color:#ffe6b0;font-size:1.4rem;margin:8px 0}.mh66-campaign p{color:#c9d5da;font-size:.88rem;line-height:1.55}.mh66-controls{display:flex;gap:7px;overflow-x:auto;padding:9px 0 13px;scrollbar-color:#6b798d #1b2530}.mh66-controls button{min-width:162px;flex:1;background:#2a374a;border:1px solid #5a6b82;border-radius:10px;padding:11px;color:#f5eee0;font-size:.8rem;font-weight:800;cursor:pointer}.mh66-controls button.active{border-color:#f4c771;background:#49405a}.mh66-controls small{display:block;color:#c8d6da;margin-top:4px}
.mh66-details{background:#172938;border:1px solid #435569;padding:17px;border-radius:13px}.mh66-details h3{margin:0;color:#f5e1be}.mh66-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:12px}.mh66-scene{background:#223646;border:1px solid #52687c;border-radius:11px;padding:14px}.mh66-scene.done{border-color:#5d9b7c}.mh66-scene.available{border-color:#bda66a}.mh66-scene small{color:#e2cca4;font-weight:800}.mh66-scene h3{margin:8px 0;font-size:1.03rem}.mh66-scene p{color:#d1e0df;font-size:.84rem}.mh66-scene>div{display:grid;gap:6px}.mh66-scene button,.mh66-bond button{border-radius:8px;background:#62533f;color:#fff0d4;border:1px solid #e2bc78;padding:9px 10px;font-weight:750;cursor:pointer;text-align:left}.mh66-scene strong{color:#a9d9bb}.mh66-lock{color:#bcc4ce!important}
.mh66-loyalty{margin-top:15px;border:1px solid #485e6c;border-radius:11px;padding:12px}.mh66-loyalty summary{color:#f8dda8;font-weight:800;cursor:pointer}.mh66-bonds{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:9px}.mh66-bond{display:flex;flex-direction:column;gap:6px;border-radius:9px;background:#233e4a;border:1px solid #436977;padding:12px}.mh66-bond small{color:#c5d5d6}.mh66-bond button:disabled{opacity:.45;cursor:not-allowed}.mh66-campaign :is(button,summary):focus-visible{outline:3px solid #edcb80;outline-offset:2px}
@media(max-width:900px){.mh66-scenes{grid-template-columns:1fr}}@media(max-width:520px){.mh66-campaign{padding:12px}}