/* DOOR_CANONICAL_RENDERER_MIRROR_v7_4
   Passive magic mirror. Three clean cinematic states remain where physical review passed;
   Trophy and Brain are supplied by their exact canonical Compass renderers.
   Legacy portal placeholder geometry is suppressed. Mirror Manor receives a visible scene-local
   moonlit backplate plus low warm courtyard spill so the dark roof separates from the film background.
*/
html[data-page="door"][data-environment="door-canonical-renderer-mirror-v7-4"] .portal-object.door-canonical-mirror{position:relative;overflow:hidden;min-height:0!important;padding:0!important;pointer-events:none;border-color:rgba(166,190,215,.29);background:radial-gradient(circle at 50% 44%,rgba(91,165,187,.10),transparent 52%),#01040a;box-shadow:0 1.8rem 5rem rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.025)}
html[data-page="door"][data-environment="door-canonical-renderer-mirror-v7-4"] .portal-object.door-canonical-mirror::before{content:none!important;display:none!important}
.door-canonical-mirror__frame{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:1.6rem;background:radial-gradient(ellipse at 50% 44%,rgba(87,164,190,.12),transparent 52%),linear-gradient(180deg,#07111c,#010307 88%);box-shadow:inset 0 0 0 1px rgba(205,220,234,.16),inset 0 0 4.8rem rgba(0,0,0,.46)}
.door-canonical-mirror__frame::before{content:"";position:absolute;z-index:8;inset:.38rem;border:1px solid rgba(214,226,237,.22);border-radius:1.3rem;pointer-events:none;background:linear-gradient(113deg,transparent 0 28%,rgba(255,255,255,.038) 32%,transparent 37% 66%,rgba(131,220,235,.025) 71%,transparent 77%);box-shadow:inset 0 0 1.7rem rgba(112,200,219,.035),0 0 1.4rem rgba(232,201,126,.03)}
.door-canonical-mirror__film,.door-canonical-mirror__objects{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .82s cubic-bezier(.22,.72,.18,1);will-change:opacity}
.door-canonical-mirror__film{object-fit:cover;background:#01040a;transform-origin:50% 50%;transform:translate3d(var(--door-film-x,0%),var(--door-film-y,0%),0) scale(var(--door-film-zoom,1.5));filter:saturate(1.04) contrast(1.055) brightness(1.02);transition:opacity .82s cubic-bezier(.22,.72,.18,1),transform 3.8s cubic-bezier(.16,.72,.18,1),filter .82s cubic-bezier(.22,.72,.18,1)}
.door-canonical-mirror__objects{z-index:2;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(53,116,142,.07),transparent 58%),#01040a}
.door-canonical-mirror__film.is-visible,.door-canonical-mirror__objects.is-visible{opacity:1}
.door-canonical-mirror__object{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;opacity:0;transform:scale(.985);transition:opacity .82s cubic-bezier(.22,.72,.18,1),transform 1.15s cubic-bezier(.16,.72,.18,1);background:#01040a}
.door-canonical-mirror__object.is-visible{opacity:1;transform:scale(1)}
.door-canonical-mirror__scene-glow{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:transparent;mix-blend-mode:screen;transition:opacity .82s cubic-bezier(.22,.72,.18,1)}
.door-canonical-mirror[data-door-canonical-mirror-scene="mirror-manor"] .door-canonical-mirror__film{filter:saturate(.98) contrast(1.015) brightness(1.12)}
.door-canonical-mirror[data-door-canonical-mirror-scene="mirror-manor"] .door-canonical-mirror__scene-glow{opacity:1;background:radial-gradient(ellipse 46% 72% at 50% 35%,rgba(164,222,238,.40) 0%,rgba(100,155,200,.25) 24%,rgba(60,89,145,.12) 46%,transparent 70%),radial-gradient(circle at 29% 77%,rgba(238,187,104,.16) 0 4%,rgba(218,146,66,.07) 11%,transparent 24%),radial-gradient(circle at 72% 76%,rgba(238,187,104,.16) 0 4%,rgba(218,146,66,.07) 11%,transparent 24%)}
.door-canonical-mirror__veil{position:absolute;z-index:6;inset:-18%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 48%,rgba(142,224,235,.13),rgba(69,98,150,.045) 34%,transparent 68%),linear-gradient(112deg,transparent 34%,rgba(255,255,255,.055) 43%,transparent 52%);mix-blend-mode:screen}
.door-canonical-mirror__frame.is-changing .door-canonical-mirror__veil{animation:door-canonical-mirror-change .96s cubic-bezier(.18,.72,.2,1)}
.door-canonical-mirror__frame::after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 34%,rgba(0,2,7,.10) 67%,rgba(0,2,7,.70) 100%),linear-gradient(180deg,rgba(1,3,7,.01) 0%,transparent 52%,rgba(1,3,7,.18) 72%,rgba(1,3,7,.88) 100%);box-shadow:inset 0 0 4.8rem rgba(0,0,0,.32)}
.door-canonical-mirror[data-door-canonical-mirror-scene="mirror-manor"] .door-canonical-mirror__frame::after{background:radial-gradient(ellipse at 50% 43%,transparent 41%,rgba(0,2,7,.045) 70%,rgba(0,2,7,.42) 100%),linear-gradient(180deg,rgba(1,3,7,0) 0%,transparent 58%,rgba(1,3,7,.10) 76%,rgba(1,3,7,.72) 100%);box-shadow:inset 0 0 3.2rem rgba(0,0,0,.18)}
.door-canonical-mirror__caption{position:absolute;z-index:9;left:.9rem;right:.9rem;bottom:.78rem;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker count" "label count";align-items:end;gap:.12rem 1rem;pointer-events:none;text-shadow:0 2px 15px rgba(0,0,0,.96)}
.door-canonical-mirror__caption span{grid-area:kicker;color:rgba(235,211,155,.94);font-size:.56rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.door-canonical-mirror__caption strong{grid-area:label;color:#fff6df;font:600 clamp(1.18rem,2.5vw,1.7rem)/1.05 Georgia,serif;letter-spacing:.01em}
.door-canonical-mirror__caption em{grid-area:count;color:rgba(215,226,239,.78);font:800 .56rem/1 system-ui;letter-spacing:.11em;text-transform:uppercase;font-style:normal;white-space:nowrap;padding-bottom:.14rem}
.door-canonical-mirror[data-door-canonical-mirror-state="loading"] .door-canonical-mirror__caption{opacity:.72}
@keyframes door-canonical-mirror-change{0%{opacity:0;transform:scale(.97) rotate(-.5deg);filter:blur(4px)}34%{opacity:.92;transform:scale(1.018) rotate(.25deg);filter:blur(.3px)}62%{opacity:.44;transform:scale(1.006);filter:blur(0)}100%{opacity:0;transform:scale(1);filter:blur(0)}}
@media(max-width:40rem){.door-canonical-mirror__frame{border-radius:1.35rem}.door-canonical-mirror__frame::before{inset:.31rem;border-radius:1.08rem}.door-canonical-mirror__caption{left:.72rem;right:.72rem;bottom:.62rem}.door-canonical-mirror__caption span{font-size:.51rem}.door-canonical-mirror__caption strong{font-size:1.1rem}.door-canonical-mirror[data-door-canonical-mirror-scene="mirror-manor"] .door-canonical-mirror__scene-glow{background:radial-gradient(ellipse 56% 76% at 50% 35%,rgba(164,222,238,.43) 0%,rgba(100,155,200,.27) 25%,rgba(60,89,145,.13) 48%,transparent 72%),radial-gradient(circle at 27% 78%,rgba(238,187,104,.18) 0 4%,rgba(218,146,66,.08) 11%,transparent 25%),radial-gradient(circle at 74% 77%,rgba(238,187,104,.18) 0 4%,rgba(218,146,66,.08) 11%,transparent 25%)}}
@media(prefers-reduced-motion:reduce){.door-canonical-mirror__film,.door-canonical-mirror__objects,.door-canonical-mirror__object,.door-canonical-mirror__scene-glow{transition:none!important}.door-canonical-mirror__frame.is-changing .door-canonical-mirror__veil{animation:none!important}}
