.mcad{--gold:#f7c776;--ink:#130d15;max-width:1180px;margin:24px auto;color:#fff4df;font-family:Georgia,'Times New Roman',serif;isolation:isolate}.mcad *{box-sizing:border-box}.mcad-heading{text-align:center;padding:28px 16px 25px;background:linear-gradient(135deg,#0a1b30,#25111b 65%,#0a1b30);border:1px solid #9f6735;border-radius:18px 18px 0 0}.mcad-eyebrow{color:var(--gold);font-size:13px;letter-spacing:.2em;text-transform:uppercase}.mcad-heading h2{font-family:Georgia,serif;font-size:clamp(25px,4.4vw,52px);line-height:1.13;color:#ffdfab;margin:12px auto;max-width:850px;text-shadow:0 2px 18px #e89541}.mcad-heading p{margin:8px 0 0;font-size:clamp(14px,1.7vw,19px)}.mcad-scene{position:relative;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at center,#18354c,#130e1b 72%);border-left:1px solid #9f6735;border-right:1px solid #9f6735}.mcad-portrait{position:absolute;inset:0;background-position:center 43%;background-repeat:no-repeat;background-size:auto 105%;opacity:.95}.mcad-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,9,19,.75),transparent 30%,transparent 70%,rgba(8,9,19,.75)),linear-gradient(0deg,rgba(9,9,18,.48),transparent 30%)}.mcad-doors{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,1fr);gap:12px;padding:26px;min-height:760px;align-items:stretch}.mcad-slot:nth-child(8n+3),.mcad-slot:nth-child(8n+4),.mcad-slot:nth-child(8n+5),.mcad-slot:nth-child(8n+6){visibility:hidden;pointer-events:none}.mcad-slot{perspective:700px;min-width:0}.mcad-door{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:94px;appearance:none;border:1.5px solid #e8a44f;border-radius:10px;background:linear-gradient(145deg,rgba(20,18,27,.95),rgba(57,28,25,.9));color:#ffdb9a;text-decoration:none!important;box-shadow:inset 0 0 0 3px rgba(255,194,103,.1),0 0 16px rgba(244,150,48,.35);font:inherit;cursor:pointer;overflow:visible;transition:box-shadow .25s,transform .25s}.mcad-door:disabled{cursor:not-allowed;opacity:.75}.mcad-door:not(:disabled):hover,.mcad-door:focus-visible{transform:translateY(-3px);box-shadow:0 0 24px rgba(255,196,97,.8);outline:2px solid #fff2ca;outline-offset:3px}.mcad-door-face{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;border-radius:9px;background:linear-gradient(145deg,#211821,#503021);backface-visibility:hidden;transform-origin:left center;transition:transform .7s ease;z-index:2}.mcad-number{font-size:clamp(26px,3.5vw,43px);line-height:1.1}.mcad-symbol{font-size:17px;color:#e6a955;margin-top:7px}.mcad-door-inside{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;background:radial-gradient(circle,#bf762e,#301d25)}.mcad-door.is-opening .mcad-door-face{transform:rotateY(-105deg)}.mcad-door.is-opening{z-index:5}.mcad-footnote{text-align:center;background:#131523;border:1px solid #9f6735;border-radius:0 0 18px 18px;padding:18px 10px;margin:0!important;color:#e7c38c;font-size:14px}@media(max-width:800px){.mcad-scene{min-height:0}.mcad-portrait{position:relative;height:clamp(340px,92vw,700px);background-size:cover;background-position:center 44%}.mcad-scene:after{display:none}.mcad-doors{min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;padding:18px;gap:10px;background:linear-gradient(140deg,#0b1c30,#2d1823)}.mcad-slot:nth-child(n){visibility:visible;pointer-events:auto}.mcad-door{height:95px;min-height:95px}.mcad-number{font-size:32px}}@media(max-width:380px){.mcad-doors{gap:7px;padding:10px}.mcad-door{height:76px;min-height:76px}.mcad-number{font-size:27px}}
