/* The Focus Room door. Colors match the room itself, so passing through never flashes. */
.mc-door{position:fixed;inset:0;z-index:2147483000;overflow:hidden;contain:strict;touch-action:none;cursor:pointer}
.mc-door__dim{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 46%,rgba(7,20,62,.86),rgba(3,10,38,.97))}
.mc-door__rig{position:absolute;left:0;top:0;width:120px;height:170px;transform-origin:60px 100px;will-change:transform}
.mc-door__halo{position:absolute;inset:-80px -80px -50px;background:radial-gradient(closest-side,rgba(199,252,224,.42),rgba(143,235,198,.14) 55%,transparent)}
.mc-door__room{position:absolute;inset:0;overflow:hidden;clip-path:path('M4 166V60a56 56 0 0 1 112 0v106z');background:linear-gradient(170deg,#1b5563,#0c2133 78%);perspective:420px}
.mc-door__stars{position:absolute;inset:-30%;background-image:radial-gradient(1px 1px at 22% 30%,#dffff0,transparent),radial-gradient(1px 1px at 68% 18%,#fff,transparent),radial-gradient(1.2px 1.2px at 42% 62%,#c7fce0,transparent),radial-gradient(1px 1px at 80% 56%,#fff,transparent),radial-gradient(1px 1px at 30% 78%,#dffff0,transparent),radial-gradient(1.2px 1.2px at 58% 42%,#fff,transparent),radial-gradient(1px 1px at 14% 55%,#c7fce0,transparent),radial-gradient(1px 1px at 88% 82%,#fff,transparent)}
.mc-door__point{position:absolute;left:51px;top:72px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#f2fff8 18%,#c7fce0 42%,rgba(143,235,198,.32) 64%,transparent 72%)}
.mc-door__frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mc-door__line,.mc-door__glow,.mc-door__inner{fill:none;stroke-linejoin:round}
.mc-door__leaf{position:absolute;inset:0;overflow:hidden;background:linear-gradient(168deg,#1d4297,#0b2466 46%,#05145c);transform-origin:4px 50%;will-change:transform}
.mc-door__panel{position:absolute;inset:0;width:100%;height:100%}
.mc-door__shade{position:absolute;inset:0;background:#030a2a;opacity:0}
.mc-door__knob{fill:#c7fce0}
.mc-door__spill{position:absolute;left:0;right:0;top:164px;height:64px;background:radial-gradient(58% 100% at 50% 0,rgba(199,252,224,.46),rgba(143,235,198,.12) 58%,transparent);opacity:0;transform-origin:50% 0;pointer-events:none}
.mc-door__inner{stroke:#c7fce0;stroke-width:1.6;opacity:.6}
.mc-door__line{stroke:#c7fce0;stroke-width:1.9}
.mc-door__glow{stroke:#8febc6;stroke-width:7;opacity:.22;filter:blur(3px)}
.mc-door__name{position:absolute;left:16px;right:16px;text-align:center;color:#eafff5;font:800 clamp(21px,3vw,28px)/1.2 "Bricolage Grotesque",Manrope,system-ui,sans-serif;letter-spacing:-.01em;opacity:0}
.mc-door__fill{position:absolute;inset:0;background:linear-gradient(145deg,#103b48,#0c2133 75%);opacity:0;pointer-events:none}