.vgroup{padding-top:36px;scroll-margin-top:120px}.vgroup-head{margin-bottom:16px}.vgroup-head h2{font-family:var(--font-display);align-items:center;gap:12px;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;display:flex}.vgroup-head h2 span{font-family:var(--font-condensed), var(--font-body);color:var(--primary-soft);background:#2563eb24;border:1px solid #60a5fa4d;border-radius:4px;padding:2px 8px;font-size:.95rem;font-weight:700}.vgroup-head p{color:var(--fg-muted);margin:6px 0 0}.vcard-role{font-family:var(--font-condensed), var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-soft);margin:0;font-size:.8rem;font-weight:700}.tier-jump{flex-wrap:wrap;gap:6px;margin-top:28px;display:flex}.tier-jump .opchip{text-decoration:none}.maps-page .vgroup{scroll-margin-top:80px}.mp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.mp-grid[data-category=kill-block]{grid-template-columns:minmax(0,640px)}.mp-card{--cut:16px;background:linear-gradient(180deg, #151922, #101319) padding-box, linear-gradient(155deg, color-mix(in srgb, var(--u) 50%, transparent), #ffffff12 34%, #ffffff12 70%, color-mix(in srgb, var(--u) 20%, transparent)) border-box;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));border:1px solid #0000;flex-direction:column;scroll-margin-top:140px;display:flex}.mp-card:target{background:linear-gradient(180deg, #151922, #101319) padding-box, linear-gradient(155deg, var(--u), color-mix(in srgb, var(--u) 40%, transparent)) border-box}.mp-stage{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:#0b0d12;position:relative;overflow:hidden}.mp-stage img{transition:opacity .3s,transform .4s}.mp-photo{object-fit:cover}.mp-card:hover .mp-photo{transform:scale(1.04)}.mp-layout{object-fit:contain;opacity:0;background:linear-gradient(#60a5fa12 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#60a5fa12 1px,#0000 1px) 0 0/18px 18px,#0b0f17;padding:10px}.mp-stage[data-view=layout] .mp-layout{opacity:1}.mp-stage[data-view=layout] .mp-photo{opacity:0}.mp-tags{z-index:1;gap:6px;display:flex;position:absolute;top:10px;left:10px}.mp-size,.mp-tag{font-family:var(--font-condensed), var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1015c7;border:1px solid #ffffff24;border-radius:3px;padding:2px 8px;font-size:.74rem;font-weight:700}.mp-size{color:var(--u);border-color:color-mix(in srgb, var(--u) 45%, transparent)}.mp-tag[data-tag=new]{color:#4ade80;border-color:#4ade8066}.mp-tag[data-tag=soon]{color:#facc15;border-color:#facc1573}.mp-toggle{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c10cc;border:1px solid #ffffff24;border-radius:6px;padding:2px;display:inline-flex;position:absolute;bottom:10px;right:10px}.mp-toggle button{font:inherit;font-family:var(--font-condensed), var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 10px;font-size:.78rem;font-weight:700}.mp-toggle button[aria-pressed=true]{color:#fff;background:color-mix(in srgb, var(--u) 35%, transparent)}.mp-body{flex-direction:column;flex:1;gap:4px;padding:12px 16px 16px;display:flex}.mp-body .vcard-role{color:var(--u)}.mp-body h3{font-family:var(--font-display);margin:0;font-size:1.3rem;font-weight:800}.mp-summary{color:#c9cbd1;margin:2px 0 6px;font-size:.9rem;line-height:1.5}.mp-spots{flex-wrap:wrap;gap:5px;margin:auto 0 0;padding:0;list-style:none;display:flex}.mp-spots li{color:var(--fg-muted);border:1px solid var(--border);background:#ffffff08;border-radius:3px;padding:2px 8px;font-size:.76rem}.mp-tips{margin-top:44px}.mp-tips-cta{color:var(--fg-muted);margin:14px 0 0;font-size:.9rem}.mp-tips-cta a{color:var(--primary-soft)}.mp-modes td:last-child{min-width:280px}.mp-modes-group th{font-family:var(--font-condensed), var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--primary-soft);text-align:left;padding-top:18px;font-size:.8rem}.mp-new{font-family:var(--font-condensed), var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#4ade80;vertical-align:2px;border:1px solid #4ade8066;border-radius:3px;margin-left:8px;padding:1px 6px;font-size:.7rem;font-weight:700}
