.mapp{grid-template-columns:calc(max(var(--gut), min(calc((100% - var(--page)) / 2), 120px)) + 336px) minmax(0, 1fr);height:calc(100vh - var(--hd));height:calc(100dvh - var(--hd));min-height:620px;display:grid;container-type:inline-size}.mapp-side{padding:var(--ph-air) 24px 24px max(var(--gut), min(calc((100cqw - var(--page)) / 2), 120px));background:linear-gradient(180deg, color-mix(in srgb, var(--teal) 16%, var(--s1)) 0, var(--s1) 200px);box-shadow:inset -2px 0 0 var(--teal), 2px 0 24px -6px var(--teal);scrollbar-color:var(--s3) transparent;scrollbar-width:thin;flex-direction:column;gap:18px;display:flex;overflow:auto}.mapp-h{font:900 36px/1 var(--f-sx);text-transform:uppercase;font-stretch:72%}.mapp-h .chrome{padding-right:.1em;display:inline-block}.mapp-l{color:var(--ink);margin-top:8px;font-size:15px;line-height:1.3}.mapp-list{gap:0;display:grid}.mrow{--pc:var(--teal);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:48px;padding:4px 10px;display:flex}.mrow>i{background:var(--pc);width:14px;height:14px;box-shadow:0 0 10px var(--pc);border-radius:50%;flex:none}.mrow b{font:800 17px/1.15 var(--f-d)}.mrow:hover{background:var(--s2)}.mrow.is-on{background:var(--s2);box-shadow:inset 0 0 0 2px var(--pc), 0 0 16px -4px var(--pc)}.mapp-empty{color:var(--ink2);font-size:15px}.mapp-more{background:var(--bg-cc);margin-top:auto}.mapp-more summary{min-height:48px;font-size:15px}.mapp-more .faq-a{font-size:15px;line-height:1.35}.mapp-stage{background:linear-gradient(180deg, var(--sea1) 0%, var(--sea2) 45%, var(--sea3) 100%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-4px;position:relative;overflow:hidden}.mapp-stage.is-drag{cursor:grabbing}.mapp-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.mapp-world.is-fly{transition:transform .55s var(--ease)}.mapp-world img{pointer-events:none;width:100%;max-width:none;height:100%}.mpin{--pc:var(--teal);width:48px;height:48px;transform:scale(var(--ik,1));margin:-24px 0 0 -24px;transition:opacity .2s;position:absolute}.mpin.is-off{opacity:0;pointer-events:none}.mpin-d{background:var(--pc);width:24px;height:24px;box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--pc), 0 0 22px 4px var(--pc);transition:transform .2s var(--ease);border-radius:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.mpin-d:after{content:"";box-shadow:0 0 0 2px var(--pc);animation:ping 2.8s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.mpin-l{color:var(--ink);background:var(--bg-f2);box-shadow:inset 0 0 0 1px var(--pc);font:800 15px/1.1 var(--f-d);white-space:nowrap;transform:translateX(calc(-50% + var(--lx,0px)));border-radius:7px;padding:4px 9px;position:absolute;top:42px;left:50%}.mpin:hover .mpin-d,.mpin.is-hot .mpin-d{transform:scale(1.3)}.mpin.is-on{z-index:3}.mpin.is-on .mpin-d{background:var(--ink);transform:scale(1.35)}.mpin.is-on .mpin-l,.mpin.is-hot .mpin-l{color:var(--on-hot);background:var(--pc)}.mapp-sample{z-index:2;color:var(--on-hot);background:var(--gold);font:800 15px/1.1 var(--f-d);white-space:nowrap;box-shadow:0 0 20px -4px var(--gold);pointer-events:none;border-radius:8px;padding:6px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}@media (max-width:1480px) and (min-width:981px){.mapp-stage:has(.pcard:not([hidden])) .mapp-sample{left:14px;transform:none}}.mapp-ctl{z-index:2;gap:6px;display:grid;position:absolute;bottom:14px;right:14px}.mapp-ctl button{width:48px;height:48px;color:var(--ink);background:var(--bg-f2);box-shadow:inset 0 0 0 1.5px var(--teal), 0 0 14px -4px var(--teal);border-radius:12px;place-items:center;display:grid}.mapp-ctl button:hover{background:var(--teal);color:var(--on-hot)}.mapp-ctl button:active{transform:translateY(1px)}.pcard{--pc:var(--teal);z-index:3;background:var(--s1);width:320px;box-shadow:0 0 0 2px var(--pc), 0 0 34px -6px var(--pc), 0 24px 50px var(--bg-deep);cursor:default;animation:pop .28s var(--ease) both;border-radius:14px;justify-items:start;gap:6px;padding:14px 16px;display:grid;position:absolute;top:14px;right:14px}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.pcard[hidden]{display:none}.pcard-x{width:44px;height:44px;color:var(--ink);place-items:center;display:grid;position:absolute;top:6px;right:6px}.pcard-x:hover{color:var(--pc)}.pcard-h{font:900 32px/1 var(--f-s);text-transform:uppercase;padding-right:34px}.pcard-t{font-size:16px;line-height:1.38}.pcard-f{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:2px;display:flex}.pcard-s{color:var(--ink2);text-underline-offset:3px;font-size:14px;text-decoration:underline}.pcard-s:hover{color:var(--pc)}.pcard .ib{--c:var(--pc)}@media (max-width:1279px){.mapp{height:calc(100vh - var(--hd) - var(--chips));height:calc(100dvh - var(--hd) - var(--chips))}}@media (max-width:980px){.mapp{background:0 0;flex-direction:column;height:auto;min-height:0;padding-left:0;display:flex}.mapp-side{display:contents}.mapp-head{padding:var(--ph-air) var(--gut) 0;order:1}.mapp-side>.search{margin:24px var(--gut) 0;order:2}.mapp-cats{margin:14px var(--gut) 20px;order:3}.mapp-stage{height:clamp(380px,112vw,68vh);height:clamp(380px,112vw,68dvh);box-shadow:0 -2px 0 var(--teal), 0 2px 0 var(--teal);order:4}.mapp-world img{-webkit-mask:linear-gradient(180deg, var(--off) 0, var(--on) 7%, var(--on) 93%, var(--off) 100%);-webkit-mask:linear-gradient(180deg, var(--off) 0, var(--on) 7%, var(--on) 93%, var(--off) 100%);mask:linear-gradient(180deg, var(--off) 0, var(--on) 7%, var(--on) 93%, var(--off) 100%)}.mpin-d{width:20px;height:20px;margin:-10px 0 0 -10px}.mpin-l{font:700 14px/1.15 var(--f-b);padding:2px 6px;top:37px}.mapp-list{padding:20px var(--gut) 0;order:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.mapp-empty{padding:12px var(--gut);order:5}.mapp-more{margin:20px var(--gut) 0;order:6}.pcard{width:auto;inset:auto 8px 8px}.mapp-ctl{right:var(--gut);bottom:var(--gut);grid-auto-flow:column}}@media (max-width:760px){.mapp .mapp-cats{margin-inline:0}}.mapp-world:not(.is-on){visibility:hidden;animation:0s 2.5s both mapp-late}@keyframes mapp-late{0%{visibility:hidden}to{visibility:visible}}.mapp-world picture{display:contents}.mpin{color:inherit;display:block}.mpin:focus-visible{outline:0}.mpin:focus-visible .mpin-d{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ink), 0 0 22px 4px var(--pc);transform:scale(1.3)}.mpin:focus-visible .mpin-l{color:var(--on-hot);background:var(--pc);box-shadow:0 0 0 2px var(--ink)}.mrow{color:var(--ink)}.mapp-list li[hidden]{display:none}.mapp-stage:focus-visible{outline:2px solid var(--teal)}.mapp-more .srcs-inline{font-size:14px}.mapp-all{margin-top:var(--sec)}.mpls{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mpl{--pc:var(--teal);padding:var(--pad);border-radius:var(--r);background:var(--s1);scroll-margin-top:calc(var(--top) + var(--in));align-content:start;justify-items:start;gap:8px;display:grid}.mpl:target{box-shadow:inset 0 0 0 2px var(--pc), 0 0 26px -8px var(--pc)}.mpl-h{font:900 22px/1.1 var(--f-s);text-transform:uppercase;align-items:center;gap:10px;display:flex}.mpl-h:before{content:"";background:var(--pc);width:12px;height:12px;box-shadow:0 0 10px var(--pc);border-radius:50%;flex:none}.mpl-k{color:var(--pc);font:700 var(--fs-xs)/1.2 var(--f-d);letter-spacing:.04em;text-transform:uppercase}.mpl-t{font-size:16px;line-height:1.45}.mpl .srcs-inline{font-size:14px}@media (max-width:980px){.mpls{grid-template-columns:repeat(2,minmax(0,1fr))}.mapp-all{display:none}}@media (max-width:640px){.mpls{grid-template-columns:minmax(0,1fr);gap:12px}.mpl{padding:16px 18px 18px}.mpl-h{font-size:20px}}