.map-win,.map-open-btn{--ink:var(--color-ink);--ink-2:var(--color-ink-2);--select-t:#5ab0ff;--line-2:#aa96ff42;--ease-out:cubic-bezier(.16, 1, .3, 1)}.map-win{border-radius:22px;width:100%;height:100%;min-height:16rem;position:relative}.map-win:before{content:"";z-index:6;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2), inset 0 1px 0 #ffffff14, inset 0 0 80px #06040de6;transition:opacity .35s;position:absolute;inset:0}.map-win:after{content:"";z-index:6;pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(200deg,#8c5aff8c,#0000 35% 65%,#0472f480);padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.map-win .label{z-index:6;top:16px;pointer-events:none;transition:opacity .35s, translate .5s var(--ease-out);gap:2px;display:grid;position:absolute;inset-inline-start:18px}.map-win .label b{font-family:var(--font-display);font-size:1.35rem}.map-win .label span{color:var(--ink-2);font-size:.82rem}.map-open-btn{z-index:6;height:56px;font:800 1.02rem var(--font-display);color:#fff;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(150%);background:linear-gradient(#120c26b3,#120c26b3) padding-box padding-box,linear-gradient(120deg,#8b4bff,#0472f4) border-box;border:1.5px solid #0000;border-radius:99px;align-items:center;gap:12px;padding:0 22px 0 10px;transition:opacity .35s,box-shadow .4s,scale .2s;display:inline-flex;position:relative;box-shadow:0 10px 40px -8px #6f21dcb3,0 0 0 1px #ffffff0a}.map-win .map-open-btn{bottom:14px;justify-content:space-between;position:absolute;inset-inline:14px}.map-open-btn .ico{background:linear-gradient(140deg,#7a2ff0,#0472f4);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 18px #0472f4b3,inset 0 1px #ffffff59}.map-open-btn .ico:before{content:"";width:18px;height:18px;transition:transform .5s var(--ease-out);background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-6.5 6.5M4 20l6.5-6.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-6.5 6.5M4 20l6.5-6.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.map-open-btn:hover{box-shadow:0 14px 50px -6px #6f21dce6,0 0 30px #0472f459}.map-open-btn:hover .ico:before{transform:scale(1.12)rotate(-8deg)}.map-open-btn:active{scale:.97}.map-open-btn:focus-visible{outline:2px solid var(--select-t);outline-offset:3px}html.map-opening .map-win:before,html.map-opening .map-win:after,html.map-opening .map-win .label,html.map-opening .map-open-btn{opacity:0;pointer-events:none}@media (min-width:768px){.map-win .map-open-btn{inset-inline:auto 24px;justify-content:flex-start;bottom:24px}.map-win .label{top:22px;inset-inline-start:24px}}@media not (min-width:70rem){.map-solo{display:none}}@media (min-width:70rem){.map-win{display:none}}@media (prefers-reduced-motion:reduce){.map-open-btn,.map-win:before,.map-win .label{transition-duration:0s}}