html,body{height:100%}.mapPageBody{min-height:100%;overflow:hidden}.mapPageMain{height:calc(100vh - 77px);min-height:560px}.mapPageShell{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 360px;background:var(--panel);border-top:1px solid var(--line)}.mapPageMap{position:relative;min-width:0;min-height:0;background:var(--mapbg)}.mapPageMap #world{width:100%;height:100%;min-height:100%;background:var(--mapbg)}.mapPageSide{min-width:0;overflow:auto;border-left:1px solid var(--line);padding:24px;background:var(--panel)}.mapPageSide .mapPageEyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan);font-weight:800;margin-bottom:8px}.mapPageSide h1{font-size:26px;margin:0 0 6px}.mapPageSide .score{font-size:52px;font-weight:850;color:var(--blue);line-height:1;margin:7px 0 14px}.mapPageSide ol{padding-left:22px;line-height:1.8}.mapPageSide .btn{display:inline-flex;align-items:center}.mapPageLegend{display:flex;align-items:center;gap:8px;margin:16px 0 20px;color:var(--muted);font-size:11px}.mapPageLegendBar{height:8px;flex:1;max-width:150px;border-radius:999px;background:linear-gradient(90deg,#1267f3,#168cff,#25dfbd)}
@media(max-width:900px){.mapPageBody{overflow:auto}.mapPageMain{height:auto;min-height:0}.mapPageShell{grid-template-columns:1fr;grid-template-rows:minmax(62vh,680px) auto}.mapPageSide{border-left:0;border-top:1px solid var(--line);padding:20px}.mapPageMap #world{height:100%}}
@media(max-width:560px){.mapPageShell{grid-template-rows:62vh auto}.mapPageSide{padding:18px 14px}.mapPageSide h1{font-size:22px}.mapPageSide .score{font-size:44px}}